Header img2.png

Google: List Views Design System

 

List Views: Design system case study

 
 
Header img2.png
 
 

 

Project Background

What began as a basic feature update within the Contacts app expanded beyond product design, and spanned across systems design and production design in order to come to a final solution. I am particularly proud of this effort because I did the job of three designers in one project, (Product Design, Systems Design, and Production Design).

This is a case study that was pressure tested within Google products like Photos, Gmail, Calendar, Contacts, Chat, and Editors (docs, sheets, slides).

 
 
(Interview Preso) List Views_ The Design System (Mesinger) (1).png

 
 

Duration

5 months

 

Team

2 UXD’s (Lead & Me)

 

Software

Figma, Google Suite

 

 

Process Journal

 
(Interview Preso) List Views_ The Design System (Mesinger) (1).png

(Interview Preso) List Views_ The Design System (Mesinger) (2).png

(Interview Preso) List Views_ The Design System (Mesinger) (3).png

(Interview Preso) List Views_ The Design System (Mesinger) (4).png

(Interview Preso) List Views_ The Design System (Mesinger) (5).png

(Interview Preso) List Views_ The Design System (Mesinger) (6).png

(Interview Preso) List Views_ The Design System (Mesinger) (7).png

(Interview Preso) List Views_ The Design System (Mesinger) (8).png

(Interview Preso) List Views_ The Design System (Mesinger) (9).png

(Interview Preso) List Views_ The Design System (Mesinger).jpg

(Interview Preso) List Views_ The Design System (Mesinger) (10).png

(Interview Preso) List Views_ The Design System (Mesinger) (11).png

(Interview Preso) List Views_ The Design System (Mesinger) (12).png

(Interview Preso) List Views_ The Design System (Mesinger) (13).png

(Interview Preso) List Views_ The Design System (Mesinger) (14).png

(Interview Preso) List Views_ The Design System (Mesinger) (15).png

(Interview Preso) List Views_ The Design System (Mesinger) (16).png

(Interview Preso) List Views_ The Design System (Mesinger) (17).png

(Interview Preso) List Views_ The Design System (Mesinger) (18).png

(Interview Preso) List Views_ The Design System (Mesinger) (19).png

(Interview Preso) List Views_ The Design System (Mesinger) (20).png

(Interview Preso) List Views_ The Design System (Mesinger) (21).png

(Interview Preso) List Views_ The Design System (Mesinger) (22).png

(Interview Preso) List Views_ The Design System (Mesinger) (23).png

(Interview Preso) List Views_ The Design System (Mesinger) (24).png

(Interview Preso) List Views_ The Design System (Mesinger) (25).png

(Interview Preso) List Views_ The Design System (Mesinger) (26).png

(Interview Preso) List Views_ The Design System (Mesinger) (27).png

(Interview Preso) List Views_ The Design System (Mesinger) (28).png

(Interview Preso) List Views_ The Design System (Mesinger) (29).png

(Interview Preso) List Views_ The Design System (Mesinger) (30).png

(Interview Preso) List Views_ The Design System (Mesinger) (31).png

(Interview Preso) List Views_ The Design System (Mesinger) (32).png

(Interview Preso) List Views_ The Design System (Mesinger) (33).png

(Interview Preso) List Views_ The Design System (Mesinger) (34).png

(Interview Preso) List Views_ The Design System (Mesinger) (35).png

(Interview Preso) List Views_ The Design System (Mesinger) (36).png

(Interview Preso) List Views_ The Design System (Mesinger) (37).png

(Interview Preso) List Views_ The Design System (Mesinger) (38).png

(Interview Preso) List Views_ The Design System (Mesinger) (39).png

(Interview Preso) List Views_ The Design System (Mesinger) (40).png

(Interview Preso) List Views_ The Design System (Mesinger) (41).png

(Interview Preso) List Views_ The Design System (Mesinger) (42).png