Amazon
Seattle, Washington
Project type
- Design systems
- Component builds
- Template library
- Specs and documentation
My role
- Sr system designer (UX Designer V)
- Design system technologist
Devices & Design Group
Within the Devices & Design Group at Amazon (2020-2023), our team of 9 System Designers and Technologists created, maintained, and owned the design systems for all of Amazon’s devices. My focus was working with our interaction and CX designers to build or upgrade feature-rich, streamlined components that synched closely with their functionality in code, and maximized usability. My scope was mainly within the Alexa core, Fire TV, and Echo family design systems.
Echo Design System
The Echo device family included several devices, including Echo Spot, original Echo Show models, and all tablet-style Echo Show devices. My responsibilities for Echo included migrating and maintaining the compressive clock library, patterns, and templates, as well as OOBE setup, from Sketch to Figma for all Echo devices.
Some Echo devices included thousands of clock configuration permutations, with settings for clock-face styles, backgrounds, color theming, and more. The following is a sampling of the clock library and templates for Echo Spot, Echo Show 8, and Echo Show 10.
Echo Show 8 Clock Library Sampling // Device Mockup
Echo Show 8, 10 Mockups // Atomic Components and Template Samplings
Echo Spot Clock Library Sampling // Device Mockup
Echo Clock Library documentation & specs
The following is a sampling of the docs and specs for engineering handoff. At Amazon, we chose to house documentation within Figma with live nested components so that when components are updated, the specs are automatically updated as well. Dev Mode was later integrated into the handoff process, which was made easier with docs that were already housed within Figma.
Adoption success
The creation of the Echo Design Systems were part of a department-wide migration to Figma. Previously, CX teams managed their own design systems on various platforms, which created chaos and disharmony for designers and engineers. As such, Amazon made the decision to migrate (or recreate from scratch) all device design systems in Figma to form a more harmonious ecosystem that brought consistency to design, and parity to code. Thus, the “Bridge Team” was formed, consisting of 9 system designers, including myself, who migrated or recreated, owned, managed, and supported all device design systems, documentation, and template libraries – approximately 24 device-specific design systems, plus the core Alexa Design System that was a shared responsibility.
Support and training
Once the primary systems were ready for launch with consistent interfaces, and detailed specs and documentation, we launched a comprehensive department-wide adoption and support campaign consisting of a video training library, office hours, intake forms, regular video and newsletter updates, and routine live training sessions. We followed up the campaign with a survey that showed a 78% positive rating of the new design systems themselves, as well as the support efforts from our team.
Team culture
To further promote and facilitate adoption, we worked to position our team as:
- Highly dependable, approachable, and extra helpful. We worked to form good working relationships with our designers and developers by happily assisting, even when requests were outside of our typical scope.
- Always supportive with quick turnaround times, attention to detail, and inclusive collaboration. Although it was sometimes difficult, we worked to ensure the shortest turnaround times possible.
- Experts in user-centered solutions that reduce cognitive load and make the jobs of our users easier. We extended our support beyond just managing the systems, to consulting and formulating solutions for CX and engineering teams.
The result was a measurable successful adoption across the CX and engineering teams, and a smooth and easy support process. An additional perk of our support efforts was the formation of improved collaboration among the CX teams, themselves, and the breaking down of silos that previously created separation and hindered collaboration.