Do customers ignore your products?
Analyse your packaging performance for free

Cryptograd: Mobile App

UI/UX Design: 2022

Cryptograd is a blockchain-oriented startup that aims at educating users about blockchain and cryptocurrency. Its applications help them on their journey to becoming financially independent!

About Cryptograd

Cryptograd is a blockchain-oriented startup that aims at educating users about blockchain and cryptocurrency. Its applications help them on their journey to becoming financially independent!

How The Market Looks

Blockchain is a new concept and there’s hardly any one-stop destination to learn about it and then make use of it.

We wanted to bring in an education-centric platform that not only educates the users about cryptocurrency but also helps them take a step towards it to enjoy its benefits.

The Vision

Cryptograd aims at bridging the gap between the world of cryptocurrency and the users to take them on a journey where they can learn all about cryptocurrency and later invest in it.

Since there was a lack of educational material or content online, Cryptograd focused on categorizing the content so that it’s fit for all – be it beginners, intermediates, or advanced groups.

How We Approached The Problem

Research Phase

We started with the initial research where we focused on the requirements of the products and where it stands in the current market.

We looked into crypto-based websites for competitor analysis and found quite a few sections we were already focusing on to improve.

Synthesizing The Data

After the data was collected for the requirements, the users, and the market, we started synthesizing and grouping them into patterns.

Information Architecture

The IA ensured that the whole team gets a bird’s eye view of the project and the basic structure of the product, features, and flows.

User Flow

Next, we focused on user flows to understand the usual happy path the users would take. This allowed us to make changes and improve any area to ensure the user gets the best experience

Creating and Iterating Ideas

Once we had the research condensed into IA and user flows, it was time to brainstorm and ideate the main product. We created wireframes to start with which gave us the ease to iterate the designs before the final drafts.

Design System

Once the wireframes were finalized we moved on to create a design system to make sure there was consistency throughout the product and the team.

The Final Outcome

The final product we designed was a mobile and web application with a smooth onboarding that allowed users to successfully access the courses and content and be a part of the community.

Since we wanted the product to have a luxurious feel for the users, we used dark mode d by shades of purple which symbolizes royalty and youth and made the UI stand out. We also used 3D illustrations and visuals like glassmorphism based on the latest design trends.

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!