1. The Story
1. The Story
1. The Story
The challenge wasn’t redesigning the crypto platform.
The challenge wasn’t redesigning the crypto platform.
The challenge was helping visitors understand what the platform does within seconds and convincing them to explore further.
The challenge was helping visitors understand what the platform does within seconds and convincing them to explore further.
Crypto products are often packed with technical jargon, feature-heavy messaging, and confusing layouts. When users land on the homepage, they should quickly understand:
Crypto products are often packed with technical jargon, feature-heavy messaging, and confusing layouts. When users land on the homepage, they should quickly understand:
•
What is Cointel?
What is Cointel?
•
Why should I trust it?
Why should I trust it?
•
How is it different?
How is it different?
•
What problems does it solve?
What problems does it solve?
•
What should I do next?
What should I do next?
The existing website struggled to answer these questions effectively.
The existing website struggled to answer these questions effectively.
2. About the Company
2. About the Company
2. About the Company
Cointel is an AI-powered crypto intelligence platform that combines market data, news, technical analysis, on-chain insights, and scam detection into one ecosystem, helping investors make smarter decisions.
Cointel is an AI-powered crypto intelligence platform that combines market data, news, technical analysis, on-chain insights, and scam detection into one ecosystem, helping investors make smarter decisions.
3. Problem Statement
3. Problem Statement
3. Problem Statement
The product itself offered powerful capabilities, but the website didn’t communicate them effectively.
The product itself offered powerful capabilities, but the website didn’t communicate them effectively.
Within the first few seconds, visitors struggled to understand:
Within the first few seconds, visitors struggled to understand:
•
What Cointel actually does
What Cointel actually does
•
How AI adds value
How AI adds value
•
Why it’s different from other crypto platforms
Why it’s different from other crypto platforms
•
Which action to take next
Which action to take next
As a result, the website felt information-heavy without guiding users toward a clear narrative.
As a result, the website felt information-heavy without guiding users toward a clear narrative.
4. Problem Identification
4. Problem Identification
4. Problem Identification
These problems were about the website experience, not the product itself.
These problems were about the website experience, not the product itself.
PROBLEM 01
Weak Value Proposition
Weak Value Proposition
The hero section didn’t immediately explain what the product is or why users should care.
PROBLEM 02
Information Hierarchy
Information Hierarchy
Important messages were buried beneath dense text and multiple competing sections.
PROBLEM 03
Feature Overload
Feature Overload
Too many features were introduced at once, making it difficult for visitors to identify the core benefits.
PROBLEM 04
Lack of Visual Storytelling
Lack of Visual Storytelling
The website relied heavily on text, with limited visuals to demonstrate how the platform works or how users benefit from it.
PROBLEM 05
Inconsistent CTA Placement
Inconsistent CTA Placement
Calls to action lacked consistency, making the conversion journey less intuitive.
5. My Design Goals
5. My Design Goals
5. My Design Goals
Instead of redesigning for aesthetics, I focused on improving communication.
Instead of redesigning for aesthetics, I focused on improving communication.
•
Clarify the value proposition above the fold.
Clarify the value proposition above the fold.
•
Create a clear content hierarchy that guides users through the product story.
Create a clear content hierarchy that guides users through the product story.
•
Simplify complex crypto concepts with visuals.
Simplify complex crypto concepts with visuals.
•
Highlight AI as the key differentiator.
Highlight AI as the key differentiator.
•
Improve consistency across layouts, typography, and CTAs.
Improve consistency across layouts, typography, and CTAs.
•
Build trust through a more polished and modern visual language.
Build trust through a more polished and modern visual language.
6. UX Heuristic Review
6. UX Heuristic Review
6. UX Heuristic Review
I evaluated the existing website using established UX principles to identify opportunities for improvement.
I evaluated the existing website using established UX principles to identify opportunities for improvement.
•
Visibility of System Purpose — Users should immediately understand what the website offers and who it’s for.
Visibility of System Purpose — Users should immediately understand what the website offers and who it’s for.
•
Clear Navigation — Navigation should help users find important information quickly and effortlessly.
Clear Navigation — Navigation should help users find important information quickly and effortlessly.
•
Visual Hierarchy — Important content should stand out and guide users naturally through the page.
Visual Hierarchy — Important content should stand out and guide users naturally through the page.
•
Content Prioritization — Information should be organized so users see the most important content first.
Content Prioritization — Information should be organized so users see the most important content first.
•
Accessibility — The website should be easy to read, navigate, and use for people with different abilities.
Accessibility — The website should be easy to read, navigate, and use for people with different abilities.
•
Consistency — Colors, typography, spacing, and components should remain consistent throughout the website.
Consistency — Colors, typography, spacing, and components should remain consistent throughout the website.
7. Final Website
7. Final Website
7. Final Website
Hero Section
Hero Section
The redesigned hero leads with what Cointel is and who it’s for: “The AI Intelligence Platform for Crypto’s Next 100 Million Users.” Visitors understand the product before they scroll, and a single “Start Exploring” button gives them one clear next step.
The redesigned hero leads with what Cointel is and who it’s for: “The AI Intelligence Platform for Crypto’s Next 100 Million Users.” Visitors understand the product before they scroll, and a single “Start Exploring” button gives them one clear next step.
Features Section
Features Section
Instead of presenting every capability at once, features are grouped into a few clear categories:,market data, news, technical analysis, on-chain insights and scam detection, each with a short headline and a supporting visual. Visitors can scan the categories and go deeper only where they’re interested.
Instead of presenting every capability at once, features are grouped into a few clear categories:,market data, news, technical analysis, on-chain insights and scam detection, each with a short headline and a supporting visual. Visitors can scan the categories and go deeper only where they’re interested.
AI Section
AI Section
Short, benefit-led copy is paired with visuals of the AI at work, so visitors see what it does for them rather than reading a technical explanation of how it works.
Short, benefit-led copy is paired with visuals of the AI at work, so visitors see what it does for them rather than reading a technical explanation of how it works.
Trust Section
Trust Section
Recognisable exchange partners and social proof are brought forward, giving new visitors familiar names to anchor their trust in a space where credibility matters.
Recognisable exchange partners and social proof are brought forward, giving new visitors familiar names to anchor their trust in a space where credibility matters.
Footer & Final CTA
Footer & Final CTA
The page closes by restating Cointel’s core value and repeating the primary call to action, so visitors who reach the end always have a clear next step.
The page closes by restating Cointel’s core value and repeating the primary call to action, so visitors who reach the end always have a clear next step.
8. Visual Design System
8. Visual Design System
8. Visual Design System
Key Learnings
Key Learnings
Key Learnings
•
A website should answer questions, not just showcase features. Structuring content around user questions made the experience more intuitive.
A website should answer questions, not just showcase features. Structuring content around user questions made the experience more intuitive.
•
Visual hierarchy influences decision-making. Prioritising the right information helped users understand the product faster.
Visual hierarchy influences decision-making. Prioritising the right information helped users understand the product faster.
•
Less content doesn’t mean less value. Simplifying messaging improved clarity without removing important information.
Less content doesn’t mean less value. Simplifying messaging improved clarity without removing important information.
