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
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.
Next caseFlowEQWorkflow builder on React Flow and AWSOrSee all workIn-house, client projects and own products
Want one like this?
Tell me what you’re building. I usually reply within 1–2 business days.