Product Design & Design System
ring.png

Ring: Product Design

Ring: Product Design

As a principal designer with an end-to-end feature ownership, I helped the core mobile app team launch Floodlight Cam in April, Video Doorbell 2 and Elite in June and Spotlight Cams from July to October in 2017. Our team included 1 product owner, 1 project manager, 4 iOS engineers, 4 Android engineers, 2 QA engineers, 1 UX designer and myself. In our 2-week agile sprints, I worked with the stakeholders to collect requirements, provided design solutions from wireframes to prototypes, and produced JIRA tickets and Confluence documents for the engineers. In development, I worked very closely with the engineers to help run daily standups, sprint planning, and weekly retros when needed.

 

Design Philosophy

With more than half of our user base using iOS, the team and I prioritized design and marketing efforts around iOS. To keep the feature parity, however, our design approach was platform agnostic. It helped synchronize educational contents, print and manual collaterals, as well as customer support agent training. For iPads and tablets, we created a custom 512pt/dp grid system that accommodates our design in a safe gutter area. As a result of our platform agnostic design, the Android design also spoke the Ring visual language, but without sacrificing the core characteristics of the Material Design.

 

Live Event Redesign

From December 2016 to January 2017, I worked with the creative director, lead user experience designer and chief marketing officer to lead a redesign of the Live Event screen. I designed from wireframes, icons, Zeplin, product documentation, to prototyping. 

Our number one goal was the scalability that was going to endure the future features for our engineering and marketing needs. We were aiming to scale 1) internationally without labels, 2) new hardware features like lights and siren and 3) for multiple platforms - iOS, Android, macOS, tvOS, Android TV, Samsung Smart Fridge and Amazon Echo Show.

 

Original + Iterations

 

Final

 

Device Settings

From Q4 2016 to Q1 2017, I led the design of the Floodlight Cam settings from icons to prototyping with the lead user experience designer. Our primary goal was to help users adjust the motion zones for lights in the most intuitive way. The design is now patented. During the development, I worked side by side with the engineers to make sure the mathematics, physics, and interaction were all properly implemented. 

From Q1 to Q3 2017, I led the redesign and helped build the Motion Settings, Camera Settings, Power Settings, Linked Devices, Motion Snooze and more for the entire product lineup with the core mobile app team.

 

Camera Tiles & New Home Screen

From Q1 to Q2 2018, I led the design behind camera tiles from icons to error states with Andriy. The camera tiles are preview snapshots that live in the new home screen of the Ring iOS and Android apps. The tiles are customizable in size - large and small, dynamic from iPhone SE to Tablet in landscape, and let you access to quick actions like the lights, siren, and snooze. The design team is working with the Firmware, Device-API, Client-API and iOS and Android teams altogether to accommodate all the possible instances.