Chipn: Website

Design Process

As experienced designers, we were responsible for both strategy and the final visual output of this product.

‍

‍

‍

‍

‍

Discover

We started with the audit of the current website to identify the scope of improvement.

An in-depth competitor analysis of Razorpay, Revolut, CRED, Ivella, Zest, Brex, Chime, Groww, Klarna, Jupiter, Plaid, etc. was done to understand the Industry benchmark.

‍

‍

‍

‍

‍

Define

Describing USP clearly is important to help users understand the product and make a decision quickly without getting confused.

Chipn’s core feature is the variety of investment methods it provides to the user which are:

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

‍

‍

‍

‍

‍

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.

‍

‍

‍

‍

‍

Wireframes

Wireframing was done to explore the usability in the initial stages. This allows us to brainstorm and make any changes with minimal effort.

We started with the mobile-first approach as it helps us create designs with better UX for the majority of users on the internet.

‍

‍

‍

‍

‍

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.

‍

‍

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