Design System and Redesign for complex SaaS Product
Role
UX/UI Designer
Project
SaaS B2C, client and admin versions
Context
The client was developing a large-scale B2C SaaS product directly with developers but without a designer on the team.
The client created wireframes to illustrate their vision, but developers struggled to understand and navigate the submitted documents, maintain visual consistency, and identify usability issues and inconsistencies
Problems
Overly complex copy
Poor information hierarchy
Inconsistent visual design
Overcomplicated implementation solutions
Information overload
No clear feature prioritization
Usability and accessibility gaps
Missing component variations and states
Process
Redesign from client's wireframes
Design discussions
Design system, components and behaviors
Responsive designs
Dashboards
Outcomes
Direct communication with the client and team for alignment
Redesign of the client's initial wireframes, discussing necessary changes
Design system built on the library the developers were already using
Component creation with defined behaviors and proper handoff
100+ screens covering states, responsiveness, and varied functionality
