Back
Case Study / Click Drs.

Welcome To Click Drs.

Telemedicine App - Click Drs.

A Smarter GDPR Compliant Telemedicine App

Providing Care Across Borders In A Click

Click Drs. is a GDPR compliant telemedicine application having a dual platform, country-specific (the UK in this case) as well as Public Platform (global) allowing
users to connect to healthcare providers. The app allows users to book appointments with doctors based on the platform they are on.

Patients can search for doctors based on current location and selected specialty and can book an instant or scheduled type of appointment. Modes of
consultation are Video call, Audio call, and Chat. Whereas, Doctors can manage their schedules, write ePrescriptions and clinical notes, and also
prescribe lab tests based on the patient’s medical history. Payments and refunds are managed within the system.

the-need

The Need

Healthcare organizations and hospitals around the world vie to give the flexibility to care providers often seeking to deliver care online by arming them with the telemedicine app platform. But the agility to extend their high-quality, multidisciplinary medical specialism limits locally and helps them to meet the needs of only local population.

Flagging it like a mission, the team of Click Drs. in technical partnership with Codiant aimed to provide an opportunity to local healthcare providers to serve and extend their medical specialties to the undeserving and vexed population across geographical boundaries as an added capability by planning a robust telemedicine app development having toggles to operate on a public platform and UK (country-specific platform) as well.

Client Goals

As the world braces for public health emergencies such as COVID-19, developing a
telemedicine app solution to combat viruses and other acute/chronic diseases has
become crucial. Identifying the emergent need, our client aimed to keep pace with
modern technology and develop a solution that meets the following goals:

  • Appointment booking (Instant/normal)
  • Subscription plans (For self or dependents)
  • Multiple communication mode (Video/audio/chat)
  • Multiple payment gateways: wallet, pay by card.
  • Multilingual: english, arabic, and urdu.
client-goals

Wireframes

After understanding the features and flow of the app, our team of UX designers created a detailed wireframe of the app for both iOS and Android app platforms for four stakeholders i.e. Admin, Practice (in UK platform only), Doctor and Patient.

This app prototype helped our UI designers to beautify the app by integrating the UI effects as per the user’s mental model and expectations. On the other hand, this also assisted the developers to comprehend the UX and connect with the structure of the app flow.

telemedicine app wireframes

Branding

In parallel with the development of Wireframes, our crew of brand strategists and creative designers started working on the visual design of the brand.
Our in-depth experience in the telemedicine industry and directives from the client helped us comprehend the environment and
peculiarities of Click Drs.

That said, we created a visual design of the brand image by defining its logo design, choice of the color palette, style direction, typography after testing it in
different sizes and environments. Here is the brand identity.

happy
plus
health
equal
happy

Click Drs. had a strong message underlining the correlation of happiness and health.
We got that message across- through the smart intersection of logo elements illustrating happiness and health.

Color
taxiapp-uk-color-design

While we used soft color tones and the tints of black to create a custom design,
we’ve also added a dash of health-centric colors to incorporate a little good health.

Typography
taxiapp-uk-typography-desgin

To grab attention right away, we’ve balanced the design using Barlow fonts that
pairs a touch of corporate class. Keeping it sophisticated yet fresh.

Click Drs.

High Fidelity Prototype

As we got the go-ahead for the wireframes by our client, our interaction designers were tasked with laying out the interactions of the product. They created interactive high fidelity prototypes that encompassed a wide range of design elements such as aesthetics, motion, words, visual representations, and behavior. Here is how the overall UX and UI design of the product looked like.

Development

Our development team headed the process by developing the telemedicine app for stakeholders like Doctor, Patients, and Admin for
Public Platform and UK Platform. Below given are the functionalities incorporated to make the healthcare app a bandwagon to
support remote patient monitoring and online virtual consultation.

01

Easy Onboarding

Easy sign-up/log in through email and mobile number

02

Profile Management

User can manage profile by updating personal details (name, location, contact, etc.)

03

Dependents Management

User can add/delete/update dependents and their details.

04

Search Doctors

Users can search for doctors, apply filters, view lists of doctors.

05

View Doctor Details

Users can see doctors' profiles, available slots, ratings/reviews, and consultation fees.

06

Book Doctors

Users can book appointments with Doctors, add additional details and medical records.

07

Instant Doctor Booking

Patients can immediately see to a doctor by selecting instant booking.

08

Select Interface

Users can set the preferred mode of communication i.e. Audio/video/chat with Doctor.

09

View Appointments

Users can view past and upcoming appointments, cancel or reschedule appointments.

10

Rating and Reviews

Leave ratings and reviews to Doctor’s Profile post online check-up.

