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. 

Fire TV Design System

This design system is one that I fully built and owned. As part of a transition to unify all device design systems in Figma, I rebuilt the system from scratch from it’s original home in InVision, including all styles, components, patterns, and templates. Like all Amazon systems, Fire TV was built using atomic principles, and included extensive use of Figma’s advanced features, such as variables, modes, component properties, nested instances. 

Components and templates

Amazon devices are built on Android, with native OOBE setup overlaid with an APL (Amazon programming language) layer that runs the app interface. This project included the creation of both Android OOBE and APL-based component libraries and templates. The following shows samples of components for both APL components and Android templates.

Button and Title components

Because the Fire TV interface is built on a programming language, components with colored backgrounds require a background asset for engineering, as can be seen in the button components below. This is opposed to web-based components, which can simply have a fill color applied to the outer frame.

List Item components
Touch Keypad components
Badge and Tag components
Tile components
Card components

Templates

Video screen, online
Profile screens
Library screens

Fire TV Mobile Design System

The design system included components for mobile and other touch-enabled devices, such as auto and in-flight TV devices. Because of the variable nature of these external devices, these components were built to scale up from 1280x720dp and included only this grid dimension.

Fire TV Mobile Component Sampling  //  Program Details Device Mockup
⇆