Case Study | Sterak
Native Android & iOS screens for a mobile banking app
Role & Tools Used
UX/UI Designer
Figma
Focus
Branding & Logo Design
Design Systems | Material Design & iOS
High-Fidelity Mockups | Material Design & iOS
Prototypes
Moodboard & Logo Design
Brand Inspiration
Goal: Provide a positive experience to manage finances when you’re a financial guru or just starting to be more comfortable with managing money
Logo Name, Mark, Color Scheme
Originally wanted to call it Stark but didn’t want to run into any legal issues
Ended up going with Sterak to avoid potential issues
Blue #3A55B4: Traditional conveyor of trust
Green #0A9A76: Money = Green. Paired well with the blue as a gradient
Capitalized on the “S” for the logo mark
Didn’t end up going with the dollar sign ideation because of the yellow
Moodboard Creation
Favorite part is the overlapping background shape aesthetic
Followed Material Design and Human Interface Guidelines
Material Design Moodboard
iOS Moodboard
Design Systems
Material Design | Design System
iOS | Design System
High-Fidelity Screens
Material Design Screens
iOS Screens
Key Takeaways
Lesson Learned
Documentation is your friend
It really helped to actually take time to go through the documentation for Material Design and Human Interface Guidelines