11

Medical Records

Upload and manage medical records in .pdf, .txt, .doc, .jpg/.png format.

12

Lab Test

Easy viewing of lab tests, prescription list, clinical notes in the past appointments.

13

Online Payment

Users can pay via mWallet or credit/debit card.

14

Notifications

Users will receive notifications and alerts via email, SMS, and push notifications.

01

Easy Onboarding

Doctors can easily log in and log out through email/mobile number.

02

Create Schedule

Doctors can create instant and normal schedules, select date range, start and end time and appointment duration.

03

Manage Schedule

Doctors can view, edit and delete schedules.

04

Dashboard

Insightful view of appointments in chronological order and graph view.

05

View Appointments

View all upcoming and past appointments details, patients’ info, and take actions.

06

Calling

Doctors can do video or audio calling with patients.

07

LIVE Chat

Doctors can chat and send attachments in image, doc, txt, or pdf format.

08

Notifications

Doctors will receive notifications through email, SMS and dashboard.

09

Prescription

Ability to view and write the online prescription, lab tests and make clinical notes.

10

Medical History

Doctors can view patient-specific medical history.

01

Easy Onboarding

Easy sign-up/log in through email and mobile number.

02

Profile Management

User can create and manage profile by updating personal details (name, location, contact info, etc.)

03

Add Clinic

Users can select multiple clinic details while creating a profile.

04

Dependents Management

Users can add/delete/update dependents and their medical records with details.

05

Book Appointments

Users can book an appointment for self or family or any dependent.

06

Normal/Instant Booking

Users have the ability to select between normal and instant booking.

07

Search Doctors

After selecting the practice/clinic users can view a list of doctors, and book appointments.

08

View Doctor Details

Users can see doctors profile, specialties, available slots, ratings/review

09

Book Doctors

Users can book appointments with Doctors, add additional details, and medical records.

10

View Appointments

Users can view past and upcoming appointments, cancel or reschedule appointments.

11

Rating and Reviews

Leave ratings and reviews to Doctor’s Profile post online check-up.

12

Medical Records

Upload and manage medical records in .pdf, .txt, .doc, .jpg/,png format.

13

Notifications

Users will receive notifications for crucial events like appointment cancelled/message received, etc.

01

Signup/Login

Doctors can easily login through mobile number and email id

02

Create Schedule

Doctors can create instant and normal schedules, select date range, start and end time and appointment duration.

03

Manage Schedule

Doctors can view, edit and delete schedules for normal clinic booking as well as for public platform.

04

Dashboard

Insightful view of appointments in chronological order and graph view week/monthly wise.

05

View Appointments

View all upcoming and past appointments details, search by keywords, view patients’ info, and start a call.

06

Calling

Doctors can do video or audio calling with patients.

07

LIVE Chat

Doctors can chat and send attachments in image, doc, txt, or pdf format.

08

Notifications

Doctors will receive notifications through email, SMS and dashboard.

09

Prescription

Ability to view and write online prescriptions, lab tests and make clinical notes.

10

Medical History

Doctors can view patient-specific medical history.

11

Switch Roles

Doctors can apply for a public platform other than clinic/practice.

01

Signup/Login

Admin can log in through email and password.

02

Dashboard

Admin can take an all-inclusive view of total no. of appointments, practices, doctors, and patients.

03

Manage Doctors

Admin can add doctors, manage existing doctors and new doctor requests.

04

Manage Patients

Admin can add/update/manage patients.

05

Manage Specialties

Admin can add/update/manage different types of medical specialties.

06

Multilingual

The app is multilingual with languages like English, Arabic and Urdu.

07

Manage Company

Admin can add a new company, no. of employees, view transactions and check its status.

08

Manage On—Duty Doctor

Admin can select a date on the calendar and view doctors’ on-duty, view their details and manage their schedule.

09

Lab Test

Admin can add/update/manage different types of medical lab tests.

10

Transaction Status

Admin can manage transactions, search them by transaction id, date and patient name.

11

Manage CMS

Admin has full capacity to manage both the app platforms that is a public platform and a UK platform.

12

Manage Subscription

Admin can manage subscription plans of family and individuals.

13

Logout

Admin can change the password when/if required and successfully logout.

Technology Stack

Telemedicine mobile app

The Results

Click Drs. is established as an independent telemedicine platform in the UK that is empowering care providers and hospitals to extend their healthcare offerings both nationally as well as internationally via online remote consultation or virtual care to communicate with the patients remotely. Now Doctors and Physicians enrolled as a part of Click Drs. can respond expediently during a crisis. “We did this for them. We can do it for you.” Reach us out.

Next Case Study

Brilliant Move