Based in Riyadh · Open to Product Designer & Associate Product Manager roles

I design products that move business numbers, not just pixels.

Design Systems & Tokens UX UI Designer Vibe Coder AI-Driven Design Presentation & Pitch Deck Designer Business Thinking Agile Mindset
+5 yrsProduct design experience
6Industries
+14Live projects shipped
CSComputer science graduate

Experience

More than five years, one way of working.

Waffy (Gotrah)

2024 – now

Product Designer·Startup studio

Zinad IT

2022 – 2024

UI / UX Designer·Cybersecurity

CPTIT

2020 – 2022

UI Designer·Software house

Learning

BSc in Computers & Information Minia University, Egypt
Product Management Masterclass Moaaz Elmasry
UI / UX Design, practical course Mahmoud Ishac
UX Advanced Camp Tremolo

About

A one-person design team who thinks like a product manager.

I turn business goals into products that ship.

I work closely with stakeholders and developers, from defining requirements and Jira tickets to reviewing each build and making sure the final product matches both the design vision and the business intent.

My process is simple:
Understand → Build → Test → Launch → Learn → Improve

At Waffy, this approach helped turn escrow, an unfamiliar financial concept, into a product trusted by 150K+ people.

I also build systems that help teams move faster:

  • A scalable design system across five product surfaces.
  • A custom Figma plugin that syncs localized copy with production.
  • An AI-driven workflow that accelerates design and delivery without sacrificing quality.

I'm currently completing a Product Management certification and looking for an on-site Product Designer or Associate Product Manager role in Riyadh.

Quick facts

  • LocationRiyadh, Saudi Arabia
  • Experience5+ years
  • CurrentProduct Designer, Waffy
  • Open toProduct Designer · Associate Product Manager
  • LanguagesArabic (native) · English
  • InterviewsAvailable on-site
Riyadh, Saudi Arabia

Let's connect,
I'm one click away.

Product designer with 5+ years across fintech, gov-tech, travel and ed-tech. Currently the designer behind Waffy: 40M SAR processed, 150K+ users. Open to Product Designer and Associate Product Manager roles, on site in Riyadh or remote.

All work

Escrow that 150K+ people trust with their money

Waffy holds the buyer's money until they receive and inspect what they bought. Sole designer across three products.

Money held
safely

Waffy delivery, receiving the package

Inspect before
release

Waffy, handing over the package

Both sides
protected

RoleSolo Product Designer
SectorFintech · Escrow
StatusLive & growing

01 · Impact

I design for the numbers, and the direction they move

Transaction volume

0 SAR40M+ SAR

Processed through escrow since launch.

↑ Growth

Registered users

0150K+

From zero to a six-figure user base.

↑ Growth

Signup drop-off

45%8%

Rebuilt the signup flow, and the right number finally went down.

↓ 82% fewer people lost

Unnecessary escalations

65%Redesigned

Two thirds of escalations only needed support, not a dispute.

↓ Support load
Waffy app home, your money is protected, your rights guaranteed Waffy transaction detail, approval stage, amount and attachments

Brand personality

Brand personality

Waffy sits between two strangers and a sum of money, so every screen has to earn confidence. Four words settle every design argument.

01Trusted
02Clear
03Reassuring
04Efficient

02 · Design system

Design system

One system powering every surface: tokens, components and patterns, with written documentation so product, design and engineering speak the same language. It's what lets one designer maintain three products. It also makes every new feature cheaper than the last.

01Components

Buttons, fields, badges, steppers, sheets and tables, all as variants with states.

02Tokens

Colour, type, spacing, radius and elevation defined once and consumed by every product.

03Documentation

Usage rules and do/don't written next to each component, so design and engineering read the same source.

Waffy design system: tokens, components and documentation

03 · Research

How I decide what to build

Sprints and interviews define the states, Hotjar shows where people stall, A/B tests settle the wording. The flow snapshots below came straight out of that work.

01Google Design Sprint

Compress weeks of debate into one structured week: map, sketch, decide, prototype, test.

02User interviews

Talk to real buyers and sellers to understand the fear behind every money decision.

03Hotjar behaviour review

Heatmaps, recordings and funnels to see where people actually hesitate and leave.

04A/B testing

Ship variants and let the metrics settle the argument instead of opinions.

Buyer and seller: the full dependent flowEvery action by one side unlocks or blocks the other. The transaction only completes if both move in the right order.

States, branches and dead endsMapped for both roles at once: what each side sees, can do, and waits for at every stage.

Create a contract: the simple pathThe shortest happy path, kept short on purpose so the safe route is also the easy one.

06 · System feedback

System feedback

In escrow, silence is doubt. The notification system follows visibility of system status: every state change reaches the right person at the right moment, in language they trust. Timing respects the Doherty Threshold; wording removes ambiguity so nobody has to guess what happens next.

07 · Conversion

Signup drop-off: 45% → 8%

Nearly half of new users never finished signing up. Hotjar recordings showed exactly where they stopped, and interviews told us why: people were being asked to prove who they were before they had any reason to trust us.

Registration took six steps before anyone could look around. So we moved everything that wasn't strictly needed to the other side of the door: phone number, OTP, and you are in. Completing the profile now happens later, when the app asks for it in context and the person already knows what they get in return. Drop-off fell from 45% to 8%.

Before
6steps to get in

Full registration form, identity details and verification, all upfront, before seeing a single screen of the product.

After
2steps to get in

Phone number, then OTP. Straight into the app, with profile completion prompted later, in context.

Signup step, phone entry Signup step, typing focus with keyboard Signup step, validated number ready to continue

08 · Operational insight

The escalation gap that was draining support

Behaviour and support data showed 65% of escalations weren't disputes. People needed help or hit a technical issue, but escalation was the only door they could see. Each one cost the support team time and cost the user trust.

Before

One path for everything. Confusion, technical issues and real disputes all became formal escalations. Slow for users, expensive for support.

Old escalation, one bottom sheet for every problem Old escalation, everything becomes a formal dispute

After

Intent separated at the entry point: get support, report a technical issue, or escalate a genuine dispute. Each path has its own flow and expectations.

05 · Scope

Three products, one design language

C2C

Consumer apps (iOS, Android, Web) plus the internal Admin that runs them.

B2B

Escrow for businesses. Different scale, different trust signals, same system.

Client integrations

Waffy embedded inside partners' own products and flows.

Waffy across surfaces: web app, transactions table and admin console

Journey map

The journey, end to end

Balance and payments, full activity log
Transactions list, skeleton loading state
Active transactions with pagination
Empty state, no active transactions yet

App screens

A closer look inside the app

Waffy app screen 10 Waffy app screen 4 Waffy app screen 8 Waffy app screen 11
Waffy app screen 2 Waffy app screen 5 Waffy app screen 9 Waffy app screen 12
Waffy app screen 3 Waffy app screen 6 Waffy app screen 1 Waffy app screen 13
Waffy thank you screen
THANK YOU
Available for on-site interviews in Riyadh

Want to go deeper? Let's talk

Process, decisions and outcomes, happy to walk through them in person or on a call. I'm in Riyadh.

Next projectSaudi Accreditation Center
Available now · Riyadh, Saudi Arabia

Let's build something
worth shipping.

Product designer with 5+ years across fintech, gov-tech, travel and ed-tech. Currently the solo designer behind Waffy: 40M SAR processed, 150K+ users. Open to Product Designer and Associate Product Manager roles, on site in Riyadh or remote.

Back to the work
All work

Saudi Accreditation Center · Government

Credibility: designing the digital face of a national authority.

The Saudi Accreditation Center (SAAC) is the Kingdom's national accreditation body, the authority behind the laboratories, inspection and certification bodies the rest of the economy relies on.

RoleUI Designer
SectorGovernment
StatusShipped & live
SAAC accreditation dashboard, statistics and requests table

Government platforms fail in a predictable way: dense institutional language, services buried under the org chart, and forms that ask for everything at once.

Discover how I reorganized the experience around what visitors actually come to do: find accreditation services, understand requirements, start a request, in a visual language built for institutional credibility.

Heavy data entry, tamed. Large forms broken into clear steps, sections and save & resume

Information architecture rebuilt around user tasks, not departments

