Realself Visual Design Internship 2016

Chandler Tsai

Establish a global design language (UI Team/Style Guide)

Objectives

Project: Email template redesign

Create a tool for designers (GUI Kit)

GUI (Graphical User Interface) Kit

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

UI Team/ Style Guide

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

Email Template Redesign

Email Template Redesign

Email Template Redesign

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

Hands-on experience working with amazing people

Internship Takeaways

Intentional Design

Working on projects that matter

Thank you!

Chandler Tsai