Stash
Stash is a personal money management app that gives users more control over their income and spending.
My Role
UX/UI Designer
Timeline
10.2020 - 12.2020
Tools Used
Adobe Xd
— The Objective
Overall, I wanted to make sure that with every step Stash felt fun and encouraging to use. Money management apps can full mundane and almost like a chore. Money management is stressful.
— Purpose & Context
This was my 3rd student project with Career Foundry. The brief I was given for this assignment was to design the iOS and Android version of a mobile app of my choice that solves a specific user problem, while respectively following the iOS and Android design guidelines and patterns.
I thought a money management app would be a great subject for this brief and showcase a “dark-mode style” design I haven't done before.
— My Design Process
I started with competitive and comparative analysis. I downloaded apps in the category for both iOS and Android, observed any similarities and read user reviews, making note of anything I liked or disliked and could incorporate into my own design style.
I then moved on to user flows. With a basic idea of how I wanted the app to be structured, I laid out simple paths users could take within the app with some low-fidelity wireframes.
— User Testing
Once my application was nearing a final design state, I gave 5 users a task and asked them to complete it through a prototype which included basic animations through Adobe Xd’s prototype feature.
I had users log in, navigate to the bills screen, pay a bill, then remove it. Bonus action (if wanted) was to create a new bill. Users can also navigate to others screens not necessary in the prototype interactions.
User 1- iOS
Liked the color palette. No critiques other than suggesting I add a confirmation when paying a bill to make sure users can't accidently pay, which I forgot to add on the iOS version.
User 2- Android
Spacing was slightly off on log in screen, but liked how simple it was and it didn't feel overloaded.
User 3- Android
User asked if they should be able to scroll, and I told them only after they added a bill if they chose to do that interaction. I clarified you can't scroll for the testers after. Liked the application and had no critiques after that.
User 4- Android
Suggested trying to fit "your upcoming bills" into one line as that was the only thing that stood out to them. I ended up putting all page titles on one line. Said the application was very easy to navigate.
User 5- iOS
Said even though the "Woo" and "Great" are fun confirmation words and it fits with the encouraging mood of the app, some users might get confused. Overall really liked the app!
Everything suggested was implemented in to the final design!
— Final Results
Note- There’s some things I would like to change and improve upon with Stash! I plan on updating it soon.
iOS Version
Android version
Want to follow along with what I asked my user testers to do?
1. Log in
2. Navigate to the bills page
3. Pay the rent bill
4. Remove the rent bill
As a bonus action, create a new bill!