Frame 627681 (2).png

Alexa App

Alexa on your phone

Visual UX Design Lead 2016-2020

Atomic Design System Creation/Execution/Evolution
A11y first
Sketch / React Native


Problem: After quickly outgrowing its original platforms, Alexa App underwent a third redesign during my time at the Amazon Devices Organization. Finally there were enough resources start from scratch and create something world class.


Process

Building a design system for the app framework from the ground up required working closely with dev from the beginning to ensure component parity.

Component Audit/Inventory
Redesign with atomic design best practices
Improve cross design team communication
Work with brand on Alexa vision
Address a11y issues, like font scaling

 

Putting a11y first

I worked closely with dev to ensure that our component library would support font scaling, resolving many a11y issues and meeting the customers’ needs: over 30% of mobile users have large font mode enabled.

 

Broad visual exploration & refinement

4-star design

With the re-platform and launch of the new design system, the Alexa App rose from 2.6 stars to over 4 in the App Store.

Light/Dark Theme Support
Major A11y Improvements
Personalized Experience
Modern Visuals