SafetyCulture

Launching a Design System in a rapidly growing scaleup

Complete redesign of a modern e-commerce platform focusing on user experience and conversion optimization.

Role

Design Lead

Date

09 November 2022

Design process documentation

The Results

  • First design system to be rolled out at SafetyCulture
  • A culture of designers and engineers working together
  • 58 Components built on web and 32 on Mobile aligned to design libary
  • Established a new design look and feel for SafetyCulture
  • 30% adoption of components accross entire platform growing 10% YoY
  • Saved many hours of time spent in engineering to design hand over

Design Process

I began by conducting extensive user research to understand the pain points and needs of our target audience. This included user interviews, usability testing, and analysis of existing analytics data. The research revealed several key issues:

  • High cart abandonment rates (68%)
  • Poor mobile experience leading to low mobile conversions
  • Confusing navigation and product discovery
  • Accessibility barriers preventing some users from completing purchases

Design Process

The design process followed a user-centered approach, starting with wireframes and user flows, then progressing to high-fidelity mockups and interactive prototypes. I focused on creating a clean, modern interface that prioritized usability and accessibility.

User workshop session Design process documentation

Key Features

The redesigned platform includes several key improvements:

Design process documentation

Platform Demo

Here's a demonstration of the redesigned platform in action, showcasing the improved user experience and streamlined checkout process.