Skip to content
/
  • Work01
  • About02
  • Contact03
Download CVPDF · 2 pages
  • LinkedIn (opens in a new tab)
  • Behance (opens in a new tab)
  • Dribbble (opens in a new tab)
  • GitHub (opens in a new tab)
  • Instagram (opens in a new tab)

Ahmed Hassan · Portfolio ©2026

عربي
WorkAboutContact↗
عربيCV

Got a product in mind?

LLeett''ss  mmaakkeeiitt  rreeaall..

Say helloSSaayy  hheelllloo↗
© 2019–2026 Ahmed Hassan·Back to top ↑
ConsultationTriage00:00★★★★★
← All work

Mobile app · Healthcare · 2025

ORBS

A bilingual telehealth app for ORBS in Riyadh: patients reach an emergency consultant on a video call, and doctors take, write up and follow up on every consultation.

Client
ORBS, Riyadh
Role
Research & UI design
Scope
Mobile app, patient & doctor
Tools
Figma
  • UX research
  • UI design

Overview

Most emergencies need a doctor, not a hospital. ORBS puts an emergency consultant on a video call at any hour, and needed one app for both ends of that call: the worried patient, and the doctor answering.

The ORBS app on three phones: the home screen in English and in Arabic, and a video call

01Research

Research

ORBS is a Riyadh medical company, licensed by the Saudi Ministry of Health, that runs remote emergency care: adult and paediatric emergency consultants available around the clock, for everything that doesn't need a trip to hospital, from fevers and infections to infant colic and high blood pressure.

That's two people with very different jobs on one call. The patient, often a parent, needs to reach a doctor fast and know what it costs before anything happens. The doctor needs to know who they're about to see. I mapped both journeys end to end, from the splash screen to logging out. They share sign-up, verification and settings, then split: the patient requests a consultation, answers the triage questions, pays and joins the call; the doctor accepts it, reads the patient's history, writes the consultation and any follow-up.

Journeys, patient and doctor
2
Emergency consultants on call
24/7
Versions of every screen
4

Sources: About ORBS (opens in a new tab)

The patient and doctor user journeys, every screen and branch from the splash screen to logout
The two journeys: one shared front door, then the patient's path to a call and the doctor's path to a written consultation.

Two months
journeys to handoff

Both apps ran side by side, so every decision on the patient's side was checked against the doctor's.

  1. Week 01Discovery
    • ORBS's services
    • Patient and doctor roles
  2. Week 02User journeys
    • Patient journey
    • Doctor journey
  3. Week 03Patient wireframes
    • 46 patient screens
    • Triage and payment flow
  4. Week 04Doctor wireframes
    • 42 doctor screens
    • Accept, write, follow up
  5. Week 05Visual language
    • Colour, type and components
    • Light mode
  6. Week 06High fidelity
    • Every screen and state
    • Dark mode
  7. Week 07Arabic
    • Right-to-left layouts
    • Arabic, light and dark
  8. Week 08Handoff
    • Suggested features
    • Dev-ready files

In an emergency, every extra screen is a wait. The shortest way to a doctor is the product.

From wireframe to final

Every flow was settled in grey first, both sides of the call, before a single colour. Drag across the phone to see what each screen became.

Home, final design
Home, wireframe
Triage, final design
Triage, wireframe
Price, final design
Price, wireframe
The call, final design
The call, wireframe
Rating, final design
Rating, wireframe
Consultation, final design
Consultation, wireframe
‹›WireframeFinal

02Design

Designed in Figma

The app wears ORBS's own colours: an electric cyan for everything you can act on, against near-black, with the brand's brushstrokes moving through the cards. The home screen leads with one thing, a button to request a consultation now, with your consultations and follow-ups counted underneath.

The path to a doctor is short and honest. Triage questions come first, so the consultant knows what they're walking into before the call connects, and the price, 50 SAR, is confirmed before anything is charged through the Noon payment gateway. The call itself keeps everything under a thumb: camera, microphone, chat and hang up. Afterwards the patient rates the doctor, and every consultation, its write-up and its follow-ups stay in one history.

On the other end, the doctor's app opens on the consultations waiting to be accepted, with the patient's history one tap away and a write-up and follow-up form for when the call ends. Every screen exists four times: light and dark, English and Arabic, with the Arabic mirrored right to left rather than translated in place.

The patient app

  • The Splash page on a phone

    Splash

  • The Onboarding page on a phone

    Onboarding

  • The Home page on a phone

    Home

  • The Triage page on a phone

    Triage

  • The Price page on a phone

    Price

  • The The call page on a phone

    The call

  • The Rating page on a phone

    Rating

  • The Consultations page on a phone

    Consultations

  • The Consultation page on a phone

    Consultation

  • The Doctors page on a phone

    Doctors

  • The Doctor page on a phone

    Doctor

Light, dark, English, Arabic

  • The Home, dark page on a phone

    Home, dark

  • The Home, Arabic page on a phone

    Home, Arabic

  • The Home, Arabic dark page on a phone

    Home, Arabic dark

  • The Triage, dark page on a phone

    Triage, dark

  • The The call, dark page on a phone

    The call, dark

  • The The call, Arabic page on a phone

    The call, Arabic

The doctor app

  • The Home page on a phone

    Home

  • The Waiting page on a phone

    Waiting

  • The Consultations page on a phone

    Consultations

03Design

Two clickable prototypes

Both sides of the call were wired into clickable prototypes, so ORBS could tap through each journey on a phone before a line of code was written. The patient's runs in Arabic, in light mode, from the splash screen through triage, payment and the call to rating the doctor. The doctor's runs in English, in dark mode, from signing in to accepting a consultation and writing it up.

Prototypes, patient and doctor
2
Screens linked
91
Interactions wired
246
Patient prototypeArabic · light mode · 48 screens · 143 interactions
Home
Triage questions
Noon payment
Waiting room
On call
Rate your doctor
Doctor prototypeEnglish · dark mode · 43 screens · 103 interactions
Home
Accept consultations
On call
Patient profile
Patient's consultations

04Research

Beyond the brief

The handoff came with three suggestions for what's next, each from a gap in the journeys. Categories, so doctors can list themselves under a speciality and patients can choose from each. Medical articles, to give patients a reason to open the app between emergencies and add to its credibility. And a minimal shop, so a patient can buy the medicine they were just prescribed without leaving the app.

Handed over

Two months after the first journey map, ORBS had both apps designed end to end, every screen and state in light and dark, English and Arabic, ready for development.

  • 01348High-fidelity screens
  • 0288Wireframes, patient and doctor
  • 034Versions of every screen
  • 042Months, journeys to handoff

Design both ends of the call. The patient's answers are the doctor's first read.

Keep
exploring

All work→
  • Anubis

    Mobile app · Martial arts · 2025

    • UX research
    • UI design
  • FinSync

    Landing page · Fintech · 2025

    • UX research
    • UI design

    Case study soon

  • Beltone Mortgage

    Mobile app · Fintech · 2024

    • UX research
    • UI design

    Case study soon