WinForms to Web + Custom Screens

Redesigned a legacy WinForms trading platform into a modern web application with 60+ screens, migrating existing features and designing new ones from scratch to meet business needs.

My Role

UI/UX Designer & Consultant

Methods

UI/UX research & design

Visual design

Wireframing & Prototyping

Documentation + Dev Handoff

Siddhesh B.

The Problem & Challenges

Legacy Constraints

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


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

No Design Foundation

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


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

Inefficient Workflows

Common trading actions required 5-7 clicks with poor data hierarchy, slowing down decision-making when speed matters most.


Final Output & Result

For the best viewing experience of these before-and-after comparisons, we recommend accessing this portfolio from a desktop or laptop computer. The increased screen size provides better clarity and detail visibility.

I apologize for this inconvenience.

New design

New design

Approach

Conducted user interviews with traders, competitive analysis, and stakeholder discussions to uncover workflow bottlenecks and outdated patterns. Developed low-fidelity wireframes, tested with users, and iterated 20+ times to validate the simplified information architecture before moving to high-fidelity designs.

Built a comprehensive design system in Figma from scratch—defining typography, semantic color palettes, and 250+ custom icons for desktop, monitors, laptops, and tablets. Created reusable component libraries, iterated based on feedback, and collaborated with developers for smooth implementation.

The results are in. See what we achieved.

Better design, better outcomes. Modern interfaces and streamlined workflows reduced friction across the platform, resulting in faster execution and measurably happier users.

58% higher user interface satisfaction

37% faster task completion

42% fewer clicks

Strong early adoption

What I Did in This Project

Create Icons

Create Color Palettes

Create Typography

Create Components

Create Figma Doc.

Dev handoff

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.