rs visual design internship - chandler tsai
TRANSCRIPT
![Page 1: RS Visual Design Internship - Chandler Tsai](https://reader031.vdocument.in/reader031/viewer/2022021918/589b04261a28abb85d8b50cf/html5/thumbnails/1.jpg)
Realself Visual Design Internship 2016
Chandler Tsai
![Page 2: RS Visual Design Internship - Chandler Tsai](https://reader031.vdocument.in/reader031/viewer/2022021918/589b04261a28abb85d8b50cf/html5/thumbnails/2.jpg)
Establish a global design language (UI Team/Style Guide)
Objectives
Project: Email template redesign
Create a tool for designers (GUI Kit)
![Page 3: RS Visual Design Internship - Chandler Tsai](https://reader031.vdocument.in/reader031/viewer/2022021918/589b04261a28abb85d8b50cf/html5/thumbnails/3.jpg)
GUI (Graphical User Interface) Kit
![Page 4: RS Visual Design Internship - Chandler Tsai](https://reader031.vdocument.in/reader031/viewer/2022021918/589b04261a28abb85d8b50cf/html5/thumbnails/4.jpg)
GUI Kit
Benefits:● Allows for a quicker design workflow and iteration process● All content is editable and REAL● Assets are readily available● Testing new designs is easier ● Can be applied across the site (desktop and mobile)
Objective: Create a tool for all designers (current and future)
Process:● Create all elements on RS pages● Keep layers organized for hand off● Make updates as new styles are finalized
![Page 5: RS Visual Design Internship - Chandler Tsai](https://reader031.vdocument.in/reader031/viewer/2022021918/589b04261a28abb85d8b50cf/html5/thumbnails/5.jpg)
UI Team/ Style Guide
![Page 6: RS Visual Design Internship - Chandler Tsai](https://reader031.vdocument.in/reader031/viewer/2022021918/589b04261a28abb85d8b50cf/html5/thumbnails/6.jpg)
UI Team/ Style Guide
Process:● Test proposed styles (type, colors, buttons, etc.)● Gather feedback and iterate● UI Team commits to new styles to roll out
Objective: Help establish a global design language
Benefits:● Create harmony across all teams (we speak the same language)● Visually more appealing to users and aids usability/readability● Improves workflow of designers and development teams
![Page 7: RS Visual Design Internship - Chandler Tsai](https://reader031.vdocument.in/reader031/viewer/2022021918/589b04261a28abb85d8b50cf/html5/thumbnails/7.jpg)
Email Template Redesign
![Page 8: RS Visual Design Internship - Chandler Tsai](https://reader031.vdocument.in/reader031/viewer/2022021918/589b04261a28abb85d8b50cf/html5/thumbnails/8.jpg)
Email Template Redesign
![Page 9: RS Visual Design Internship - Chandler Tsai](https://reader031.vdocument.in/reader031/viewer/2022021918/589b04261a28abb85d8b50cf/html5/thumbnails/9.jpg)
Email Template Redesign
![Page 10: RS Visual Design Internship - Chandler Tsai](https://reader031.vdocument.in/reader031/viewer/2022021918/589b04261a28abb85d8b50cf/html5/thumbnails/10.jpg)
Email Template Redesign
Process:● Propose new email template designs● Gather feedback and iterate● Hand off to email team to build
Objective: Redesign existing email template
Benefits:● Early “test” for new Style Guide elements ● Email content is easier to digest and navigate● Creates a more engaging user experience outside of RS
![Page 11: RS Visual Design Internship - Chandler Tsai](https://reader031.vdocument.in/reader031/viewer/2022021918/589b04261a28abb85d8b50cf/html5/thumbnails/11.jpg)
Hands-on experience working with amazing people
Internship Takeaways
Intentional Design
Working on projects that matter
![Page 12: RS Visual Design Internship - Chandler Tsai](https://reader031.vdocument.in/reader031/viewer/2022021918/589b04261a28abb85d8b50cf/html5/thumbnails/12.jpg)
Thank you!
Chandler Tsai