Building a Scalable UX Design System

June 10, 2023

UX | Design Management

My Role

Audited and restructured the design process, introducing a UX system that improved collaboration and efficiency in a disconnected scaling team.

Company

Antwalk

Industry

Employee management

Website
Antwalk

Addressing the Gaps

When I first met the AntWalk design team, it was composed of junior designers who were directly led by the product head. The absence of experienced design guidance was evident in their work. The main issues were inefficiency and inconsistency, as lengthy design iterations left little room for experimentation.

See More

My Role as a UX Consultant

As a UX designer and consultant, my aim was to audit and improve the existing designs. Simultaneously, create a design system with exhaustive set of components that can help the new designers create consistent designs and iterate faster.

It's Sherlock Time

The process started with a thorough audit of AntWalk’s website and product. The focus was not only on identifying short-term improvements but also on understanding recurring patterns of errors. These patterns would inform the creation of a design system aimed at achieving a more efficient design process in the long term.

See More

From Atoms to Organisms: Building AntWalk’s Scalable Design DNA

I designed the system to be scalable and well-documented, starting with the smallest elements, calling them atoms, like colors, typography, and buttons. These foundational pieces ensure both consistency and flexibility. Next are molecules, which combine these elements into functional components like search bars or form fields, showing how they interact. Finally, organisms are larger, more complex structures made up of multiple molecules and atoms—such as headers or product cards. This layered approach creates a system that’s adaptable, easy to maintain, and capable of evolving with the product over time.

See More

Result: Chaos to Consistency

Since implementing the design system, we’ve seen a clear improvement in collaboration and communication between designers, developers, and stakeholders. The well-documented system ensured smoother design-to-development handoffs, reducing misunderstandings and the need for revisions. Additionally, the increased efficiency in the feedback loop allowed for faster response times to stakeholder input, enhancing alignment across teams. Designers reported greater confidence in their work, thanks to the organised component library, which enabled them to maintain design consistency without compromising creativity.

Beyond the Wins: Improving Usability and Cross-Team Involvement

The design system implementation brought measurable improvements in efficiency, consistency, and collaboration. We've streamlined the design process, reducing iteration times and design-related errors while enhancing user satisfaction and team scalability. However, there are areas we could improve.

What Could Have Been Done Better:

  • More Comprehensive Usability Testing: Early user feedback could have been integrated more extensively during the design system's development.
  • Better Cross-Departmental Involvement: Involving marketing, sales, and other teams could have ensured wider adoption and alignment.
  • Regular System Updates: Establishing a more frequent review cycle to refine and update the design system based on evolving needs.

What Now:

  • Ongoing Monitoring: Continuously track key metrics and adjust the system to evolving user and business needs.
  • Expand Component Library: Add more components to address future design needs.
  • Team Training: Provide regular training for new and existing designers to ensure full utilization of the system.

Check other projects

I aim to create culturally-sensitive solutions that resonate across diverse markets.

I actively speak and write about emerging tech and how design can aid its adoption.

Lead Design Experience

Jun'23 - Present

How Does it Matter, Consultancy

Oct’22-Jun’23

Boom Web3

May’22– Aug’22

Digital Product School, Germany

Sep’21 – Dec’21

Twigoh, USA

Aug’20- Jun’22

Memboro

Guest Speaker @

Dec’23
IGDTUW

Future of UX and evolving career opportunities

Aug’23
IIIT 'Delhi

Role of design thinking in business development

Aug’23
IIIT 'Delhi

Pitch decks and storytelling

Jun'23
IIT 'Delhi

Who are we building for and why

Nov'22
Draper Startup House

Creating a design ecosystem in new startups and how to hire