Sitemap

Case Study: Accelerating Feature Delivery with a Design System at Josh Talks

Streamlining Design Processes for Enhanced User Experience

--

Press enter or click to view image in full size

Introduction

I led a project at Josh Talks to implement a design system aimed at addressing challenges with extended timelines for shipping features and inconsistencies in user experience across the app. My role involved leading the design team, collaborating with developers, and ensuring the successful implementation of the design system.

Problem Statement

The existing design process at Josh Talks resulted in delays in shipping features and inconsistencies in the user experience across the app. This led to a higher drop-off rate among users and hindered the app’s ability to innovate and meet user needs promptly.

Research

We conducted a thorough analysis of the existing design process and identified areas for improvement. This included reviewing user feedback, analyzing user behavior through analytics, and studying industry best practices.

Ideation

To generate ideas to solve the problem, we conducted brainstorming sessions with the design team. We also created sketches and wireframes to visualize potential solutions and gather feedback from stakeholders.

Design Process

We adopted an iterative design process, starting with defining basic elements such as colors, typography, and core components like buttons and form fields. We then applied Atomic design principles to break down interfaces into smaller, reusable components, which were then combined to create larger, reusable components.

Get Purvang Mehta’s stories in your inbox

Join Medium for free to get updates from this writer.

Press enter or click to view image in full size
Atomic design process

Prototyping

We created prototypes using tools like Figma to test our designs and gather feedback from stakeholders. These prototypes helped us validate our design decisions and iterate on them based on the feedback received.

Testing

We recruited participants for user testing sessions to gather feedback on our designs. We used this feedback to iterate on our designs and refine them further.

Outcome

The implementation of the design system led to 40% faster developer turnaround. It also improved collaboration between design and development teams, leading to smoother handoff processes. Additionally, the design system resulted in a more consistent and intuitive user interface, reducing drop-off rates and improving user satisfaction.

Reflection

This project taught me the importance of collaboration and iteration in the design process. It also highlighted the impact that a well-implemented design system can have on the overall user experience of an app.

Conclusion

In conclusion, the design system implemented at Josh Talks has significantly improved our ability to ship features faster, ensure consistency across the app, and enhance the overall user experience. By starting small and iterating, we were able to create a system that not only meets our current needs but also has the flexibility to grow with our app.

Visuals

Press enter or click to view image in full size
Visual design of the app after applying design system

For more details on this project and others, please visit my portfolio or contact me at thepurvangmehta@gmail.com

--

--

Purvang Mehta
Purvang Mehta

Written by Purvang Mehta

Product designer based in Surat, India, designing B2B SaaS, AI and healthcare products. Founder of The Solo Trail.