Case Study

Vanquish Solutions

Unlock Your Trading Potential

Responsive Web + Mobile Design for a Fintech Trading App

Under Development

Client

Vanquish Holdings

Duration

10 Weeks

Role

End-to-End UI/UX Design & Product Experience Strategy

Platform Type

Mobile App: iOS & Android
Web App: Fully responsive

Scope

Research, User Flows, Wireframes, High-Fidelity UI, Onboarding, Personalization, AI UX, Learning Modules, Design System, Handoff

Project Summary

Vanquish is a modern copytrading platform designed to help beginner and intermediate investors replicate expert trading strategies with transparency and ease.

We were tasked with designing a mobile-first trading experience and a responsive web dashboard, both built from scratch. The client expected a sleek and modern UI similar to Robinhood, Revolut, or Binance, but optimized for copytrading logic.

The mobile and web platforms share a design system, yet each experience is optimized for its context: touch interactions on mobile and data depth on web.

Design Goals

Design a modular UI system for cross-platform scalability
Ensure the app feels intuitive for first-time traders
Maintain compliance UX without cluttering the interface
Enable live trading metrics, strategy browsing, and performance tracking
Support future white-labeling and multi-brand deployments

Discovery & UX Challenges

Original desktop flow lacked UX hierarchy and clarity
Strategy pages were overloaded with raw data
Mobile experience had to balance simplicity with insights
Legal disclosures and compliance screens needed to be present yet discreet
Responsive design required shared patterns without copy-pasting mobile logic

UX Architecture

Mobile App Modules

My Portfolio

Strategy Discovery

Strategy Detail View

Onboarding & KYC

Profile & Compliance

Web App Modules

Dashboard with financial charts

Strategy Insights and Live ROI tracking

Compliance viewer

Profile & Settings

UX Process

Discovery & Competitor Analysis

Studied platforms like Algo24, Robinhood, and LuxAlgo to identify whitespace in mobile-first copytrading.

Wireframes & Flow Mapping

Created 63 and 63+ mid-fidelity wireframes for both platforms, focusing on user journeys: discover → follow → monitor.

Component System Design

Shared Figma tokens for spacing, states, and theme management

Edge Case Coverage

Built interactions for empty states, paused trades, KYC errors, etc.

Responsive Layout Strategy

Implemented adaptive containers for layout shifts, maintaining hierarchy across breakpoints

🔍 Discover

🧠 Define

💡 Ideate

🎨 Design

✅ Deliver

Visual Design System

Dark theme first (finance-grade aesthetic)

Built-in elevation layers, gradients, and rounded containers

Chart UI with live ROI, drawdown, and risk score visualizations

Strategy cards with data-focused hierarchy

Modular components: tabs, chips, dropdowns, badges, filters

Deliverables

65+ High-Fidelity Mobile Screens

Complete Figma Library: components, tokens, layouts

63+ Web Screens in Responsive Layouts

Interaction specs, hover/tap states, modal flows

Roadmap support for white-label extension

Annotated developer handoff

Platform-Specific Design Considerations

Mobile:

Prioritized thumb-friendly controls
Microinteractions for follow/unfollow
Swiping for strategy card exploration

Web:

Integrated TradingView-style chart panels
Sidebar-based navigation for performance and compliance
Multi-column layouts for simultaneous data views

Gallery

Outcome

Vanquish now has a robust design foundation for both mobile and web platforms.

The shared design system ensures consistent UX while enabling platform-specific enhancements. The system is scalable for future updates, third-party API integrations, and white-label deployments — making Vanquish ready for production, growth, and investment.