
Spec first
I write what the thing should do before I draw it. Agents build better from a spec than from a picture, and so do engineers.
Loose pieces. Scroll to put them together.
Design that stops at handoff isn't finished.
Senior Product Designer & Design Engineer
Scroll
Deriv / Dubai
I design products, build the design systems underneath them, and write the front-end code myself. Nine years across regulated fintech, logistics and agency work, and the work ends in a merged pull request.
Three habits, in the order they happen.

I write what the thing should do before I draw it. Agents build better from a spec than from a picture, and so do engineers.

If it isn't in the system, it doesn't ship. That constraint is what lets a team move fast without drifting.

I write the PR, run the checks, and merge. Design that stops at handoff isn't finished.
Product and design through an acquisition
A shop-and-ship service for US brands. I designed the customer app and the warehouse handheld for one flow, items fulfilment, and wrote the feature documents engineering built from.
View case study
Scan a receipt, and it files itself
A personal finance app. Point the camera at a receipt, confirm the total and the place, and the transaction is saved and sorted. Wireframes through final screens, as lead designer.
Case study soon
Two transactional apps from GO-Gulf
An auction house where you bid on vehicles against a live current price, and a merchant app for earnings, bills and store locations. Dense data on a phone screen.
Case study soon
Landing pages across seven sectors
Media, food and drink, beauty, leisure, industry, aviation and finance. Designed while leading a three-person UI/UX team at a Dubai agency.
Case study soon
Where it started
An exam prep platform: assessments, score analysis and progress by subject. I designed it and built the front-end pages myself.
Case study soon
Design
Figma, tokens, components, accessibility/* the same decision, as code */
--color-accent: #1a56c4;
--radius-md: 6px;
--measure: 68ch;
<Button tone="primary">Merge</Button> Code
React, Tailwind, the pull requestWhere most of the building happens. I write the spec, it drafts, I review every diff.
Trace the loop to run a day yourself
What it ships in
Open to product design and design engineering roles.