Skip to content

Sarah Hammad · Product & UX Designer · Cairo

I design flows that take people from confused to done.

Booking, planning, scheduling. The screens people use when they are tired and just want the thing handled.

Contact me

Cairo, Egypt · Open to remote, hybrid, or relocation

sarah_hammad.profile
role     Product & UX Designer
based    Cairo, EG
remote   open
now      UX Design Intern, Flyrank
         AI startup · since June 2026
focus    research · information architecture
         prototyping · design systems
         Arabic RTL · accessibility
tools    Figma · FigJam · Maze
langs    Arabic (native) · English (professional)
01

Live UX design internship at an AI startup, running now.

02

Finished case studies, written end to end — Talla and CareNest.

AA

An Arabic RTL interface built to WCAG 2.1 AA.

Selected work

Three case studies · One in progress

How I work

Four steps in plain language. Not a diagram — this is what actually happens on a project.

draft · rewrite these four in your own words before publishing

  1. 01

    Find the task, not the feature

    I write down what the person is actually trying to finish, then count how many steps it takes them today.

  2. 02

    Look at what already exists

    I benchmark the products people already use, so I know which conventions to keep and which ones are worth arguing with.

  3. 03

    Get the sequence right first

    The flow comes before the screen. Once the order is right, I build the screens and the components they share.

  4. 04

    Audit it honestly

    Heuristic evaluation, an accessibility pass, and a written list of what I would test next if I had users in front of me.

Sarah Hammad

About

I came into design from Business Administration, which is why I start with the task rather than the interface. I work on booking, planning and scheduling products Arabic and English, right to left and left to right. I care more about whether it works than whether it wins an award.

Writing & capstone

first posts, autumn 2026

Notes from the Flyrank internship as it runs, and the capstone project at the end of it. Published here as each one is finished.

  • Next post

    What six competitor apps taught me about endings

    Why none of them let you finish, and what I did about it in Talla.

  • In progress

    Designing an Arabic interface that reads properly

    The parts of an RTL layout that should not be mirrored, and how I decided each one.

  • Capstone

    Flyrank capstone project

    The end of the internship track. Written up in full once it is approved.

Selected work 01 · Talla

AI powered fashion styling app

A full wardrobe and no starting point. Talla turns an open question — what do I wear — into a short sequence with an obvious end.

iOS · iPhone {{ tallaContext }}
Wardrobe
Wardrobe
Generating an outfit
Generating an outfit
Shop
Shop

Role

Product & UX Designer

Research through UI, solo

Timeline

{{ tallaTimeline }}

Complete

Tools

Figma · FigJam · Maze

Prototype linked below

Platform

iOS

iPhone, native patterns

03 · The problem

Getting dressed is a decision with no obvious first step.

People do not lack clothes. They lack a place to start. Most styling apps answer this by showing more, more inspiration, more feeds, more options which is the same problem in a nicer typeface.

Talla had to do the opposite. Narrow fast, decide once, and end the session rather than extend it.

04 · Who it is for

People deciding in the two minutes before they leave.

Not people browsing for pleasure. The design assumes a short session, on the one hand, and a person who already owns the clothes on screen or wants a personalized shopping experience.

That assumption decided nearly everything downstream: how many taps the flow gets, how much the AI is allowed to ask, and what happens when it is wrong.

05 · What I found out, and how

6 styling and wardrobe apps benchmarked

Before drawing anything I walked six competing apps end to end and recorded, for each, how long it took to reach one decided outfit and where the flow lost me.

The pattern held across all six: every app was built for browsing, and none of them had an ending. That produced the single requirement: the rest of the design hangs off the flow; the flow must terminate.

Stated plainly: this is a competitive benchmark, not moderated user testing. The full analysis is below so you can check it.

Competitive benchmark of six styling and wardrobe apps, each scored across six criteria
Each app scored on the same six criteria — wardrobe, generation, shopping, conversation, planning and saving. The composite sits on the right.
The six, and what each one leaves open
Competitor Strength Gap Opening for Talla
WheringSocial digital wardrobe and styling app Uses clothes people already own; clear sustainability angle Feature-heavy — the social layer competes with a quick decision Make generation faster and calmer, aimed at daily confidence
AclosetAI fashion assistant and digital wardrobe Strong AI positioning and personalisation Free tier caps the wardrobe; onboarding turns into setup work Give value before the closet is fully uploaded
CladwellSmart closet and capsule wardrobe planner Excellent for capsule wardrobes and intentional buying Interface feels dated and not AI-native A premium, mobile-first AI styling experience
StylebookCloset organisation and outfit planning Comprehensive wardrobe management, one-time purchase Largely manual; little conversation or AI Use AI to remove the manual planning entirely
IndyxDigital wardrobe with human styling and resale Style-from-what-you-own philosophy, done properly Human styling costs money and takes time An always-available stylist for the everyday decision
CombyneSocial outfit creator and inspiration feed Genuinely fun, creative outfit building Inspiration and shopping outrank the real wardrobe Stay centred on the user's own clothes, not trends

