(00) Introduction
Product & design engineer, AI-native. 13 years from research to production.
Open to full-time, part-time and freelance
I run the , draw the , design the , write the front to back and build the AI into it, then take it to production. One pair of hands and a team of agents, so nothing gets lost between deciding and shipping.
Disciplines: Product design, Full-stack engineering, AI products, Coding agents, Design systems, Shipping to production.
Scroll or drag
01 / 03
Matter®
Sportswear atelier · Paris, 2026
(02) Expertise
01Research & interaction
Users, constraints → Flows, prototypes
Talking to the people who will actually use the thing, mapping the flows, and settling how every state behaves before a line of production code exists. Keyboard paths and contrast get decided here, while they are still cheap to change.
02Interface & systems
Themed, versioned → Typed APIs
Tokens, components, typography and motion, plus the loading and empty states nobody remembers to draw. Built as typed, versioned code so the system is something engineers use rather than something they translate.
03Production engineering
Next.js, Node, Postgres → LLMs, RAG, agents
Building the whole thing and taking it live: React and Next.js on the front, typed APIs and data behind it, and the AI features (agents, retrieval, tool use) wired in properly. Coding agents do the legwork; I set the architecture, review every change and hold it to the performance, testing and security bar real traffic needs.
04The overlap
One pair of hands
Research + Interface + Production =
Holding all three means the research survives into the interface, and the interface survives into production. Nothing is lost in translation, because nothing is translated.
Sectors served: Fintech · Crypto · Energy tech · Enterprise AI · E-commerce · Automotive · Retail · IT services
(03) Component library
Components / Actions
A destructive action that cannot fire by accident. Press and hold to delete.
Press and hold
(04) How I work
01 / 05
Interviews and data until the real problem is obvious.
What comes out of it
Taste is the bottleneck.
Agents can draft ten versions of a screen before lunch. None of them knows which one is right; that comes from sitting with the people using it.
Interview notes, round one
Synthesis
“I don’t trust the total until I see where it came from.”
Share of interviews that raised it
02 / 05
Flows, states and edge cases, with the failure path first.
What comes out of it
Finish what you draw.
A mockup is a proposal. The real work is what it left out: the loading state, the error nobody planned for, the connection that drops halfway through.
Onboarding flow: failure paths drawn first
03 / 05
Interface, type and motion, tested against real content.
What comes out of it
Feel is a specification.
Spacing, rhythm, easing and focus order are not decoration. They separate software people tolerate from software they trust, so they get written down.
Available balance
$12,480.50
04 / 05
Tokens and components as typed, versioned code.
What comes out of it
Accessible from the sketch.
Contrast, keyboard paths and semantics are settled while it is still a drawing. Retrofitting them later costs several times more and never comes out as clean.
Colour tokens
Type and space
05 / 05
The whole app in production, then measured and tuned.
What comes out of it
A design that stops at the mockup is a proposal.
Somebody still has to decide what happens on a slow connection. I would rather it was the person who designed it.
Release checklist
Performance budget
Budgets set before the build, checked in CI and after launch.
01 / 05
Interviews and data until the real problem is obvious.
What comes out of it
Taste is the bottleneck.
Agents can draft ten versions of a screen before lunch. None of them knows which one is right; that comes from sitting with the people using it.
Interview notes, round one
Synthesis
“I don’t trust the total until I see where it came from.”
Share of interviews that raised it
02 / 05
Flows, states and edge cases, with the failure path first.
What comes out of it
Finish what you draw.
A mockup is a proposal. The real work is what it left out: the loading state, the error nobody planned for, the connection that drops halfway through.
Onboarding flow: failure paths drawn first
03 / 05
Interface, type and motion, tested against real content.
What comes out of it
Feel is a specification.
Spacing, rhythm, easing and focus order are not decoration. They separate software people tolerate from software they trust, so they get written down.
Available balance
$12,480.50
04 / 05
Tokens and components as typed, versioned code.
What comes out of it
Accessible from the sketch.
Contrast, keyboard paths and semantics are settled while it is still a drawing. Retrofitting them later costs several times more and never comes out as clean.
Colour tokens
Type and space
05 / 05
The whole app in production, then measured and tuned.
What comes out of it
A design that stops at the mockup is a proposal.
Somebody still has to decide what happens on a slow connection. I would rather it was the person who designed it.
Release checklist
Performance budget
Budgets set before the build, checked in CI and after launch.
(05) Working with agents
One change, from interview to release. Agents compress the middle; the first and last steps stay human.
01
Discovery
Sit with users, frame the real problem.
Human
02
Flows
Map the paths, the states, the edge cases.
Human
03
Options
Agents draft directions in parallel.
Agents, supervised
04
Judgement
I choose the direction and the detail.
Human
05
Build
Agents implement, I set the architecture.
Agents, supervised
06
Test
Agents run the suite and review diffs.
Agents, supervised
07
Ship
I check every state and take it live.
Human
(06) Stack
(07) Experience
cMatter · Abu Dhabi, UAE
$ git log --career --oneline
8 commits · 3 tags · since 2013
tag: v3Owning the product
tag: v2Regulated, and at scale
tag: v1Learning both sides
(08) About
You can feel the seam: the state nobody drew, the animation that snaps, the error message written by whoever reached it last. Closing it is less about talent than about never handing the work over halfway.
I started as a freelance front-end developer, moved into design through agency and startup work, and have since shipped for banks, a broadcaster, a crypto custodian, a trading app and an AI platform. Five of those years were in London.
Today I design, build and ship the product at cMatter, an agentic AI platform for buildings and energy: the research, the interface, the full-stack code and the AI underneath, with coding agents doing the legwork and me making the calls. I work in English and Arabic.
Medhat Albsugy
Product & Design Engineer, AI-native
Open to full-time roles, part-time engagements and freelance projects. If you need a product designed, built and shipped, with AI inside it or behind it, that is the work I do.
