Industry

Design Systems

Client

Skynamo

From mobile to web — a Flutter design system built to scale.

Main Project Image

Three platforms. One system.

Skynamo works on iOS, Android, and a web management system — each built differently, each drifting further apart. The migration to Flutter was the opportunity to change that. The result is a Material 3 system that lives in two places: a Figma file designers work from, and a Widgetbook instance where developers interact with real, production components. If it's in Widgetbook, it's in code. 23 components, a colour system rebuilt to work with the framework rather than against it, and Skynamo-specific ones built for things Material has no opinion on.

Large Project Gallery Image #1
Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #2
Project Gallery Image for 50% width of the screen #2
Project Gallery Image for 50% width of the screen #1

The system kept going without me.

Another designer took over the catalogue ordering app using the component library while I was on maternity leave. No new components needed. Those same components were later pulled back into the main sales app. That's the system working exactly as intended — solid enough that development continued and a new product shipped without me in the room. A design system is only as useful as the trust people have in it. Developers need to know it won't change arbitrarily under them. Designers need to know it reflects how the product actually works. Getting both right is mostly a people problem, not a design problem.