Creating and maintaining holistic design system components for Apple.com, Apple Store App, and Apple Shopping Experiences.
I joined Apple in 2022 on the Design System team as a Senior Designer. My primary responsibilities include creating and maintaining holistic Design System components, working with engineering to build and refine components as determined by Design System specs, collaborating with product designers to review existing design patterns to further evolve Apple’s Design System, and advocating for Design System usage across all channels.
Although I’m unable to show all of the work I’ve contributed to, the following case study represents some of my latest core contributions.
Timeline and Contribution
Exploration & Studies
Exploration is an important part of Design Systems — I study color, typography, design trends, and best practices. I’m constantly pushing design and user experience forward, creating new ideas and cohesion across Apple experiences.
Component Specs
Detailed spec pages are created to provide both design guidance (during design phases) and developer insight (during developer handoff). In this example, Apple’s form elements were updated due to an accessibility issue. Detailed specs were created along with the latest guidance. Anatomy, Layout, Breakpoints, States, and Motion are just some of the spec details included. As components evolve, or as specific requirements are uncovered, specs and documentation are updated.
Iconography
Design Systems is responsible for creating, updating, and maintaining a library of 900+ icons. All icons come in six sizes along with an outline and fill version. Icons are built out during two-week sprints and libraries are updated every month. As new products or features are launched, new icons are created in partnership with Apple’s Interface team.
Page Templates
Templates are created and maintained by the Design Systems team to aid product designers during launch moments. These templates are linked to Apple’s Design System and are continually updated and refined as needed. Guidance and recommendations are also provided to aid product designers and development teams.