Project
Visual design, iconography and motion for Status, a financial collaboration app developed from early UX wireframes.
My role
I worked with the founders, developers, UX designers and researchers to establish the app’s visual treatment. My scope included navigation and data icons, animated feedback and a four-screen onboarding sequence.
The starting point
The product had early wireframes but needed a visual language that could support different interface tasks. Navigation, financial information and first-use explanations each called for a different treatment.
Audience
The intended audience was adults aged 25–55 with basic to moderate financial knowledge. The design needed to support people comparing and discussing their finances without assuming specialist expertise.
Two icon roles
I separated navigation icons from informational icons because their jobs and viewing conditions were different.
Navigational Icons
- Glyph-style forms for stronger recognition on dark backgrounds.
- Distinct shapes suited to repeated navigation.
Informational Icons
- Outline forms that could work across different backgrounds.
- A quieter visual weight alongside financial data.
- Legibility across the required sizes.
The concepts were reviewed and tested with focus groups as part of the design process.
Interface feedback
I designed coordinated animations for loading, success and error states. Each communicated a different operation while using the same visual language as the rest of the app.
Introducing the product
I created a four-screen animated onboarding sequence to introduce the app’s features and lead into sign-up. The sequence combined explanation with the visual tone established for the interface.
- Compare Your Finances
- Find Opportunities
- Securely and Privately
- Sign Up
I explored several concepts through sketches. For the privacy message, the client selected a padlock in place of the earlier fingerprint idea.
Delivered
The app launched with the iconography, interface feedback and onboarding work developed through this collaboration. My contribution connected the product’s visual direction with the individual assets needed to implement it.
