VAN KPARules before variants
Component flexibility comes from clear content and state constraints, not endless one-off options.
Northstar Rebuild
A polished storefront becomes fragile when its components and rules are inconsistent.
MY ROLEDesign systems · Front-end direction
Project context
Independent concept.
Original direction.
Northstar Rebuild turns the earlier commerce concept into a system-design exercise.
Executive summary
From problem to
practical direction.
THE SOLUTION
A second-pass commerce exploration focused on tokens, modular components, responsive behavior, and state coverage.
THE OUTCOMEA documented design-system direction that makes the original concept more scalable.
The approach
The work behind
the interface.
- 01
Audit repeated interface patterns
- 02
Define shared tokens and states
- 03
Rebuild product modules for responsive use
- 04
Document content and interaction rules
Key decisions
What shaped
the direction.
Responsive by composition
Modules reflow according to priority instead of collapsing mechanically.
What was designed
Scope &
deliverables.
- ↳ UI audit
- ↳ Token system
- ↳ Component anatomy
- ↳ Responsive documentation
Demonstrated value
Outcome &
impact.
- ↳ Demonstrates system thinking
- ↳ Improves consistency
- ↳ Covers key states
- ↳ Independent concept
Project actions
Start a conversation
Have a problem worth
working through?
Start with the problem you are trying to solve. We can define the right next step together.
Start a project ↗Professional profile ↗