Durom's Touch Clinic (DTC)

Bridging the gap between patients and their doctor through

a seamless, trustworthy telemedicine experience.

Bridging the gap between patients and their doctor

through a seamless, trustworthy telemedicine experience.

Live site

In Development

The Context

Durom's Touch Clinic needed a digital platform that made healthcare access simple and trustworthy for real patients.

DTC is a web-based telemedicine platform designed to let patients register, book appointments, upload medical information, and receive feedback from their doctor online. I was brought on as the UI/UX designer to design the complete experience, covering both the patient-facing interface and the doctor's dashboard, across mobile and desktop.

The Problem

There was no seamless digital experience that made telemedicine feel secure and easy for everyday patients.

Healthcare platforms are often complex, clinical, and intimidating, especially for patients who are not technically confident. DTC needed an interface that simplified every step: registration, payment, appointment booking, and medical file sharing, without sacrificing the trust and clarity a healthcare platform demands.

Client

DTC

Year

2026

Duration

2 Months

Type

Clinic Management

Industry

Healthcare

Scope

UI/UX
Wireframe
Digital Design
Design System

The Objectives

Design and deliver a simple, clean, and trustworthy telemedicine platform for DTC that any patient can confidently use, with a focus on clarity, security, and real-world usability.

This involved a full UX design thinking process: deep user research, synthesis, user personas, journey mapping, user flows, design system creation, and high-fidelity screens for all 7 core flows of the platform across both mobile and desktop.

The Approach

  1. EMPATHISE

2. DEFINE

3. IDEATE

4. DESIGN

5. TEST

  1. EMPATHISE

2

3

4

5

I started by understanding what made patients hesitant to trust a digital healthcare platform.

  1. What made online medical platforms feel unsafe or confusing?

  2. What did patients need to feel confident booking and paying online?

  3. What did a doctor need to efficiently manage and respond to patients?



  1. What made online medical platforms feel unsafe or confusing?

  2. What did patients need to feel confident booking and paying online?

  3. What did a doctor need to efficiently manage and respond to patients?

I ran research across multiple touchpoints to build real empathy.


I ran research across multiple touchpoints to build real empathy.

  1. Studied existing platforms, Babylon Health, Teladoc, and local telehealth services.

  2. Reviewed user feedback and complaints about healthcare app usability online.

  3. Mapped out the friction points in typical patient registration and booking flows.

1

2. DEFINE

3

4

5

I translated research into clear product requirements across three perspectives.

  1. What did patients need to feel safe and confident using the platform?

  2. What did DTC need to build credibility and retain patients?

  3. What did the technical scope demand from a UI perspective?

Core Design Problem Statement

Patients need a telemedicine platform that makes registration, payment, appointment booking, and medical file sharing feel secure and effortless — so that seeking healthcare online feels as trustworthy as walking into a clinic.

1

2

3. IDEATE

4

5

I mapped out complete user flows for both the patient and doctor before designing any screen.

  1. What was the shortest, most confident path from landing page to booked appointment?

  2. How do the patient app and doctor dashboard complement each other?

  3. Where were the highest-risk drop-off points in each flow?


  1. What was the shortest, most confident path from landing page to booked appointment?

  2. How do the patient app and doctor dashboard complement each other?

  3. Where were the highest-risk drop-off points in each flow.

I generated concepts for both the patient experience and the doctor dashboard.

  1. Prioritized the registration and booking flow, the most critical patient journey.

  2. Designed the doctor dashboard for speed, every key action within two taps.

  3. Considered empty, loading, error, and success states throughout both surfaces.

1

2

3

4. DESIGN

5

I built a design system first, then designed every screen with full consistency.

  1. Reviewed the pre-defined colour palette for accessibility and contrast compliance.

  2. Built reusable components — buttons, inputs, cards, modals, alerts, form states.

  3. Maintained a mobile-first approach with intentional desktop layouts for every screen.

I delivered high-fidelity designs across all 7 core flows of the platform.

  1. Landing page, registration & payment, login, patient dashboard, doctor dashboard, appointment booking, file upload

  2. All 4 UI states designed consistently — loading, success, error, and empty

  3. Both mobile and desktop versions designed intentionally for all screens

From the start, there were layers of complexity to navigate, designing a telemedicine platform from scratch while making it feel safe, simple, and trustworthy for patients who were not necessarily comfortable with technology. It was a real challenge to balance the needs of two very different users in the same system, figuring out how the patient experience and the doctor dashboard could each feel purpose-built without becoming two entirely separate products.


Throughout the project, I went through multiple wireframe iterations and had extensive conversations with the DTC team about the nuances of each flow, from patient registration and payment to appointment booking and medical file uploads. On top of that, the UI was designed to feel calm and reassuring, so patients could focus on their health, not on figuring out how the platform works.