SAAC · Government

One request journey, seven clear stages

Accreditation request form with seven-stage stepper
Accreditation granted, certificate view with the full journey completed

State design · System feedback

Every state designed

Dashboard loading skeleton states

Skeleton loaders, empty states and confirmations aren't decoration, they're system feedback. Following Nielsen's first heuristic, visibility of system status, and the Doherty Threshold, the interface always tells you where you are and what's happening next. Perceived speed is a usability feature.

Brand · Entry

A branded front door

SAAC login, brand gradient with national identity
  • Restructured the information architecture around visitor tasks: find a service, understand its requirements, start a request.
  • Built a visual language of institutional credibility. Typography, spacing and restraint for an organization whose product is trust.
  • Delivered within government identity and accessibility standards without letting the constraints flatten the design.
  • Designed the complete state system: loading skeletons, empty states, confirmations and errors, because system feedback is a UX law, not a nice-to-have.

Proof · Official announcement

The Saudi Accreditation Center announced the platform on its official X account. The work shipped, live, published under a national authority's name.

Saudi Accreditation Center Official X account
Open on X
Available for on-site interviews in Riyadh

Want to go deeper? Let's talk

Process, decisions and outcomes, happy to walk through them in person or on a call. I'm in Riyadh.

Next projectBazar: the souq, shipped as video
All work

Bazar · Video commerce · Saudi Arabia

The souq, shipped as an app: shopping by video

Bazar brings Saudi Arabia's traditional markets online without killing what makes them special: you browse stalls as short videos, ask the merchant about the exact product on screen, haggle over the price in chat, and buy in one tap.

RoleProduct Designer
ScopeNew features on an existing product
StatusShipped · App stores

What's behind Bazar

01

Shopping that feels real, you browse genuine videos of the actual products, not studio photos.

02

The souq feeling, kept, the energy of traditional markets.

03

Zero-hassle selling, souq merchants can't run inventory and product listings. Capture a video, and you're selling.

The feed · Interactive

Walk the market from your phone

Classic e-commerce grids delete everything social about a souq, the stories, the haggling, the relationship with the merchant. The design challenge: keep the souq's soul inside a modern video UX.

Bazar brand, app icon on the home screen, identity and the lamp logo

Haggling built in, price negotiation in chat, like the real souq

Two-sided by design, a buyer feed and a full seller toolkit in one app

The story

An exceptional buying experience

Bazar, an exceptional buying experience (left panel) Bazar, an exceptional buying experience (right panel) Walk the old souq wherever you are, pick your taste Negotiate the price and buy what you like in one tap
Bazar user flow, from shoppable video to negotiated payment

The other side of the counter

Sellers film, open shop, and win customers

Take your souq online with video technology (left panel) Take your souq online with video technology (right panel) Open an account for your store, seller profile Film your products as video
Thousands of products, filmed live from the souq Delivered to your door Rare, authentic pieces at their source prices Deal directly with the seller, an unmatched buying experience
Available for on-site interviews in Riyadh

Want to go deeper? Let's talk

Process, decisions and outcomes, happy to walk through them in person or on a call. I'm in Riyadh.

Next projectWaffy: designing trust for 150K+ people's money
All work Amen landing page presented on a laptop, together for a safe cyberspace

Amen (آمن) · National Cybersecurity Awareness Program

The front door of a national cybersecurity movement

Amen is Saudi Arabia's first national cybersecurity awareness program, a Vision 2030 initiative by the National Cybersecurity Authority with the Ministry of Education and SABIC. Its landing page had one job: invite everyone (kids, parents, schools) into a subject that usually intimidates people.

RoleUI Designer
SectorGovernment
TypeLanding page

The full page

آمن, البرنامج الوطني للتوعية بالأمن السيبراني
Amen full home page, hero, about, goals, events map of Saudi Arabia, program tracks, news and newsletter

Beyond the home page

01

The program speaks before it explains

A video moment built into the experience, real kids, real devices, real awareness. Motion carries the message faster than any paragraph.

Amen, video moment
Amen ambassador dashboard
02

A dashboard for the program's ambassadors