What it added up to

  • 01 Digital wardrobes are table stakes — but most still demand heavy manual setup.
  • 02 AI styling is common now. Trust and explainability are not.
  • 03 Community features are popular and pull attention away from “what do I wear today”.
  • 04 Shop-your-closet and sustainability are the sharpest differentiators in the set.
  • 05 The opening is fast generation plus explainability, on the wardrobe you already own.

Whering Acloset Cladwell Stylebook Indyx Combyne

draft · the two decisions below are placeholders. Swap in the real before and after, and describe what changed.

06 · Key decisions

Where the thinking becomes visible.

Before
Before, step 1 of 4 — Who are you shopping for?
1/4 Who are you shopping for?
Before, step 2 of 4 — How would you describe your style?
2/4 How would you describe your style?
Before, step 3 of 4 — Which fits do you prefer?
3/4 Which fits do you prefer?
Before, step 4 of 4 — What colors do you wear the most?
4/4 What colors do you wear the most?
Before, end of onboarding — Ready to upgrade your style?
end Four answers later, still no outfit
The original flow asked users to answer multiple questions (occasion, weather, style, and colors) before generating an outfit. User testing showed this felt slow and created friction before users experienced the product's value.
After
One optional style question, with live weather above it
01 One question, already answered by default
AI generating at 75 percent over the outfit taking shape
02 The wait happens over the answer, not instead of it
The generated outfit with a reason, size picker and add to cart
03 The outfit, its reasoning, and one decision left · scroll
The redesigned flow generates an outfit immediately using default preferences. Users can then refine the recommendation by adjusting occasion, weather, or style. This delivers value faster while maintaining personalization.

07 · Flows and design system

A component library, not a page of screens.

Every repeated element in Talla is a component with defined states, spacing and type styles. Building the library first is what let the flow change three times without the screens falling apart.

  • ·Named tokens for colour, type and spacing, so a change happens in one place.
  • ·Every component documented with its states, not just its default.
  • ·Built to iOS conventions throughout — native controls, sheets and navigation.
Colour tokens 5 roles · 196 variables
  • Slate 900 #0F172AApp shell, header, navigation
  • Cool Grey #6B7280Secondary text, descriptions, metadata
  • Violet #7C6EE6Primary CTA, AI highlights, selected states
  • Gray 200 #E5E7EBBorders, dividers, input outlines
  • Light Grey #F1F5FDDividers only

The library itself, at real values

128 component sets and 196 variables. These are the ones the outfit flow leans on — rebuilt here from the Figma file, not screenshotted.

Type scale SF Pro · 8 styles
Header 1Semibold 32
Header 2Bold 28
Header 3Medium 24
Header 4Medium 20
Body / RegularRegular 16
Body / SmallRegular 14 · +0.25%
MicroMedium 12 · +0.5%
Button textSemibold 16 · +0.25%
Button 4 of 87 variants
Button=Primary
Add To Cart
Button=Secondary
Secondary
Button=Active / Button=Disabled
Input field 3 of 4 states
Email Place holder
sarahhammad776@gmail.com
Email Focus
sarahhammad776@gmail.com
Email Error
sarahhammad776@gmail.com
Progress 6 steps, 0 → 100%
0%
20%
40%
60%
80%
100%
Tab bar Item=Home of 5
Home Search Tools Cart Profile

The one raised control is the AI. Everything else stays flat, so the thing the app is for is never in doubt.

Product card Card=Picked
Oversize coat with wool
Oversize Coat With Wool 7700 EGP
Add To Cart

Onboarding — six questions, then it starts working

Every step is skippable and the progress bar never lies about how much is left. Answers narrow the first generation; none of them block it.

Talla onboarding step 1/6 — Who are you shopping for?
1/6 Who are you shopping for?
Talla onboarding step 3/6 — What are you shopping for today?
3/6 What are you shopping for today?
Talla onboarding step 4/6 — Which styles feel most like you?
4/6 Which styles feel most like you?
Talla onboarding step 5/6 — What colors do you wear the most?
5/6 What colors do you wear the most?
Talla onboarding step 6/6 — What's your body shape?
6/6 What's your body shape?
Talla onboarding — Ready to upgrade your style?
End Ready to upgrade your style?

