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.

Credora Rebrand for Institutional Clarity
Bims Patisserie Logo
Bims Patisserie Logo
🌟 My competition entry: Built an animated grid and 3D viewe...
Lendley: Conversational AI Assistant for MLOps

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc