Frame 14417.png

Genesis

OVERVIEW

ROLE

Contributed to the CSAA Genesis Design System. Designed and delivered new components based on the business requirements, document design patterns, icons, illustrations, animations for desktop and mobile devices.

UX designer in the Design System team

Frame 14417.png

My role

Di.png

As part of the UX team, I worked closely with the Design System lead to creating elements like colors, spacing, typography, elevation, and shadow. We worked on the components: buttons variant and states, data display visuals, visual feedback, navigation, etc. I also created system and outline icons and mid and high-level illustrations using our brand colors. 

Colors

colors.png

Illustrations

Mid and high level people illustrations

mid.png
person-with-glasses.png
person-long-hair.png
person-and-child.png
person-with-glasses-2.png
Defensive Driver.png
Size=Desktop.png

Creating custom illustration scene by using the illustrations library

Components

Text fields variants, types and states

description.png
Variants.png

Example of dropdown component

Variants2.png

Spacing and redlining 

Screen Shot 2022-01-11 at 1.46.20 PM.png
Screen Shot 2022-01-11 at 1.47.02 PM.png
Screen Shot 2022-01-11 at 7.08.28 PM.png
Screen Shot 2022-01-11 at 7.17.09 PM.png