CASE STUDY

Momentum 360 migration

The Product Design team at Tracker required a more structured and consistent approach to quality assurance throughout the design and development lifecycle. Existing QA activities varied between designers and projects, creating inconsistencies, missed defects, and inefficiencies during handover and implementation. This project focused on mapping, defining, and standardising the end-to-end QA process to improve collaboration, design quality, development readiness, and overall product consistency.

Role

Senior Product Designer

Company

Tracker SA

Team: Web

Cross-functional teams across product, engineering, and business

Context

As the Product Design team matured, the need for a documented and repeatable QA process became increasingly important. Design reviews, accessibility checks, design system validation, and implementation QA were being conducted inconsistently across teams. Without a shared process, designers approached quality assurance differently, resulting in varying levels of design quality and implementation accuracy. The team needed a scalable framework that could be adopted across multiple products and designers while ensuring alignment with product, engineering, and business stakeholders.

Objective

The primary objectives of the project were to: Define a clear and repeatable QA process for the Product Design team. Establish quality checkpoints throughout the design lifecycle. Reduce design inconsistencies and implementation defects. Improve collaboration between Product Design and Engineering. Increase confidence in design handovers and releases. Create visibility into ownership, responsibilities, and review stages.

Outcome

The project resulted in a comprehensive QA process map that documented: QA activities across each design phase. Roles and responsibilities. Quality gates and approval checkpoints. Design system validation requirements. Accessibility and usability review standards. Development implementation review process. The process became a shared reference point for the Product Design team and provided a foundation for future process improvements and team onboarding.

I led the initiative from discovery through implementation, facilitating collaboration across Product Design, Product Management, and Engineering teams.

Responsibilities

  • Identified gaps within the existing QA workflow.
  • Facilitated stakeholder workshops and process discussions.
  • Mapped the current-state process.
  • Defined future-state workflows and quality checkpoints.
  • Created process diagrams and documentation.
  • Established review criteria and quality standards.
  • Aligned QA activities with design system governance.
  • Presented recommendations and secured stakeholder buy-in.
  • Supported rollout and adoption within the design team.

Design & Documentation

  • Figma
  • FigJam
  • Confluence
  • Jira

Collaboration

  • Microsoft Teams
  • Workshops
  • Stakeholder Interviews

Process Mapping

  • Swimlane Diagrams
  • Process Flow Mapping
  • Journey Mapping Techniques

1. Discovery

Understanding existing workflows and identifying pain points.

2. Analysis

Reviewing current QA activities, responsibilities, and handover processes.

3. Process Mapping

Documenting the current-state process and identifying inefficiencies.

4. Solution Design

Creating a future-state QA framework and governance model.

5. Validation

Reviewing proposed workflows with stakeholders and refining based on feedback.

6. Rollout

Documenting, communicating, and supporting adoption across the team.

Methods used

  • Agile working in cross-functional teams
  • Design workshops with product, design, and engineering
  • Sprint planning and sprint reviews
  • Design refinements and regular feedback sessions
  • User journey mapping
  • Service blueprinting
  • Design critiques (internal reviews)
  • Usability testing and feedback loops
  • Iterative prototyping in Figma
  • Pairing closely with developers during implementation
  • Stand-ups for alignment across teams

The problem

Different product teams were solving similar problems in different ways, leading to:

  • Inconsistent user interfaces across platforms
  • Slower design and development cycles
  • Repeated work and duplicated components
  • A disconnected experience between web and app

This lack of cohesion made it harder to scale products efficiently and maintain a strong, recognizable product experience.

The Approach

I led the design system initiative across multiple teams, balancing immediate product needs with long-term scalability.

Key activities included:

  • Auditing existing products and UI patterns
  • Running cross-team alignment workshops
  • Defining design principles and system foundations
  • Collaborating closely with developers for implementation
  • Establishing governance and contribution models

Research

Research focused on understanding the current product landscape, team workflows, and user experience across web and mobile. The aim was to identify gaps, inconsistencies, and opportunities to inform the design system.

What I did

  • Reviewed existing products and interfaces across web and mobile
  • Analysed user flows and key journeys
  • Looked at support tickets and internal feedback
  • Spoke to designers, developers, and product managers

 

How it informed the work
These insights helped prioritise what to standardise first, shaped the system foundations, and ensured the design system solved real team and user problems rather than just creating UI consistency.

The solution

The Tracker Design System became a central source of truth for product teams. It established clear foundations including typography, colour, spacing, and layout, with accessibility built in from the start.

A reusable component library was created for web, designed to stay aligned with mobile patterns where possible. Close collaboration with engineering ensured components were implemented effectively, supported by clear documentation for both designers and developers.

The system was built to scale across multiple products, with the flexibility to adapt to different use cases over time.

Final Design

The design system was rolled out incrementally across products, starting with core foundations and high-use components.

I worked closely with engineering teams to translate designs into reusable, production-ready components, ensuring consistency between design and build. Components were integrated into live products as part of ongoing sprints, allowing teams to adopt the system without slowing delivery.

Clear documentation and guidelines supported adoption, while regular check-ins and feedback loops helped refine the system in real use. This approach ensured a smooth implementation, with the system becoming part of everyday workflows rather than a separate layer. 

Results

The design system significantly improved both team efficiency and product consistency. It led to faster design and development cycles, reduced duplication across teams, and created a more consistent experience across web and mobile. Collaboration between teams also improved, with clearer alignment and shared ways of working. For users, this resulted in more intuitive and predictable interfaces, along with improved usability across both web and app experiences. 

What worked well

Strong collaboration across design, product, and engineering made a big difference. Early alignment on principles and priorities helped teams move in the same direction, and rolling the system out gradually made it easier to adopt without slowing delivery.

Challenges

Aligning multiple teams with different goals and timelines was not always easy. There were trade-offs between speed and maintaining system quality, and getting consistent adoption across teams took time and ongoing support.

What I'd do differently

I would invest earlier in governance and clearer contribution guidelines to reduce confusion as the system grew. I would also involve engineering even earlier in defining foundations to strengthen alignment from the start.