Siddhesh B.

Siddhesh B.

End-to-End Design Leadership

Designing a mobile-first trading experience from scratch to dev handoff that balances real-time data complexity with on-the-go usability.

My Role

UI/UX Designer & Consultant

Methods

UI/UX research & design

Visual design

Wireframing & Prototyping

Documentation + Dev Handoff

Video

Video walkthrough

Adding soon

The Problem & Challenges

Stakeholder Alignment & Vision

Understanding and translating the company's business goals into a mobile experience that serves both novice and experienced traders, requiring constant collaboration & prioritization of features.

Understanding and translating the company's business goals into a mobile experience that serves both novice and experienced traders, requiring prioritization of features.

Mobile-First Trading Complexity

Condensing the full power of a desktop trading platform into a mobile interface without overwhelming users. Traders needed quick access to critical data while on the move.

The WinForms platform was built for a single desktop environment with no responsive design, making it unusable on laptops, tablets, or ultrawide monitors.


Real-Time Data Visualization

Designing charts and market data displays that remain readable and actionable on smaller screens during high-pressure trading moments, while maintaining the depth that serious traders expect.

Inconsistent UI patterns and the absence of a design system created visual chaos and cognitive overload for traders managing complex strategies.

Approach

Step 1

Deep Discovery & Research

Conducted stakeholder interviews to understand business objectives and user research with traders to map their mobile usage patterns, identifying when and why they trade on mobile versus desktop.

Methods used

Stakeholder & User Interviews

Journey Mapping & Task Analysis

Heuristic Evaluation & Competitive Analysis

Journey Mapping & Task Analysis

6+ Methods

Step 2

Iterative Design Process

Started with user flows to define the mobile journey, then moved through low-fidelity wireframes for quick validation before refining high-fidelity designs based on stakeholder and user feedback.

Step 3

System Building & Documentation

Created a comprehensive design system in Figma with reusable components and clear documentation, ensuring consistency across the mobile experience while enabling efficient developer handoff.

What I Did in This Project

User Research & Interviews

User Flows & Wireframing

Design System & Component Library

Visual Design

Design Documentation & Iteration

Developer Handoff

Final Output & Result

The results are in. See what we achieved.

The mobile platform brought professional trading capabilities into a pocket-sized experience from the ground up. By translating complex web features into mobile-optimized workflows, traders can now execute critical actions instantly without switching devices.

30% faster task completion through mobile-optimized workflows

40% increase in feature adoption with intuitive, accessible tools

35% boost in cross-platform engagement

Successfully integrated core web features enabling instant action from anywhere

Final Output & Result

End-to-End Design Leadership

Designing a mobile-first trading experience from scratch to dev handoff that balances real-time data complexity with on-the-go usability.

My Role

UI/UX Designer & Consultant

Methods

UI/UX research & design

Visual design

Wireframing & Prototyping

Documentation + Dev Handoff

Video

Video walkthrough

Adding soon

Approach

Step 1

Deep Discovery & Research

Conducted stakeholder interviews to understand business objectives and user research with traders to map their mobile usage patterns, identifying when and why they trade on mobile versus desktop.

Methods used

Stakeholder - User Interviews

Competitive Analysis

6+ Methods

Step 2

Iterative Design Process

Started with user flows to define the mobile journey, then moved through low-fidelity wireframes for quick validation before refining high-fidelity designs based on stakeholder and user feedback.

Step 3

System Building & Documentation

Created a comprehensive design system in Figma with reusable components and clear documentation, ensuring consistency across the mobile experience while enabling efficient developer handoff.

Final Output & Result

What I Did in This Project

User Research & Interviews

User Flows & Wireframing

Design System & Component Library

Visual Design

Design Documentation & Iteration

Developer Handoff

The results are in. See what we achieved.

The mobile platform brought professional trading capabilities into a pocket-sized experience from the ground up. By translating complex web features into mobile-optimized workflows, traders can now execute critical actions instantly without switching devices.

30% faster task completion through mobile-optimized workflows

40% increase in feature adoption with intuitive, accessible tools

35% boost in cross-platform engagement

Successfully integrated core web features enabling instant action from anywhere

Siddhesh B.

Let's connect

Belhekarsiddhesh9@gmail.com

Stay happy, Stay safe,

Stay with love one's

Siddhesh B.

Let's connect

Belhekarsiddhesh9@gmail.com

Stay happy, Stay safe,

Stay with love one's

Stay happy, Stay safe,

Stay with love one's

Create a free website with Framer, the website builder loved by startups, designers and agencies.