08 · What I would test next

Three hypotheses I have not proven yet.

H1

Answer first beats questions first.

Test: unmoderated task in Maze, both versions, measuring time to a decided outfit and drop-off before the first suggestion.

H2

People will correct a wrong suggestion rather than abandon it.

Test: seed a deliberately poor first suggestion and watch whether people adjust, reroll, or leave.

H3

The ending is what brings people back.

Test: a short diary study over two weeks, tracking whether sessions that reached a decision predict a return.

Selected work 02 · CareNest

Helping families find trusted childcare

CareNest is a childcare marketplace that simplifies finding, comparing, and booking verified babysitters through a transparent, trustworthy, and localized experience.

Web and mobile Supported LTR and RTL {{ careContext }}
CareNest booking screen in Arabic, right to left

Role

Product & UX Designer

Research through handoff

Timeline

{{ careTimeline }}

Complete

Tools

Figma · FigJam

Annotated specs and tokens

Standard

WCAG 2.1 AA

Designed to, and checked

03 · The problem

Childcare is built on trust, but trust is hard to verify.

Parents rely on recommendations, scattered information, and manual communication before making one of their most important decisions.

CareNest puts that information on the first screen and makes the slot itself the thing you tap.

04 · Who it is for

Designed for busy families.

Working parents and single parents who need a faster, safer, and more transparent way to find childcare.

This is why CareNest puts trust first through verified profiles, transparent pricing, and simple booking.

The part worth your attention

Arabic, right to left, built to WCAG 2.1 AA.

RTL is not a mirror

Direction flips, but progress indicators, time ranges and numerals do not all flip with it. Each one was decided deliberately rather than left to the layout engine.

Contrast and targets, checked

Text contrast, focus order, target size and error messaging were designed against AA and verified, not assumed. The rules are written into the component specs.

Two scripts, one system

Arabic and English share one component library. Line heights and spacing tokens carry values for both scripts so neither reads like an afterthought.

carenest — landing page
Full CareNest landing page, top to bottom
Scroll inside the frame for the full landing page — hero, trust bar, how it works, nanny results, family stories and booking.

06 · Key decisions

Before
Before — the search-first CareNest results view with filters
Parents had to browse multiple caregiver profiles before knowing if someone was available in their area.
After
After — availability-first CareNest landing page
Users can begin their search immediately, reducing time to first meaningful action.

07 · Flows and design system

Annotated specs and tokens, handed over.

The library is the deliverable, not a by-product of it. Each component carries its states, its spacing tokens and its accessibility rules in the same place a developer would look for them.

  • ·Tokens for colour, type, spacing and radius, mirrored across both scripts.
  • ·Annotations covering focus order, target size and error text.
  • ·Every state documented — default, active, disabled, error, empty.
Typography token documentation — 46 text styles across headings, body, labels and component groups
Spacing token documentation — 13 values from 2px to 120px
Border radius token documentation — 7 values from none to full
Elevation token documentation — 6 shadow levels

Typography, spacing, radius and elevation, documented as tokens and bound to variables. Scroll the type sheet for all 46 styles.

08 · What I would test next

H1

Would AI-recommended caregivers outperform manual browsing?

A/B testing comparing the current search flow against an AI-powered recommendation flow to measure which leads to more completed bookings.

H2

If parents finding the information they need directly from caregiver cards

First-click testing to evaluate whether users can confidently select a caregiver without opening multiple profiles

H3

If parents complete a booking without confusion

Prototype usability testing using a high-fidelity Figma prototype to identify friction points before development.

Selected work 03 · Velora

Station-based bike rental for Cairo

The hard part of renting a bike is not the bike. It is knowing, before you walk anywhere, that one is waiting for you, what it costs, and how the ride ends. Velora is built around removing that uncertainty, one screen at a time.

iOS · iPhone Cairo, Egypt {{ veloraContext }}
Corniche El Nile station, with bike count, distance and the list of available bikes
Station · scroll
Scanning the QR code on the bike to unlock it
Unlock
Ride summary with distance, duration, cost breakdown and payment method
Ride summary · scroll

Role

Product & UX Designer

Flow through UI, solo

Timeline

2026

One month, solo

Tools

Figma · FigJam

Components and states

Platform

iOS

iPhone, native patterns

01 · The problem

In Cairo, the short trip is the expensive one.

Two kilometres across the city can cost more in time and money than the distance deserves. Traffic makes a ten-minute journey unpredictable, and the cheap options are not convenient while the convenient ones are not cheap.

