Saverspot
OVERVIEW
The project I developed is a mobile app called “Saverspot”. The app is designed to help users set and achieve their savings goals in order to gain financial independence.
CONSTRAINTS
UX | UI Role
10 weeks timeline
iOS platform
Tools: Figma | Adobe Illustrator | Otter.ai
10 weeks timeline
iOS platform
Tools: Figma | Adobe Illustrator | Otter.ai
What’s the
problem?
In my search to understand the challenges faced by my friends and acquaintances struggling to become independent, I discovered a recurring pattern. Many of them, despite their best efforts, suffered setbacks that impeded them from achieving their goals. This caught my attention, and I began researching this problem.
I discovered a trend among boomerang millennials. Financial barriers were blocking their way to independent living, leading a significant number of them to move back in with their parents. Reports revealed the negative impact this was having on their
mental health and overall life satisfaction.
Secondary Research
To better understand this problem, I conducted secondary research. This help me to gain valuable insights into the challenges faced by boomerang millennials.
31%
achieved financial
independence by the
age of 31.
50%
only have $5,000
or less in savings.
or less in savings.
63%
are still financially
dependent on their
parents.
dependent on their
parents.
Qualitative Research – Interviewing
For my investigation, I have chosen to use a qualitative research approach that will allow me to
explore and gain a deep understanding of millennials’ attitudes and perceptions toward independence.
explore and gain a deep understanding of millennials’ attitudes and perceptions toward independence.
I plan to use interviews as one of my primary data collection methods based on assumptions. In order to
obtain more data on my research, I will send surveys to people who might be involved in this problem
obtain more data on my research, I will send surveys to people who might be involved in this problem
PARTICIPANT CRITERIA:
- Men and Women
- Age: 25-40
- Currently be living with their parents or other family members
- Desire to live independently
- Should have at least a high school diploma
- They must live within the u.s.
- People who move out, and then return to their parents’ home.
Age: 27
Occupation: Unemployed
Level of education: Marketing Master’s Degree
Occupation: Unemployed
Level of education: Marketing Master’s Degree
Age: 25
Occupation: Waitress
Level of education: High school diploma
Occupation: Waitress
Level of education: High school diploma
Age: 27
Occupation: Sales area
Level of education: Bachelor’s
degree
Occupation: Sales area
Level of education: Bachelor’s
degree
Affinity Mapping
With a comprehensive understanding of the problem, I conducted interviews and
surveys with potential users who met specific criteria. During this process, I
categorized pain points, motivations, and behaviors into distinct themes.
surveys with potential users who met specific criteria. During this process, I
categorized pain points, motivations, and behaviors into distinct themes.
Key Insights
After analyzing all the data collected in my Affinity Mapping, this is the most
relevant insights I understand about users:
relevant insights I understand about users:
Boomerang millennials
generally lack financial
literacy and knowledge.
generally lack financial
literacy and knowledge.
Boomerang
millennials may
prioritize immediate
gratification.
millennials may
prioritize immediate
gratification.
Boomerang millennials
may have different
attitudes toward money
previous generations.
may have different
attitudes toward money
previous generations.
What’s next?
By synthesizing this research, I was able to develop a clear and
focused Design Challenge that would address the key pain
points and needs of users.
focused Design Challenge that would address the key pain
points and needs of users.
How might we help boomerang millennials
achieve financial independence so they feel more
settled in adulthood?
achieve financial independence so they feel more
settled in adulthood?
Persona
When I create personas, I look at what my target audience has in common—like their
characteristics, needs, and goals. It helps me find the best way to meet my users’ needs.
characteristics, needs, and goals. It helps me find the best way to meet my users’ needs.
I found an
opportunity!
During my research, I discovered that a common issue users face is: struggling with savings.
By addressing this need, I can help them improve their financial well-being and reach their financial goals.
Task Flow
(Version 1)
PERSONA: Boomerang Millennials who want to create a budget plan that helps
her save more money.
her save more money.
USER-STORY: As a boomerang millennial I want to be able to set savings goals
so that I can feel that I am making progress.
so that I can feel that I am making progress.
Sketches (Brainstorming)
Once I had the task flow in place, I began sketching various ideas for the digital
translation of the application. I created multiple versions, and the selected sketch
served as the foundation for my wireframes.
translation of the application. I created multiple versions, and the selected sketch
served as the foundation for my wireframes.
Final Sketches
Landing screen
Select your goal
Goal details
Connect your
bank account
bank account
Montly savings
Goal added
Lo-Fi Prototype
After narrowing down the options, I then translated the sketches into a Lo-Fi Prototype,
which allowed me to test the basic functionality of the app and refine the design.
which allowed me to test the basic functionality of the app and refine the design.
Design Fixes
Overall, users were able to perform the tasks asked of them. They liked the app and the simplicity of
adding a new goal. However, after carrying out the Usability Test Plan, these are some design
corrections that I had to make to my first Lo-Fi Prototype to obtain a better interface result.
adding a new goal. However, after carrying out the Usability Test Plan, these are some design
corrections that I had to make to my first Lo-Fi Prototype to obtain a better interface result.
Final Lo-Fi Prototype
After making all the design fixes, I had the final Lo-Fi Prototype and Task Flow, ready to
start branding and the Hi-Fi Prototype in the next steps.
start branding and the Hi-Fi Prototype in the next steps.
Final Task Flow
Here, I basically moved the “monthly savings calculator screen” to the beginning of the flow, to
improve the goal setting process and make it faster.
improve the goal setting process and make it faster.
Let’s begin with the
branding design
This is where the design comes to life. Now I
will work on the branding, mood board, color
extraction and injection.
Branding
To begin building my app’s brand identity, I led a brainstorming session to find the adjectives
that best aligned with the personality and values I wanted to convey with my app.
that best aligned with the personality and values I wanted to convey with my app.
This will help guide the brand to stay consistent and develop a solid Moodboard.
Visual Identity Moodboard
I’ve chosen a mix of warm and cool colors for my app’s brand. They work together nicely and give a
feeling of trust, reliability, and modern style. The main color grabs your attention, and I’ve used a
light color for the background to keep things clean and modern. For the CTA buttons, I went with a
darker color that contrasts a bit with the main one.
feeling of trust, reliability, and modern style. The main color grabs your attention, and I’ve used a
light color for the background to keep things clean and modern. For the CTA buttons, I went with a
darker color that contrasts a bit with the main one.
Accessibility
To ensure maximum accessibility for my app, I used the GitHub Accessible Color
Palette Builder to choose a color palette that works well for everyone.
Palette Builder to choose a color palette that works well for everyone.
Landing screen
Name and Logo
I have carefully considered various options for the name and logo. After brainstorming and conducting
research, I have decided on the name “Saverspot” as the best option.
The word “Saver” clearly communicates that my app is designed to help users save money. It’s a common
word that most people will recognize and understand immediately. On the other hand, I chose “Spot”
because it sounds so focused and specific like my app is the one-stop-shop for all your financial needs.
The “S” sound makes it easy to say and remember, which is important for building brand recognition.
Marketing Website
As a final design, I created the marketing design for both web and mobile versions.
