Ring, Design System
Background
From Q1 2017 to Q2 2018, I helped the design team at Ring grow from 3 to 13. One of my responsibilities was creating and maintaining the company's first design system across iOS and Android. I partnered with 1 iOS engineer and 1 Android engineer to maintain the Ring Style Kit in SwiftUI and Java, which mirrored the design tokens. The library was widely distributed among design and engineering teams. After Amazon acquired Ring, I had the opportunity to present the design system work to the IMDb and Amazon Devices & Services teams..
Role
Design Lead
Team
1 PD
1 iOS ENG
1 Android ENG
Time
Q4 2017 —
Q2 2018
Audience
1 UX Writer
Design System
Ring Design System was designed with a principle to unify the brand language across iOS and Android.
Education
Each design token had a documentation about how to use them, how not to use them, and the rationale behind the design decision.
Foundation
Documented typography, colors, and imageries.
Iconography
icons were distributed through PaintCode for iOS and IcoMoon for Android.
Atoms
System components.
Atoms
System components.
Molecules
Ring components.
Molecules
Ring components.
Organisms
Ring patterns.
Presentation
Gave a presentation about the design system at Ring to the IMDb and Amazon Devices & Services teams.
