Salvare App
A Responsive Web App To Help Save Money
![Salvare](https://i0.wp.com/personasdesign.com/wp-content/uploads/2021/11/Salvare.png?resize=1080%2C608&ssl=1)
Project Summary
To design a responsive website, web app, and/or mobile app allowing all data on income and expenses to be recorded easily, on the go, and from a variety of devices. The tool displays data on the user’s finances (how much money they spend and on what), and tells them what they can do to cut costs and save money in a certain amount of time.
![Sign Up](https://i0.wp.com/personasdesign.com/wp-content/uploads/2021/08/Sign-Up.png?resize=945%2C845&ssl=1)
Project Details
Key skills
User Testing, Wireframing, Prototyping, Graphic Design
Tools
Figma, Vidyard, InVision, Zoom, Powerpoint
5 W’s
WHO
- For those who want to save money, quickly (e.g. a wedding, a big trip, or a new car).
- The users are not new to technology but do not like working with their finances.
WHAT
Based on feedback from the initial interview:
- Add New Goal
- Adjust Goal
- Transfer/withdraw money
When
- To save money quickly in preparation for a big purchase or expenditure.
Where
Anywhere whenever want to save money for a big purchase or expenditure.
Why
This tool is accessible from any type of device, and clearly tells users what they can do to save better.
Strategy
Visual Design
Archivo (Sans serif typeface family) crafted for high-performance typography. It was designed to be used simultaneously in print and online platforms and supports over 200 world languages.
Aa
Archivo Bold 40pt
Archivo Medium 32pt
Archivo Italic 18pt
Archivo Thin 14pt
User Stories
User Story 1
When I am trying to save money to buy things, I want to be able to know what my savings goal is so that I will be able to tell how much more I need to save to reach my goal.
Entry Point: Dashboard
Success Criteria: Able to see saving goals
- Dashboard
- Goals
User Story 2
When I am trying to save money to buy things, I want to be able to adjust the goals and withdraw/transfer money so that I can prioritize the goals.
Entry Point: Dashboard
Success Criteria: Able to adjust the goals and withdraw/transfer money.
- Dashboard
- Goals
- Goal
Wireframe >Prototype
iOS
![](https://i0.wp.com/personasdesign.com/wp-content/uploads/2021/12/Cover-Page.png?w=1080&ssl=1)
![](https://i0.wp.com/personasdesign.com/wp-content/uploads/2021/12/Cover-Page_H.png?w=1080&ssl=1)
![](https://i0.wp.com/personasdesign.com/wp-content/uploads/2021/12/Goal-1.png?w=1080&ssl=1)
![](https://i0.wp.com/personasdesign.com/wp-content/uploads/2021/12/Goal-_H.png?w=1080&ssl=1)
![](https://i0.wp.com/personasdesign.com/wp-content/uploads/2021/12/Dashboard.png?w=1080&ssl=1)
![](https://i0.wp.com/personasdesign.com/wp-content/uploads/2021/12/Dashboard_H1.png?w=1080&ssl=1)
![](https://i0.wp.com/personasdesign.com/wp-content/uploads/2021/12/Goals.png?w=1080&ssl=1)
![](https://i0.wp.com/personasdesign.com/wp-content/uploads/2021/12/Goals_H1.png?w=1080&ssl=1)
Feedback & Solution
Feedback
Unclear on wordings “Total spending” & “Saving account”.
Solution
Adjusted the wordings “Total spending” to “Total amount added to goals” and “Saving account” to “Undistributed funds”
Feedback
Should have a way to withdraw/transfer money
Solution
Added “withdraw” and/or “transfer” money from goal to goal or to the attached bank account
Feedback
Add motivational messages when hitting some milestones
Solution
Created some motivational messages
Final Design
ios
Mockups
![](https://i0.wp.com/personasdesign.com/wp-content/uploads/2021/10/app-05.png?resize=1080%2C302&ssl=1)