top of page

Creating an Interactive Experience for Savings. 

Designing the UI /UX of a personal saving app.

SAVELOGO_edited.png
save1.png

Project Overview

Role

Sole Product UI/UX Designer

Team

  •  Developer

  • Product / UX  Designer (Myself)

  • Information Architecture

  • User Flows

  • UX& UI Design

  • Interaction Design

roleIcon.png

Tools

  • Figma

  • Figjam

  • Sketch

  • Adobe Photoshop

  • usertesting.com

Skills

Background & Intro

This is a freelance project.

It is an application that manages your savings with an efficient financial management tool, by

  • Developing a savings monitoring application to facilitate financial planning for the future.

  • Empowering users to track their savings and expenses efficiently.

  • Providing valuable insights and analytics to help users make informed financial decisions.

  • Streamlining the process of setting and achieving financial goals

  • Enhancing user experience by designing an intuitive and user-friendly interface.

Problem

  • Users have multiple bank accounts and want to save for a specific purpose.

  • Group saving plans are not widely used in the US, despite being popular in other countries.

  • This app helps users monitor their spending and saving habits to achieve their saving goals.

  • Provides personalized saving advice to help users save efficiently.

  • Offers an easy way to set up and manage group saving plans with friends and family.

MoneyPic.png

The objective is to cater to the needs of users who possess multiple bank accounts and wish to save for specific purposes.

 

The distinguishing feature of this application is aimed at addressing the underutilization of group saving plans in the United States, despite their popularity in various other countries.

 

The goal is to bridge this gap and provide a solution that specifically caters to the unique requirements of American users.

Vision

Project Goals

  • Simplify the sign-up and verification process to enhance user convenience.

  • Provide intuitive tools for monitoring spending and managing saving plans.

  • Promote bank products by offering informative saving tips, personalized advice, and insights into spending habits.

Information Architecture

Based on extensive research and SWOT analysis, the requested features and user requirements were carefully considered in designing the app. The following is a sample sitemap that demonstrates the app's structure

Sitemap

saveS2_edited.jpg

Wireframes and Prototypes

 

The design process involved creating low-fidelity wireframes and interactive prototypes. These visual representations helped in testing and validating the app's functionality and user interactions.

Iterative feedback loops were conducted to refine the user interface and incorporate user preferences and needs.

Visual Design

The visual design of the app aimed to strike a balance between a modern, clean aesthetic and a visually engaging experience.

The color palette was carefully chosen to evoke feelings of trust, stability, and financial well-being. Typography and iconography followed best practices for legibility and clarity.

Secure Log In & Sign Up

Multi-step process ensuring user identity verification and data security.

SignupSave.png
SignupSave.png
group_Save.png
group_Save.png
saveSelect.png
savelistpage.png
SavePlanMock.png
SaveProto
Simple Cheerful Interactions

Key Features and Functionality

 

  1. Dashboard: The app has a personalized dashboard that provides an overview of the user's current savings, expenses, and progress toward their savings goals. Interactive charts and graphs offer visual representations of financial data.

  2. Savings Goals: Users can set specific savings goals, such as a vacation, a new car, or a down payment for a house. The app tracks progress towards these goals and provides notifications to keep users motivated.

  3. Expense Tracking: Users can easily categorize and track their expenses, allowing them to identify spending patterns and make informed decisions to save more effectively.

  4. Group Saving Plans: The app allows users to create and manage group saving plans with friends and family. This feature promotes collaboration and shared financial goals, making saving a fun and social experience.

  5. Personalized Advice: Through intelligent algorithms, the app offers personalized savings advice based on individual spending habits and financial goals. This feature helps users make informed decisions and optimize their saving strategies.

Conclusion

The Money Saving App provides a user-friendly solution for individuals seeking to improve their financial well-being. By simplifying the saving process, offering valuable insights, and promoting collaboration through group saving plans, the app empowers users to take control of their finances and achieve their savings goals.

The iterative design process, backed by user research and feedback, ensured that the app addresses the specific needs and pain points of the target audience. The result is a visually appealing, intuitive, and impactful tool that makes saving money a rewarding and enjoyable experience.

eatte.io - Enterprise B2B Platform

Re-designing the user experience of "adding to inventory"

Skills: UXR, UX & UI design

I have Improved the efficiency & experience of inventory user-flows & IA of the "eatte.io" platform,  Usability testing showed an increased CSAT by 99%.

bottom of page