Constellation for Native Apps
Constellation for Android & iOS are two design libraries that make up Zillow’s comprehensive design system. During my time at Zillow, I have contributed to quite a few native apps components.
Team: Sam Cook (systems designer, head of Constellation for Native Apps), Andy Le (systems designer), Native apps dev team
Role: component construction, close dev collaboration
Native Apps History
The Constellation Native Apps design system launched in early 2021, which is when I first started contributing to the libraries. As one of the first few people to contribute to the native apps libraries, I had a lot of freedom and space to structure my contribution process and workflow.
My Process & Considerations
Each native component construction has a slightly different story, but there a few main things I think about when designing for native apps:
Darkmode Support
Accessibility (touch targets, dynamic type)
Default platform behaviors for Material & HIG
Translation from existing web component to native
QA from native developers
Contributions to Android Library
Below are components that I built for the Constellation Android library.
Android Input Fields
Android Search Bars
Android Banners
Android Tabs
Android Upsell Banners
Contributions to iOS Library
Below are components that I built for the Constellation iOS library.
iOS Input Fields
iOS Menus
iOS Action Sheets