A bike covers that distance well. What stops people using one is not the riding — it is everything around it: finding a station, trusting that a bike is there, and not knowing what the ride costs until it is over.

02 · Who it is for

People making the same trip every day, not tourists.

Students, young professionals and daily commuters moving a few kilometres at a time. They are price-sensitive, in a hurry, and often using a service like this for the first time.

That set the bar for every screen: someone who has never rented a bike before should finish the whole rental without asking anyone how it works.

03 · What the design has to answer

Six questions, each one a reason to give up.

Renting a bike is a chain of small uncertainties, and any unanswered link ends the rental — usually before it starts. I wrote them out as questions in the user's words, then decided where each one gets answered and why it belongs there.

The question Where it is answered Why there
Where is the nearest station? Map, then the station page — the distance stated as 3.4 km, with Get Direction above the list Deciding to walk comes before choosing a bike, so the direction outranks the list
Is there a bike there right now? A live count on the station page, plus an Available badge on each bike A wasted walk is the failure that loses a user permanently
What kind of bike, and will it last? All / Electric / Standard / Premium filter, with battery level and range on each bike Battery is the electric-bike form of availability — unstated, it becomes anxiety
What will this cost me? Price per hour on the bike card, and again directly above Start Ride The price has to be visible at the moment of commitment, not after the ride
How do I actually unlock it? One instruction on the scan screen, with manual code entry underneath it The unlock is the only step that can physically fail; it needs a second route
Did the ride end properly? A summary that confirms the ride ended, itemises the cost and names the card that paid An ending that is not confirmed reads as a ride still running, and still charging

04 · The journey

One rental, seven screens, no dead ends.

The flow is linear on purpose. Each screen either answers a question or takes an action, and every screen says what the next one will do.

Corniche El Nile station page with 20 bikes, 3.4 km away, rated 4.97
01StationTwenty bikes, 3.4 km, rated 4.97 — the three numbers needed before deciding to walk, stated before anything else. · scroll
Velora Urban Glide bike page with price, availability, pickup location, features and reviews
02BikePrice, availability and pickup location sit in one block, so the decision is made in a single glance. Reviews come after it, for the people who want them. · scroll
Scan Bike QR screen with the camera and a manual code fallback
03UnlockThe camera fills the screen, one line explains the task, and a manual code entry waits underneath for a scratched sticker or bad light.
The scanned bike confirmed, with price per hour and a Start Ride button
04StartThe scan lands on the same bike, now with one action. Free cancelation and pay on pick up sit under the button, where hesitation happens.
Payment screen with card, InstaPay, Vodafone and wallet options and a ride summary
05PayCard, InstaPay, Vodafone and wallet carry equal weight, because in Cairo the card is not the default. The ride summary repeats above the total. · scroll
Ride summary with route, distance, duration, average speed and an itemised cost
06SummaryDistance, duration and average speed over the route, then the charge split into unlock fee and ride cost. Nothing is left to be inferred. · scroll
Post-ride review with six rated dimensions and quick tag chips
07ReviewSix specific things to rate instead of one vague star, plus chips for the complaints people actually have. Skip is a real button, not a grey link.

05 · Three decisions worth defending

D1

Availability is answered before the walk, not after it.

The station page leads with a bike count, a distance and a rating, and every bike in the list carries its own status, price, distance and battery level. A person commits to the walk already knowing what is at the other end.

The alternative — showing the station and letting people discover availability on arrival — is cheaper to build and loses the user the first time it is wrong.

Station page with bike count, distance, rating and the available bikes list
D2

The unlock screen assumes it will sometimes fail.

Scanning is the one step that depends on the physical world: a scratched sticker, low light, a dirty lens. So the screen carries a single instruction, a frame showing exactly where to aim, and manual code entry pinned to the bottom.

It is phrased as the question the user is already asking, rather than an error the app announces after the fact.

Scan Bike QR screen with a manual code fallback
D3

Cost is never a single number.

The price per hour appears before the bike is unlocked. The summary splits the charge into unlock fee and ride cost before the total, and names the card it was taken from. The payment screen repeats distance, duration and cost above the confirm button.

Pay-as-you-go services lose trust at exactly one moment: the final number. Itemising it is the cheapest way to earn a second ride.

Ride summary with the cost split into unlock fee, ride cost and total

06 · The physical half

A station service is half hardware.

The dock, the QR plate on the frame and the station kiosk are where the app's promises are either kept or broken. The scan screen is designed around where that plate actually sits — chest height on the top tube, readable one-handed while the other hand holds the bike.