From the start, there were layers of complexity to navigate, designing a telemedicine platform from scratch while making it feel safe, simple, and trustworthy for patients who were not necessarily comfortable with technology. It was a real challenge to balance the needs of two very different users in the same system, figuring out how the patient experience and the doctor dashboard could each feel purpose-built without becoming two entirely separate products.


Throughout the project, I went through multiple wireframe iterations and had extensive conversations with the DTC team about the nuances of each flow, from patient registration and payment to appointment booking and medical file uploads. On top of that, the UI was designed to feel calm and reassuring, so patients could focus on their health, not on figuring out how the platform works.

"Sodiq delivered beyond our expectations. He understood both our patients and our clinical workflow from the start, and translated that into a platform that felt intuitive, trustworthy, and ready to build. A truly exceptional design partner."

"Sodiq delivered beyond our expectations. He understood both our patients and our clinical workflow from the start, and translated that into a platform that felt intuitive, trustworthy, and ready to build. A truly exceptional design partner."

Dr. Stephen

Founder, Durom’s Touch Clinic

1

2

3

4

5. TEST

I validated the designs through usability testing with users matching both personas.

  1. Shared the interactive prototype with patients and a clinical reviewer.

  2. Observed how users navigated from the landing page to a confirmed appointment.

  3. Focused test sessions on registration, file upload, and appointment booking.

I gathered feedback and iterated on the most friction-heavy moments.

  1. Identified where patients hesitated or lost confidence during the flow.

  2. Used findings to refine payment reassurance, upload guidance, and confirmation screens.

  3. Confirmed that the step-by-step registration felt manageable and trustworthy.

What Tested Well

  1. Landing page clearly communicated what DTC offered and who it was for.

  2. Step-by-step registration with progress indicator reduced user anxiety.

  3. Booking confirmation screen gave patients immediate reassurance.

What Needed Iteration

  1. Passport upload step needed clearer guidance on accepted file formats.

  2. Doctor dashboard patient list needed stronger visual hierarchy for unread cases.

  3. Vital signs form needed inline tooltips explaining each field for non-clinical users.

Final Improvements Made

  1. Added file format guidance and size limit label to the upload component.

  2. Introduced an unread badge and priority tag on the doctor’s patient list.

  3. Added contextual tooltips to all vital signs input fields.


  1. Added file format guidance and size limit label to the upload component.

  2. Introduced an unread badge and priority tag on the doctor’s patient list.

  3. Added contextual tooltips to all vital signs input fields.

Outcome Confirmed

  1. All test users completed the booking flow without dropping off.

  2. Patients described the platform as “safe-looking” and “easy to follow”.

  3. Dr Stephen confirmed the dashboard gave him everything he needed in one view.

I delivered a complete, developer-ready telemedicine platform that covers every patient and doctor flow across both mobile and desktop. Seven core flows were fully designed across the patient and doctor experiences, giving each side of the platform a clear and connected path from start to finish.


The platform was delivered across two user surfaces: a patient app and a doctor dashboard. Four UI states, namely loading, success, error, and empty, were applied consistently throughout, so the experience stays predictable and reliable at every step and developers have clear guidance for building it.

I delivered a complete, developer-ready telemedicine platform that covers every patient and doctor flow across both mobile and desktop. Seven core flows were fully designed across the patient and doctor experiences, giving each side of the platform a clear and connected path from start to finish.


The platform was delivered across two user surfaces: a patient app and a doctor dashboard. Four UI states, namely loading, success, error, and empty, were applied consistently throughout, so the experience stays predictable and reliable at every step and developers have clear guidance for building it.

More work this way

More work this way

See all works

DeCo

AI

Web3

DeFi

Bridge the gap between complex on-chain data and effortless trade execution through a secure, AI-driven chat interface.

Bridge the gap between complex on-chain data and effortless trade execution through a secure, AI-driven chat interface.



View project

RMC Portal

EdTech

School Management System

Giving students, parents, and staff a single, secure home for results, fees, and school records, so nothing gets lost between the classroom and the front office.

View project

Let’s work together

arilewolasodiq@gmail.com

+234 703 666 1092

Socials

Others

Upwork

Contra

2026 Arilewola Sodiq. All rights reserved.

Let’s work together

arilewolasodiq@gmail.com

+234 703 666 1092

Socials

LinkedIn

X (Twitter)

TikTok

Instagram

Others

Upwork

Contra

2026 Arilewola Sodiq. All rights reserved.

Let’s work together

arilewolasodiq@gmail.com

+234 703 666 1092

Socials

Others

Upwork

Contra

2026 Arilewola Sodiq. All rights reserved.

Create a free website with Framer, the website builder loved by startups, designers and agencies.