Yahoo! Design System
& CS Products
DESIGN SYSTEM | INTERNAL PLATFORMS
Network of web services providing internet communications, finance, and media outlets
↪ Collaborated with Design and Eng partners to create foundational elements of the internal Cloud Services Design System which would span across 60+ internal products
↪ Utilized Design System within assigned Cloud Services products and revisited product user experience and accessibility
↪ Illustrated assets and logos to be used in assigned Cloud Services products
PROJECT GOAL
Creating an easily accessible open source Design System as well as improving on the internal user experience and navigation.
TIMELINE
FEB 2017 - MAY 2017 (MAY 2019 First Launch, JAN 2020 Second Launch)
The Very Beginning
Our team started by building each component to fit cross-functioning products under Cloud Services. We aimed to make sure that any and every component we designed would look good and work well on each platform it was placed on.
Creating Components
When designing these components, we had to take into consideration each products' brand, usage, and purpose.
For many component organisms we created a formula that would allow different style changes for different products. We also made sure to prioritize components that would support quick and easy navigation from one product to another.
Buttons
Form Elements
Icons
Toggles
Tabs
Alerts
Inputs
Modals
Data Tables
Type
Tags
Creating Pages
As we were creating this system language, we were slowly implementing the new components and styles into our assigned products as well as updating the user experience of these products.
We started planning and designing the open source library of our components and elements with the intent of making the system language readily available for designers and engineers to use.
Learnings
Project Denali was my first experience working on a system focused on multiple products at a time as well as one catered towards internal tooling and developer data. I enjoyed working hand in hand with our engineers as both partners in product development as well as users of our products. Something I learned through this experience is how important it is to work cross-functionally with different teams. Getting different perspectives and user needs was incredibly impactful in the way we decided to build this design system and even design our individual products.