Chipn: Mobile App

UI/UX Design: 2021-22

Chipn is a FinTech startup based in India. Chipn automatically saves and invests your money every time you make an expenditure. It exposes young adults to investing and educates them about their spending habits.
The scope of the project was to revamp Chipn’s beta application for UI/UX and get it ready for consumers in January 2022.

The Challenge

An In-depth design audit was conducted for the existing iOS app to understand the Information Architecture and identify the scope of Improvement.

We highlighted all the issues and assigned them a priority based on effort and impact.

For example, the app was designed on 2 separate UI design systems. This creates a poor user experience, increases development time, and leaves users confused. Creating and using a consistent design system would take a long time, but It would also lead to high impact!

2 design systems of chipn mobile app

Discover

We conducted in-depth research including competitor analysis to understand the Industry benchmark for the fintech industry. It Included the study of apps such as Cred, Betterment, Groww, Mint, etc.

It allowed us to make better decisions regarding the UI (Illustrations, animations, micro-interactions) and the UX (Information-architecture, navigation system, etc.)

Logos and screens of competition

Define

The app’s core feature is the variety of investment methods it provides to the user, such as:

  • Including One-Time Investment
  • Round-Up Investment
  • Percentage Based Investment
  • Recurring Investment

Therefore, It becomes important to ensure a consistent user flow for all investment strategies. It guarantees that a user gets familiar with these features as quickly as possible. The user flow to use these Investment strategies is shown above

Flow of investment process

Design System

The UI design process started with creating a consistent design system which included a cohesive system of buttons, typography, color palette, dialogue boxes, popups, etc.

The design system also includes a light-mode UI with a sea-blue accent, which evokes trust for the mobile app.

Design system of chipn mobile app
Design system of chipn mobile app

UI Design

The UI is full of colorful custom credit card templates, which mimic real credit cards that are present in the user’s physical wallet. Secondly, The core sections of the app (onboarding & Investment strategies) are full of playful 3-D Illustrations. These 3-D Illustrations are based on the latest design trends and make the app approachable and Gen-Z-centric.

Final UI of chipn mobile app

Thanks, we appreciate you for going through our UI/UX Design work. Want to look at more of our work?

Got An Idea?

Let’s build It Together!