Every team has its own button
Duplicated components slow design reviews and confuse users.
What I doEvery duplicate and inconsistency found, with a plan to merge them.
285screens built on the @Work system
6portals sharing one component library
2languages, English and Arabic RTL
3 to 1legacy blues merged into one token
Sound familiar?
Problems I'm hired to fix
Hover or tap a card to see how I fix it. Most projects start with one of these.
Dark mode and RTL break things
Hard-coded colors and directions turn every new theme into a rebuild.
What I doColour, type, spacing and elevation tokens with light and dark modes.
Design and code drift apart
Figma says one thing, production does another.
What I doEvery state, built with Figma variants and WCAG AA contrast.
Try it
One component, every context
Tokens let the same component adapt to theme, language direction and density without redesigning it. Try the switches.
Interactive
Active
Corporate Gold Card
Spend limit SAR 50,000. Next statement on 1 Nov.
ApproveDetails
Tokens: surface, text, accent, accent soft
What you get
Everything you need to ship
Design systems from first audit to developer handoff. Pick one to see an example from real work.
How we work
From first call to launch
A clear plan from day one. You always know what's next and what it costs.
Week 0
Discovery call
We talk through your product, users and goals. You get a clear scope, timeline and price.
Week 1
Map the flows
Journeys and structure first, so we agree on how it works before how it looks.
Weeks 2 to 5
Design and test
High-fidelity screens and a clickable prototype, refined with your feedback and real users.
Launch
Handoff and support
Specs and components for your developers, or build and launch with my studio.
Selected work
Proof, not promises
Real products shipped for real teams, including American Express and stc.
Ways to work together
Pick the right size
Start small with an audit, or go end to end with design and build.
UX audit
1 to 2 weeksFind what's costing you users, ranked by impact, with redesigned key screens.
- Heuristic and flow review
- Prioritized fix list
- Redesigned key screens
Design project
3 to 8 weeksFrom flows to a tested, handoff-ready design for your product or feature.
- Flows and architecture
- High-fidelity UI and prototype
- Developer handoff
Design and build
Scoped per projectDesign plus front-end and back-end development with my studio's developers.
- Everything in a design project
- Build and QA
- Launch support
Questions
What clients ask
Do I need a design system for a small product?
Not a large one. Most products benefit from a lean system early: tokens and the 15 to 20 components used everywhere. It grows only when the product does.
Can you improve our existing design system instead of starting over?
Yes. I usually start with an audit, keep what works, retire what is duplicated and migrate screens in steps so nothing breaks.
Which tools do you use?
Figma for the system itself, with variables and variants, and documentation your developers can map to code.
Let's make it
clear.
Tell me what you're building. I reply within one working day with first thoughts and next steps.