Adult Piggy Bank

AdultPiggyBank-Mobile6.png
02-Web-Home.png
01-Web-Login.png
AP-03-Web-Expenses.png
04-Web-Progression.png

Objective

  • Adult Piggy Bank is a financial app for beginners to save money fast and to help you keep on track.

    See Mobile Prototype

  • Role
    Sole UX/UI Designer, Visual Designer, Content Designer

    What I did
    UX: Conducted Research, Competitive Analysis, User Interviews, and Usability Testing.
    Created and developed User Stories.
    Found Pain Points and Solutions.
    Determined User Flows and MVP features.
    UI: Created Lo-fi to Hi-fi Wireframes, and Prototypes.
    Designed icons, Style Guide, Responsive Web and Mobile Designs.

    Tools: Adobe XD, Photoshop, Illustrator, InDesign

Design Process

  • 1. User Research

    Interviewed 5 people.
    Conducted a quick Competitive Research.

  • 2. Define

    Created User Story.
    Draw User Flows.
    Found Pain Points and determined features accordingly.

  • 3. Design, Prototype, Iteration

    Created 7 wireframes.
    Created a simple prototype and tested it twice.
    Made changes after each test.

  • 4. Final Design

    I redesigned and developed Final Prototypes. I prepared Deliverables to hand off to the developer.

User Stories

 

“As a financial app user, I want the financial app to be secure and trustworthy, so that I can use it confidently.”

 

“As a saving app user, I want to see a dashboard of my finances clearly and visually, so that I can see how much I am spending on what at a glance.”

“As a saving app 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 saving app user, I want to be notified and rewarded when I have reached certain milestones so that I would feel good about it.”

Pain Points & Solutions

  • Pain Points

    • Finance can be intimidating to many people

    • Users want to see the progression visually and clearly Progression Charts, Reward Screen with animations

    • Users want to feel their financial data is secure Two way verification System Either by Face ID or Texting Code

    • Users want to customize their saving method Users can set their own goals, or accept app’s suggestions

  • Solutions

    • Easy to use a saving app to rescue

    • Progression Charts, Reward Screen with animations

    • Two way verification System Either by Face ID or Texting Code

    • Users can set their own goals, or accept app’s suggestions

Usability Testing, Findings & Iterations

  • Positive

    Majority of testers responded fondly to the logo and look and feel of the design. The primary green/jade color was liked and viewed as associated with money.

    Younger testers thought the Adult Piggy Bank logo was cute.

    It’s a streamlined and simply designed finance app. The user flow was easy to follow and made sense. Elements were where users expected them to be and the navigation icons made sense. Calculating a goal feature, confetti and bike graphics/animations on the reward screen were well liked.

  • Negative

    Some testers disliked the hot pink button and teal gradient background. 

    An older tester was not crazy about the Adult Piggy Bank logo because it lacked the seriousness.

  • Iterations

    The hot pink color was eliminated from the color palette. The hot pink buttons were changed to the primary green/jade color.

    The teal gradient background was replaced with 10% Primary green color. 

    Since I identified that he was not a targeted audience, I decided to leave the logo as was.

User Flows

Style Guide

Takeaways

I learned it was okay to throw out irrelevant feedback. One of the interviewees/testers was an experienced investor and he was not looking for a beginners' saving app. He also. didn’t like the Adult Piggy Bank’s cuteness. Always keep the target audience in your mind to design.