Ahmed Diab Let's connect
Product designer - Cairo, Egypt

I design products and build them.

Experience6 years in design · 2 years in product
FocusDense data apps and multi-step flows
ToolsAll design tools · Claude · self-made tools
The Masader home page hero: Bespoke Corporate Sustainability set large over a dark field, with eleven accreditation marks beneath.
Masader's interactive emissions model - country tabs, a comparison chart and a distance slider.
Masader's Sectors We Work With carousel, twenty-two numbered sector cards.

Masader Shipped & live · 2024-25

Sustainability consulting, made legible

Masader advises banks, industry and governments across MENA on ESG and climate. Eight service lines, eleven accreditations and twenty-two sectors on one page, without becoming a directory.

My role Product / web designer - owned the public product surface

View project
Clave's Impact screen: per-feature charts where a realised revenue curve rises through a dashed expected-target line.
A Clave request detail with a ten-node lifecycle rail from Submitted to Being tracked.
Clave's Insights Inbox: eighteen requests grouped by lifecycle state with source filters.

Clave Self-initiated

Feedback that survives the trip to shipped

A feedback OS for B2B teams. It follows one customer request from the moment Sales files it to the revenue it moved after launch - and back to the person who raised it.

My role Everything - domain model, IA, UI and the front-end build

View project
Relay running as a Chrome extension: a browser window on a localhost dashboard with the Relay side panel docked to the right.
Relay's issue queue docked beside the app: captured issues tagged Visual, Behavior and Bug.
Relay's export screen showing the exact folder tree that will be written to disk.

Relay Self-initiated · Designed & built

Say what's wrong out loud, get a spec

A Chrome extension. Drag a box around a bug on your localhost page, describe it in your own words, and Relay hands your coding agent a folder of written specs and screenshots.

My role Everything - product definition, UI and the build

View project
Creators Hub in dark: a neon green wordmark over deep navy, a rocket and lightbulb motif, and a row of client logos.
The Way We Work section: four stages laid over a lightning motif.
The services section in the light theme, on a mint wave ground.

Creators Hub Shipped & live

A content agency that had to look produced

Video, design and social production for Infinix, Boubyan, Gamestore and the Egyptian Esports Federation - a site that had to look as produced as the work it sells.

My role Designed the site end to end - desktop, mobile and both themes

View project
Three Salon screens: the browse feed, an event detail and the ticket tiers.
Salon's payment screen and the issued ticket.
The first step of creating an event, and the saved draft state.

Salon Mobile app · 14 screens

Browse to paid ticket, in Arabic

A cultural events app for Saudi Arabia. Two flows - attending an event and creating one - across fourteen screens, all right-to-left.

My role Sole designer - flow, UI and the RTL system

View project
The Msh Ady page.
A section from the Msh Ady page.
Another section from the Msh Ady page.

Msh Ady Brand & web

National addiction-prevention platform

Egypt's Fund for Drug Control and the Ministry of Social Solidarity. One page serving teenagers, worried parents and someone in crisis - so the 16023 helpline is reachable from every section, not parked in the footer.

My role Designed and built it, solo

View project
The Betna page.
A section from the Betna page.
Another section from the Betna page.

Betna Brand & web

Marketplace for handmade furniture

Egyptian craft furniture, plus the workshops and events around it. A quarter-circle arch cut into every image ties product shots, event photography and stock craft images into one family without retouching any of them.

My role Designed and built it, solo

View project
The Geekay Esports page.
A section from the Geekay Esports page.
Another section from the Geekay Esports page.

Geekay Esports Brand & web

European store for a MENA esports org

stc play and Coca-Cola as sponsors. Product card anatomy, four carousel variants and promo-flag rules that had to survive a catalogue this size.

My role Designed and built it, solo

View project
The Elites page.
A section from the Elites page.
Another section from the Elites page.

Elites Brand & web

Game boosting and coaching

The whole page is one objection-handling sequence: a three-step explainer, then proof, then an FAQ answering the two questions everyone actually has - is my account safe, and can I still play.

My role Designed and built it, solo

View project
The Intlakaa page.
A section from the Intlakaa page.
Another section from the Intlakaa page.

Intlakaa Brand & web

Performance marketing agency, both halves

The landing page and the thank-you page. The interesting half is what happens after the form: a three-step tracker telling you who will call, when, and what to have ready.

My role Designed and built it, solo

View project
The SAWASHIP page.
A section from the SAWASHIP page.
Another section from the SAWASHIP page.

SAWASHIP Brand & web

Shipping comparison and tracking

The embedded quote wizard is the part I'd rebuild today - a segmented flow with radio-card selection, quantity steppers and unit-aware dimension inputs, sitting inside a marketing page.

My role Designed and built it, solo

View project
The yolBe page.
A section from the yolBe page.
Another section from the yolBe page.

yolBe Brand & web

AI-assisted careers platform

Job seekers, employers and organisations - three audiences on one page, separated by a tab rather than three separate sites.

My role Designed and built it, solo

View project
The ECC page.
A section from the ECC page.
Another section from the ECC page.

ECC Brand & web

Corporate consulting

Almost monochrome, with all the colour coming from the photography - industrial dusk shots doing the work a palette usually does.

My role Designed and built it, solo

View project

Let's connect.