← All work
Case study · 05 of 09
Pyxis · SaaS · 2024

Three products,
one coherent
workspace.

Client
Pyxis
Scope
Product suite · Design system · IA
Stack
Figma · React · Shared component library
Timeline
Multi-phase · 2024
Hero still
Pyxis — Social, Performance, Onboarding
(01) Overview

What we made.

Pyxis ships three products — Social, Performance and Onboarding — that need to feel like one tool. We led the visual system, IA, and shared component library across all three.

Seventeen design files, one consistent product surface. Each product can speak with its own voice without breaking the suite.

(02) The brief

What had to be true.

The brief was suite coherence: pricing decisions, navigation patterns and shared components had to feel deliberate across the three products without flattening their personalities.

A user moving from Social to Performance shouldn't have to relearn the navigation, but each product should still feel purpose-built.

(03) Approach

How we worked.

We designed a shared shell — global navigation, account, billing, search — that hosts each product underneath. The shell stays constant; the product surface flexes.

A single Figma library hosts every shared component. Products import; they don't re-implement.

(04) Outcomes

What shipped.

  • 01Three products with consistent navigation, account, billing and search.
  • 02Each product retains its own visual character within the shared shell.
  • 03New components ship to all three products simultaneously when they land in the library.
What the client said

Our customers use multiple Pyxis products and the experience finally feels like one tool. The shared shell saved us months of consistency work down the line.

PX
Product lead
Pyxis
Next case study

Tech Angels

Read next

Got a similar
story to tell?

We'd love to hear about it. No slide deck, no sales team, just a conversation.