top of page
portfolio funds.png
Group 4492.png

ROLE

About

TIMELINE

TOOLS

UI/UX Designer

March 2020 - April 2020

Adobe XD
InVision

Group 4429.png
Group 4429.png

FUNd$ is a money-saving application for large purchases in life. Put money in. Get joy out. First, I created user stories and flows - then my low-fidelity and mid-fidelity wireframes were shown. For this project, I showed rough versions of my mid-fidelity designs to peers for reviews and feedback and used their critiques to update them accordingly. A color palette and Style Guide were created before showing the final screen designs. This application was designed responsively for iPhone up to Desktop.

With this app, I wanted users to find the "fun" in saving as opposed to dreading the task. I knew I needed to make sure the process was as engaging as possible with unique features. The user is able to choose customized illustrations that best fit their saving goals and they are praised for adding funds or completing a goal. The verbiage throughout the application insinuates a team as "we" is used instead of "you".

USER STORIES & FLOW

"As a new user, I need to be able to create a profile, so that the financial advice I receive is personalized to me, my spending habits, and tailored to my goals."

"As a user, I need to be able to tell the tool what my savings goal is and how long I have to reach it, so that I can save accordingly."

"As a user, I want to be notified and rewarded when I have reached a certain milestone throughout the saving period, so that I know if I'm on track."

Landing Page

Login

Create Account

User Stories & Flow
Group 4429.png
Group 4429.png
Group 4429.png

Home

View
Current Goals

Add New Goal

Cancel Goal

Add Details

Add Funds

Save

Congratulate

Savings Complete

Congratulate

Delete or Save

WIREFRAMES

Artboard – 2.png

Low-Fidelity

Original Mid-Fidelity

FEEDBACK

  • How do you get back to the home screen after creating a saving goal? Add navigation.

  • The amount-setting increase and decrease arrows could take the control away from the user and might be time consuming.

  • Make the primary buttons and sign in stand out to direct the user to where they should go.

Wireframes
Feedback

Updated Mid-Fidelity

Group 4459.png

COLOR PALETTE

Group 4487.png
Group 4489.png

TYPOGRAPHY

Color Palette
Typography
Group 4429.png
Artboard – 3.png
Mask Group 116.png
Final Design
Group 4429.png
Artboard – 4.png
bottom of page