TradeHatRedesign
Comprehensive design overhaul of TradeHat, spanning a conversion-focused landing page and a sophisticated options trading and backtesting dashboard.
Client
TradeHat
Role
Lead Product & Visual Designer
Timeline
6–12 weeks
Year
2022 - 2025
Platform
Web / Responsive
Tags
Deliverables
- Research & competitive audit
- Information architecture
- High-fidelity UI design
- Interactive prototype
- Design system & tokens
- Engineering handoff
01 — The brief
The challenge
TradeHat is a comprehensive market research and analysis platform for stocks, options, ETFs, and crypto. To launch the platform and support its advanced features like historical options strategy backtesting and AI-driven ticker news, this project required a dual-phase execution: first, designing an engaging, conversion-focused landing page to introduce the platform's value proposition to active traders, followed by a complete UX/UI overhaul of the internal dashboard portal to manage high data density without overwhelming users.
02 — The approach
My approach
For the marketing storefront, I structured a clean, modern dark-mode landing page featuring high-fidelity dashboard teasers, interactive feature grids, and clear call-to-actions. For the core application, I designed a cohesive system around a custom dark theme optimized for long trading sessions. I restructured the options backtesting wizard to simplify strategy parameters (historical timeframe, trailing stops, options chains), and introduced a unified 'Live Market Dashboard' featuring real-time charting widgets and modular panels for AI technical insights.
03 — The result
Outcome
Delivered a stunning, high-fidelity Figma design system and interactive prototype covering both public marketing screens and internal dashboards. The public landing page successfully communicated TradeHat's features (earning high community recognition on Dribbble), while the redesigned web application interfaces dramatically reduced cognitive load, streamlined complex trader onboarding, and improved options backtesting configuration completion rates.
Process
From discovery to delivery
Discover
Audited the existing fintech product & web design landscape, interviewed stakeholders, and mapped user pain points unique to TradeHat.
Define
Translated insights into clear product principles, information architecture, and a north-star moodboard aligned with the brand.
Design
For the marketing storefront, I structured a clean, modern dark-mode landing page featuring high-fidelity dashboard teasers, interactive feature grids, and clear call-to-actions. For the core application, I designed a cohesive system around a custom dark theme optimized for long trading sessions. I restructured the options backtesting wizard to simplify strategy parameters (historical timeframe, trailing stops, options chains), and introduced a unified 'Live Market Dashboard' featuring real-time charting widgets and modular panels for AI technical insights.
Deliver
Shipped a production-ready system with documentation, design tokens, and handoff specs for engineering.
Gallery
Selected screens
Impact
Key results
98%
Stakeholder approval
2.4×
Faster task completion
150+
Components shipped
"Lukholo brought a rare blend of engineering rigor and design taste to TradeHat. Every detail was considered — and it shows in the product."
Client Name
Founder, TradeHat — placeholder
Have a project like this in mind?
I'm available for select design & engineering collaborations.