Background
Working with a team of developers and product manager, my role as the Lead UI Designer on this project is to design the visual hierarchy and layout of the pages and also define a style guide for the app.
This app aims to help users stay on top of their spend and keep track of expenses so that they always how much they are spending and what they are spending it on.
Wireframes
I was presented with an initial set of wireframes which I had to translate in hi-fi UI designs.
Sketches
To translate my thoughts and ideas I started off with a few rough sketches
Style Guide
Before moving into a high-fidelity prototype I developed a style guide for the app. I choose to go with flat design and some vibrant colors as my target audience was 25- to 34-year-olds. I chose a bright pink to highlight some of the key elements on the screen
Before moving into a high-fidelity prototype I developed a style guide for the app. I choose to go with flat design and some vibrant colors as my target audience was 25- to 34-year-olds. I chose a bright pink to highlight some of the key elements on the screen
High fidelity prototype
