Cryptograd
No More Twenty Tabs
Web 3
About
Cryptograd is trying to create a space where beginners could easily learn about cryptocurrency and where experienced traders could find advanced tools to help them make better decisions.
Location
UAE
Services
Visual Identity
User Experience
Design System
UI Design
Product Design
3D Design
Investor Deck
Challenge
How might we design an intuitive and engaging educational journey, that empowers users with varying levels of crypto knowledge to confidently navigate and utilize the platform?
Market & Gap
When we started looking into the world of cryptocurrency, we found something surprising: it was hard for most people to understand. Crypto was all tech talk and financial jargon, that even interested folks were getting scared off. So, we decided to do some digging to see what was going on in the market and how we could help our users.
Our lightbulb moment
Why not make something that feels less like a cold, techy tool and more like a chat with a friend, who's really into crypto and loves explaining it?
Too complicated for comfort
People wanted to get into crypto, but they hit a wall of confusing terms and concepts.
Pieces of the puzzle everywhere
Users were trying to piece together reliable advice from all over the internet and still were not able to get the full picture.
Always a step behind
Crypto moves fast. By the time you read something about it, the market might have already shifted.
The cryptocurrency journey starts with excitement and ends up in a lot of confusion.
Target Audience
The newbie user
Starting out with cryptocurrency, looking for a friendly introduction.
The intermediate user
Have a basic understanding of crypto, and looking to expand their knowledge.
The pro traders
Looking for advanced tools to aid in strategy, and risk management.
User Research
Our findings
The research not only validated our business research findings, but also provided clarity on the design direction. Users expressed a clear desire for a platform that breaks down crypto concepts into digestible and easily understandable segments. They wanted a guide through the crypto landscape that was as informative as it was navigable.
Methods used
User Interviews
Stakehokder Interview
Guerilla Method
Secondary Research
01
Frustration with using multiple platforms for trading and learning.
02
Generic news feed contains overload of irrelevant information.
03
Breaking down concepts into easily understandable segments.
Eureka!
Armed with these insights, the design began to take shape. We wanted to prioritize a user-friendly interface that welcomed newcomers with open arms as well as acted as a handy toolbox for experienced traders.
Creating a centralised hub
Creating a simple, navigable design
Creating guided educational pathways
Reducing crypto complexity
Competitive Analysis
Pros
AI-powered explanations and answers for educational use
Simple and clean dashboard with easy to access information
Cons
Cluttered interface with an overload of information
Most of the competitors lack personalized AI assistance
User Journey
Reviewing the current user journey, it was evident that excitement dips into confusion as the users start encountering jargon and complexity in trading increases.
Feature Ideation
We wanted to simplify the trading journey for our users and for that we started looking out for solutions that would help the users understand the cryptoverse better as well as empower them with the trading tools that they needed to be the best at crypto.
Visual Options
Since we wanted the dashboard to be a centralized hub, the visual representation of the dashboard was very crucial and we gave a lot of thought into what might work the best.
Pros
Cons
Hierarchical Tree Structure
Clearly illustrates relationship between topics
Help users understand the scope of content at a glance
Can become cluttered if the ecosystem is extensive
Requires more user interactions to explore deeply nested topics
Tabbed Interface
Clean and organized, easy to navigate
Reduces cognitive load by segmenting information into digestible parts
Can limit the visibility of all available categories
Users might overlook tabs if too many are presented
Hierarchical Tree Structure
Tabbed Interface
Usability Testing
Before
We designed the layout which was meant to be intuitive for the users organizing content into clearly defined areas. The structure seemed logical and intuitive for the intermediate and pro-level users but the novice users faced some issues while navigating the product.
After
After the test, we discovered that users found a more streamlined navigation system easier to use, which led to a restructuring of menu items and paths. More features like clear CTA, and customizable watchlist options were given to make the product more intuitive.
Visual Identity
We wanted to simplify the trading journey for our users and for that we started looking out for solutions that would help the users understand the cryptoverse better as well as empower them with the trading tools that they needed to be the best at crypto.
Cues for action and decision making.
User Experience
We wanted to simplify the trading journey for our users and for that we started looking out for solutions that would help the users understand the cryptoverse better as well as empower them with the trading tools that they needed to be the best at crypto.
Ecosystem dashboard
Personalisation: Option to edit the watchlist makes the dashboard more personalised and usable.
Law of Proximity: Functional grouping of related items that help the users to process information as part of a related set.
Iconography: The use of playful icons next to each feature quickly communicates the function, making the platform user friendly.
F reading pattern and card layout: Makes the product scannable.
Side Navigation: Makes sure that the user doesn’t get lost in the complexity of the platform and makes it navigable.
AI workflows
Progressive disclosure: Offering a glimpse with more details just a click away, prevents information overload.
Guided user journey: The page follows a scaffolding approach through various guided learning paths making learning easier.
Content categorisation: Into common user queries and questions makes the learning intuitive and self directed.
Uniform grid layout: Each workflow card is of same size and this consistency makes the layout comfortable and familiar.
AI chat
Conversational interface: makes it intuitive and easy for the user to comprehend.
Digestible output: Output structured in points makes it scannable and easier to understand.
Showing sources: it makes the information reliable and makes it easier for the user to refer to the sources
Clear distinguished buttons: Button options like share, copy, and regenerate make the response interactive and make it more functional.
Staking dashboard
Simple interface: Makes the platform easy to use and familiar highlighting key information.
Information tooltip: Accordion FAQ to help the users make informed decisions.
Law of Common Region: Grouping staking information and actions in same area helps users understand they are related.
Catering Novice and Pros: Simplified guidance for novices and detailed metrics for pro users.
Digital
We wanted to simplify the trading journey for our users and for that we started looking out for solutions that would help the users understand the cryptoverse better as well as empower them with the trading tools that they needed to be the best at crypto.
Cryptobuzz
AI tasks
AI tasks
Staking
Outcome
We wanted to simplify the trading journey for our users and for that we started looking out for solutions that would help the users understand the cryptoverse better as well as empower them with the trading tools that they needed to be the best at crypto.
