In-house · design system

PlaceAnalyzer

A design system for a property-valuation product, shipped as a package the whole frontend uses.

Role
Design system + frontend
Type
Design system
Delivered as
npm package + Storybook
  • Design system
  • MUI
  • Storybook

Tokens to Storybook

One package for every screen

The problem

Each screen rebuilt its own buttons, colors and spacing, so the interface drifted with every release.

What I did

  • Turned the look into tokens. Color, spacing, type, radius and shadow, in one place.
  • Shipped it as a package. Versioned, documented in Storybook, released automatically.
  • Built on the product too. Property-type icons and map markers, plan payments and their notifications, and 360° photos with property outlines.

Result One design package behind every screen of the product.

Want one like this?

Tell me what you’re building. I usually reply within 1–2 business days.

Start a project