Training paths, certificates and live numbers, the operational side of a national program, designed with the same clarity as its public face.

03

Exhibitions, told as a journey

Four stages (preparation, reinforcement, guidance, measurement), each aimed at its own audience, ending with the questions everyone asks.

Amen exhibitions page, four-stage timeline and FAQ
Available for on-site interviews in Riyadh

Want to go deeper? Let's talk

Process, decisions and outcomes, happy to walk through them in person or on a call. I'm in Riyadh.

Next projectSaudi Accreditation Center
All work
Offto app highlight 1 Offto app highlight 2 Offto app highlight 3 Offto app highlight 4

Offto · Travel · Kuwait & GCC

Two ways to travel: pick an expert's package, or build the trip yourself.

Offto is a travel app where travel experts design ready-made packages (flight, hotel and extras in one price) next to the traditional path of searching flights and hotels yourself. Two very different mental models, one app.

RoleProduct Designer
SectorTravel
PlatformMobile & web
Offto app home, alternative layoutOffto app story screen Offto web home page

01 · Packages

Discover a package,
then make it yours

The package is the hook: a destination, a date range and a total price, put together by a named travel expert. Once a traveller picks one, they still get to choose the flight, the hotel and the activities inside it, seeing exactly what each choice adds to the price, then book the whole trip in one go.

Offto travel package cardOffto travel package cardOffto travel package cardOffto travel package cardOffto travel package cardOffto travel package cardOffto travel package cardOffto travel package card
Offto travel package cardOffto travel package cardOffto travel package cardOffto travel package cardOffto travel package cardOffto travel package cardOffto travel package cardOffto travel package card
Choosing the flight inside a package Choosing the hotel inside a package

04 · Marketing surfaces

Making a city
feel bookable

Every package lives or dies on the first impression. These are the campaign layouts we used to turn a destination into a decision: one image, one price, one reason to go now.

05 · Booking flow

Search, compare,
pay, done

The self-serve path end to end: results and filters that narrow a long list fast, fare classes compared side by side, the return leg picked against the outbound, a price breakdown with nothing hidden, extras offered once, and a confirmation that says exactly what was paid.

Offto: Flight search results Offto: Airlines filter Offto: Price breakdown Offto: Hotel room selection
Offto: Fare class comparison Offto: Search filters Offto: Extra services Offto: Payment success
Offto: Stops filter Offto: Choosing the return flight Offto: Hotel results Offto: cancellation and change policy

06 · Destinations

Packages to
all countries

Before anyone knows their dates, they know where they want to go. The destinations page turns the catalogue into something you scan with your eyes: filter by region, then pick the place that pulls you in.

Offto destinations page shown on an iPad

07 · Web

Not just an app:
a full booking system

The same journey had to work on a laptop, where people compare seriously: a map view with live prices, a results list next to persistent filters, a hotel page that answers every question before the room is picked, and an empty state that tells you what to change instead of leaving you stuck.

Offto web: Hotel page, choosing a room Offto web: Hotel search with the map view open Offto web: Hotel results list with filters
Available for on-site interviews in Riyadh

Want to go deeper? Let's talk

Process, decisions and outcomes, happy to walk through them in person or on a call. I'm in Riyadh.

Next projectWaffy: designing trust for 150K+ people's money
All work

Ed-tech · Cybersecurity

Making security knowledge learnable.

RoleProduct Designer
SectorEd-tech, cybersecurity training
UsersLearners & professionals
PlatformWeb platform

Context

Cybersecurity is one of the fastest-growing skill demands in the region, and one of the hardest subjects to learn. The content is dense, technical and intimidating. This platform's promise: make it learnable.

The challenge

Learning products don't fail at enrollment, they fail at week two. The design problem was retention: structuring heavy technical material into paths that give learners a sense of momentum, and a UI that lowers the intimidation factor without dumbing anything down.

What I did

  • Designed the learning experience, course structure, lesson flows and progress systems built around visible momentum.
  • Reduced cognitive load, layouts and hierarchy that let dense technical content breathe.
  • Designed for coming back, progress states and continuation cues that pull learners into the next session.
Platform screens go here, course page, lesson view, progress Replace this block with 3–4 real screenshots