Velora hardware: the bike, the docking station, the QR plate on the frame, the station kiosk, helmet, basket and battery
Bike, dock, QR plate, kiosk and accessories. The numbered plate is what the app scans, and the bike ID it prints is the one shown on the ride summary.
The Velora app icon on an iPhone home screen next to Photos, Mail and Notes
The icon is one mark, no wordmark and no bike — it has to stay legible at 40px next to the system apps it sits beside.

07 · What informed it

Before drawing screens I benchmarked the bike-share and rental services people already use, and ran a survey on how they make short trips across Cairo. Both are still to be written up here. The screens themselves have not been put in front of users, so these are the three tests I would run first.

What I would test next.

H1

Battery level decides which bike people pick, more than price does.

Test: an unmoderated choice task with battery and price varied independently across the station list.

H2

A first-time user can unlock a bike without help.

Test: five people at a real station, no instructions, measuring where they hesitate and how many reach for the manual code.

H3

An itemised total is questioned less than a single one.

Test: two summary variants, asking people to explain what they were charged for and whether the amount feels fair.

In progress · Flyrank

Trip planning, from the research phase forward

A UX design internship at an AI startup, started June 2026. I am publishing the research as it happens rather than waiting for a finished case study.

draft · drafted. Check against what Flyrank has actually cleared for publication.

The problem with trip planning today

Planning happens in eleven tabs and ends in a notes app.

Flights in one place, stays in another, the actual itinerary written by hand somewhere neither of them can see. Every tool is good at its slice and none of them holds the plan.

The interesting question is not whether AI can draft an itinerary. It is what a person is willing to hand over, and what they insist on deciding themselves.

My part

Competitive research and survey design for the trip planning product. I build the persona pack from real respondent data and check every AI-drafted trait back against the raw transcripts before it is allowed into the pack.

Cleared for publication. Respondents are anonymised — names and ages are pseudonyms.

What I am doing right now

The artifacts, not a summary of them.

Competitor analysis

Where existing planners hand off to the user, and where the plan falls out of the product.

A live survey

Still collecting. Written to find out what people delegate and what they refuse to.

A persona pack

Built from real submissions. Every AI-drafted trait checked against the transcript it came from.

Early direction

Draft the plan, keep the edit cheap.

The direction I am arguing for is a plan the product drafts in full and the person edits in place — no wizard, no chat transcript to scroll back through. The AI's job is the first draft, not the conversation.

What comes next

Close the survey, then design against it.

Survey closes and the persona pack is finalised, then the first flows go up here alongside the research that produced them.

next → early flows, {{ flyDate }}

About

Sarah Hammad

Product & UX Designer, Cairo

I design booking, planning and scheduling products — the ones people open when they are tired and want the thing handled. I work in Arabic and English, right to left and left to right, and I tend to start with the task a person is trying to finish rather than the interface they will finish it in.

Sarah Hammad

How I got into design

I studied Business Administration. That is not the usual route into UX, and I have stopped treating it as a gap. It is the reason I ask what a product is for before I ask what it looks like, and the reason I am comfortable in the conversation where a design decision has to survive someone else's constraints.

The design part I learned by doing it, project by project, and by writing down what went wrong each time.

What I am still learning

I care more about whether it works than whether it wins an award.

Which is a nice line, and also the thing I have to keep proving. The honest gap right now is moderated user testing — I have run heuristic evaluations and surveys, and I have not yet sat behind enough people using the thing. That is the next skill I am closing.

What I am good at

  • Research

    Competitive benchmarking, survey design, heuristic evaluation.

  • Information architecture

    Task analysis, flow reduction, getting the sequence right before the screen.

  • Prototyping

    Clickable Figma prototypes that behave enough to be argued with.

  • Design systems

    Component libraries with documented states, tokens and annotated specs.

  • RTL and accessibility

    Arabic interfaces designed to WCAG 2.1 AA, with the rules written into the specs.

  • Working with AI

    Useful for a first draft. Every AI-drafted output gets checked against the source before it counts.

Tools

Figma · FigJam · Maze

Languages

Arabic, native · English, professional

Contact

Looking for Product or UX Designer roles.

Remote, hybrid, or on site. Open to relocation. If the brief involves booking, planning or scheduling — or an Arabic interface that has to actually work — I would like to hear about it.

Book a 30 minute call

I read every message. The fastest reply is by email or WhatsApp.

Cairo, EG · GMT+2

Contact me

Send me a message

{{ errorSummary }}

Sending your message…

Message sent. I reply from sarahhammad776@gmail.com, usually within two days.

That did not send. Email sarahhammad776@gmail.com directly and it will reach me.

Goes straight to my inbox.