Website Design for AI Trading Platform
Chidiebere Peter
Role: Product Designer, UI/UX Designer
Duration: 3 Weeks
Tools: Figma · Whimsical · Webflow · Illustrator
Platform: IMMT — AI-Powered Web3 Trading Platform
IMMT: Web3 Identity, Simplified (Website Redesign Case Study)
IMMT is a next-gen Web3 trading platform that uses AI to empower traders with real-time insights, multi-asset control, and social features. The original site lacked narrative clarity, modern visuals, and emotional resonance.
I led a full redesign to elevate the brand, simplify user onboarding, and establish a scalable identity that connects across product, mascot, and social.
🔍 The Challenge
Enterprise teams needed Web3 security without the crypto complexity. The old IMMT site read like a technical whitepaper, alienating its key audiences:
Security teams couldn’t quickly understand compliance value
Developers struggled to locate API documentation
Executives wanted ROI proof — not Web3 jargon or buzzwords This disconnect cost credibility and buried the platform’s actual strengths: security, insight, and unified trading.
📉 Problem Statement
The original site also lacked foundational UX and visual best practices:
Weak narrative hierarchy (confusing above-the-fold)
Inconsistent layout and visual branding
No mobile responsiveness
Absence of trust signals or calls to action As a result, potential users were left unsure of what IMMT was, who it served, or why it mattered.
🎯 Goals
Modernize the look and feel
Reinforce trust and tech-savviness
Improve engagement and beta sign-ups for web3 centric users
Create a brand ecosystem that scales across web, mascot, and social
Logo Type Grid & Proportional System
- Modular Strokes:
a) Three unit-wide strokes create a rhythmic, scalable structure.
b) Identical rounded caps imply a "tokenized" design language (mirroring crypto’s modularity).
- Slant (12°):
a) Forward momentum: The tilt suggests progress/innovation (key for crypto brands).
b) Mathematical precision: Angles align with blockchain’s algorithmic nature.
- Baseline Alignment:
a) Stability: Shared baseline = trust (critical in decentralized systems).
b) Cohesion: Uniform spacing mimics "block" stacking in ledgers.
🧭 Design Direction
After founder interviews and competitor audits (Token Terminal, dYdX, TradingView), I defined three guiding principles:
✨ New UI Highlights
The new site:
Opens with a crystal-clear value prop and CTA
Uses a modular layout inspired by trading dashboards
Integrates rounded, slanted card components influenced by the glassmorphism visual-design style
Introduces "Meta" the mascot for product storytelling and emotional connection
Builds a strong visual rhythm across desktop and mobile views
🧸 Mascot System – Dual Identity for a Dual Mission
To communicate both the power and the approachability of IMMT's AI-powered platform, I designed a two-mascot system — each with a distinct role in the product narrative.
Social Media System
I extended the IMMT brand into a cohesive visual identity across Instagram and Twitter, ensuring every post is instantly recognisable.
Elements in every post must have either of the following elements:
Meta the mascot
IMMT coin iconography
Forward-slant graphics and data widgets
Dark Blue/purple gradients and soft shadows
Results:
✅ 3× engagement improvement
✅ Brand recall on Twitter DMs + reposts
✅ Ready-made design system for community managers
Like this project
Posted Jun 12, 2025
Designed a user-friendly website for an AI trading platform, enhancing user experience and engagement while showcasing advanced trading features and analytics.
Likes
4
Views
21
Timeline
Oct 13, 2024 - Dec 13, 2024
