Sehati
Research and competitor audit
We interviewed and surveyed potential users, grouped what we heard in affinity diagrams, and audited seven local and global apps (Hakimi, Dwaa, Talabat Pharmacy, Drug Center, iHerb, Tebcan and Altibbi) on navigation, booking, ordering medicine and consultations.
Key insight: no single app did booking, pharmacy and trustworthy advice well. Each strong product was missing the other two, so users kept switching apps.
Persona and needs
We synthesised the research into one primary persona, Ramzi, a busy professional who uses his phone for almost everything and abandons any flow that is confusing or slow.
- Book a trusted doctor quickly, without long waits.
- Get reliable answers from an AI assistant at any time.
- Order medicine with clear prices.
- Trust that medical data is private and secure.
Flows and wireframes
Using Crazy Eights we sketched many directions quickly, then prioritised features for accessibility, trust and speed. We mapped the user flow and site map so every core task starts from the home screen.
- Book a doctor7 screens
- Doctor page
- Confirm booking
- Rate
- My appointments
- History
- Reschedule
- Cancel
- Doctor page
- Online consultation5 screens
- Doctor page
- Consultation
- Rate
- My consultations
- History
- Doctor page
- AI chat2 screens
- Previous chats
- Chat
- Store4 screens
- Item page
- Cart
- Checkout
- Rate
- Profile & settings9 screens
- Edit profile
- Security
- Notifications
- Subscriptions & payments
- Payment methods
- Billing history
- Upgrade plan
- Help & support
- About us
- Start
- End
- Screen
- System action
- Decision
Sign in
- Start: Start
- Decision: Have an account?
- Yes: email and password
- No: register with email, username and phone
- Or continue with Google
- Decision: Valid?
- No: edit and try again
- Yes
- End: Home
Book a doctor
- Start: Search for a doctor
- Screen: Select a doctor
- Screen: Choose a date and time
- Decision: Time available?
- No: join the waiting list, pick another time or doctor
- Yes
- Screen: Confirm booking
- End: Rate the service and the doctor
Order from the pharmacy
- Start: Search for an item
- Decision: Right item?
- No: keep shopping
- Yes: add to cart
- Screen: Checkout: delivery address
- Decision: Payment method
- Saved card
- New card, validated
- Screen: Order confirmation
- End: Delivery, then rate
Ask the AI assistant
- Start: Type or speak a question
- Screen: The answer appears
- Decision: Next?
- Ask a follow-up
- Save to profile with a title
- Back to Home
- End: End
Online consultation
- Start: Search and select a doctor
- Decision: Active subscription?
- No: pay or start the free trial
- Yes
- Screen: Start the consultation
- End: Rate the doctor
Design system and UI
We built a small design system in a calm medical blue with generous white space, then designed the high-fidelity screens. Ratings, years of experience and patient count sit on every doctor card to build trust before anyone books.
From Figma Built with Figma colour and text styles. Read from the Sehati Figma file: 40 colour styles in four families, 27 text styles and two extra colour variables.
The system in use
Colour
Contrast is calculated against white or the darkest ink, whichever is higher. Click a swatch to copy its hex.
Primary: medical blue
Secondary: sky
Type and background
Extras
Typefaces
- Public SansLight, Medium and Bold for every size
Type scale
- H1 · 58 · 700Design people understand
- H2 · 50 · 700Design people understand
- H3 · 40 · 500Design people understand
- H4 · 32 · 500Design people understand
- H5 · 24 · 500Design people understand
- H6 · 20 · 500Design people understand
- Body · 16 · 400Design people understand
- Small · 14 · 400Design people understand
- XSmall · 12 · 400Design people understand
Line height 120% across the scale.
Home: four services Doctors by speciality Doctor profile Pick a slot
Pharmacy Cart My bookings Chat with a doctor
Usability test plan
We planned remote sessions with five realistic tasks and evaluated every screen against Nielsen’s 10 heuristics, tracking time on task, success rate, confusion points and a post-test survey on ease and trust.
- Book a cardiologist on a given date.
- Ask the AI assistant a medical question.
- Buy Vitamin C from the pharmacy.
- Open a doctor’s profile and read reviews.
- Switch between consultation, booking and pharmacy.
Prototype: booking a doctor
The live prototype from our Figma file, from sign-in to the last screen: log in (or register, or recover a password), then book a doctor, order from the pharmacy, ask the AI and manage your bookings.
Prefer a quick look? Below are the key screens, one at a time, with notes.
Tap through the main flow from the team’s Figma prototype. Long screens scroll inside the phone, just like the real app.
1 / 10 Sign in
Tap the screen, swipe, or use ← → to move through the flow.
Reflection
Healthcare UX is about trust before beauty. Showing a doctor’s rating, experience and clear prices did more for confidence than any visual polish. Next, I would test the AI assistant’s wording with real patients and add Arabic-first screens.
