Scaling Pawwy with a unified Design System

Timeline

Nov 2024 - Jan 2025.

Role

Product Designer (Design Lead) + Front-end Developer.

Overview

Pawwy is a pet health platform connecting veterinarians and pet owners. As the product grew, the interface became inconsistent and difficult to scale.

I led the creation of a design system to standardize UI components, tokens, and design patterns across design and development.

A faster and more consistent product experience

Standardizing components and tokens to help teams build faster and deliver a consistent, accessible experience.

The Process

The Process

Discover

  • Problem exploration (empathize)

  • Research

  • Surveys

  • Competitive audit

Define

  • Organize research

  • Empathy Map

  • Identify themes

  • Define insights

  • Solution

Develop

  • Design UI documentation

  • Design System

  • Information architecture

  • User flows

  • Wireframes

  • Feedback and design reviews

Deliver

  • General prototype

  • Translate from UI to code

  • Feedback

  • General testing

  • Make adjustments

  • Release the results

Problem Statement

How might we keep Pawwy’s experience consistent as the product grows?

As Pawwy expanded across multiple products, inconsistencies in components, naming conventions, and visual styles started to appear. Without a shared system, teams struggled to design and build features consistently, leading to fragmented user experiences.

Research

The real issue wasn't the UI, it was the lack of a system

Interface audits, team interviews, and accessibility checks revealed that inconsistencies across Pawwy products were not isolated design issues, but symptoms of a missing design foundation shared between design and development.

The visual identity didn’t reflect the product’s value

The visual identity didn’t reflect the product’s value

The visual identity didn’t reflect the product’s value

Accessibility was not systematically considered

Accessibility was not systematically considered

Accessibility was not systematically considered

Design and development were not aligned under a shared system

Design and development were not aligned under a shared system

Design and development were not aligned under a shared system

Solution Strategy

Instead of fixing screens, we built the foundation

The research showed that many UX issues originated from the absence of a shared system. Rather than solving inconsistencies one screen at a time, we focused on building Pawwy’s design system as the foundation for all products.

Information Architecture

Simplifying how users move through Pawwy

The product’s structure became increasingly difficult to navigate. I redefined the information architecture to create clearer hierarchies and a more consistent navigation system.

Design System

One system for every Pawwy product

I designed a unified design system to support Pawwy Tutors, Pawwy Vets, and future products. By standardizing tokens, components, and patterns, the system creates consistency across experiences while enabling teams to design and build faster.

A vibrant and expressive color palette designed to reflect Pawwy’s mission—bringing energy, warmth, and trust to a product that connects pet owners and veterinarians.

Results & Impact

Faster design and development: reduced screen setup time by approximately 40% based on component reuse during internal testing.

New Users

New Users

1.584

1.584

1.584

User Satisfaction

User Satisfaction

87%

87%

87%

User Retention

User Retention

80%

80%

80%

Let's be Friends 👋🏻

Find me in

Let's be Friends 👋🏻

Find me in

Let's be Friends 👋🏻

Find me in

Create a free website with Framer, the website builder loved by startups, designers and agencies.