NexNowGo
A complete product design pass — information architecture, core flows, and a coherent UI system — built to take a concept from idea to something a development team could build directly from.
The challenge
Early-stage products often skip straight to screens without first settling the underlying flows and system — which means every new feature either breaks visual consistency or requires re-deriving decisions that were never made explicit the first time.
NexNowGo needed the opposite: a design foundation solid enough that screens could be added later without a redesign, and clear enough that engineering could build directly from the file without a long back-and-forth.
Approach
I started with the core user flows rather than individual screens, mapping how someone moves through the product end-to-end before deciding what any single screen looks like. Once the flows held together, I built out a UI system — type scale, spacing, components, states — so every subsequent screen reused the same decisions instead of reinventing them.
That system-first approach is the same one I use in the design systems I build at Würth UAE, just applied at product scale rather than enterprise scale.
What I built
A complete Figma file covering the product's core flows, full screen set and an underlying UI system.
- End-to-end flow mapping before any screen design began
- A reusable component and UI system underneath every screen
- Screens built to be handed directly to engineering with minimal redlining
Outcome
The result is a product design file that functions as both the design spec and the design system in one place.
Because the system was built before the screens, extending the product later is a matter of composing existing pieces, not starting over.