Medicare

Web service interface designed for scheduling online appointments between a doctor and a patient.

Year

2024

Client

Go IT Workshops

Project Type

UX Case Study / Team project

Role

Lead UX/UI Designer

Green translucent leaves with a heart and heartbeat line logo and text reading Medicare Your Healt Partner on a light background.

Project Overview

About Project

For the past 40 years, doctors have spent most of their working time filling out consultation reports, which is a significant cost for medical facilities worldwide. Medicare allow the doctor to review the patient's medical history, schedule appointments with the patient in the calendar, and conduct online conversations between the doctor and the patient. Imagine that using video call technologies and speech recognition, it is possible to contact a patient through web service, and during the conversation, the service recognizes what the doctor and patient are saying and fills out the report for the doctor.

Objective

Design a visual interface for a telemedicine system that includes a list of upcoming scheduled calls displaying the patient’s last name, date, time, and allocated duration; a section for the decrypted doctor–patient dialogue that may include untranslated words or flagged irregularities; a video area showing the connected patient; and an automatically generated report summarizing the current call.

My Role/Responsibilities

UI Designer
UX design
Design system management

Project Stages

User Experience Design

We analyzed the market to identify existing products in this field, conducting a comparative study of five competitors to uncover their key strengths and weaknesses. Based on these insights, we developed detailed User Personas—a qualitative research approach aimed at representing potential users through realistic profiles that capture their goals, behaviors, and needs.

Team Brainstrom

The UX design process starts with brainstorming ideas to solve user needs and improve usability. Key tasks are then organized and prioritized based on importance and impact, ensuring the most valuable features are designed first for a clear, user-focused experience.

A 2x2 impact-effort matrix with quadrants labeled by ease of doing and impact: Fast and easy (easy to make), Important projects (hard to do but important), We will do it when we have time (easy to do, small impact), and Ouch, better leave it for later (hard to do, small impact), each containing sticky notes detailing project tasks and descriptions.
User Personas

The user wants to be able to create an account and manage their data. He want to use filtering based on appointment availability. He also want to search for doctors based on specialization and years of experience.

User personas of Steven, a 65-year-old retired teacher from Finland with chronic illness, and Nina, a 42-year-old seller from Finland who is a mother of two, detailing their goals and needs for medical assistance and scheduling.
The Structure

We focused on organizing content into a clear and logical hierarchy. The goal was to make navigation intuitive, ensuring users can quickly find what they need. We mapped out main sections, subpages, and user flows to create a seamless and engaging browsing experience.

Flowchart diagram illustrating the structure of a healthcare website, showing user pathways from homepage to booking appointments, emergency services, digital clinic, and dashboards for clinic workers and clients with detailed navigation elements.
Customer Journey

We analyzed each stage of the user’s interaction with the product — from first contact to final engagement. This helped identify pain points, motivations, and opportunities to improve the overall experience, ensuring every step feels smooth, intuitive, and meaningful.

Flowchart showing a Medicare user journey from opening website to booking an appointment or emergency help, including decision points and filtering options.
Design System

For the design system, we selected an existing framework and adapted it to match our key visual style. This approach ensured consistency across all components while allowing flexibility to reflect our brand’s unique identity and aesthetic.

UI design system interface showing color swatches in mint green, candy red, navy grey, black and white, and multiple interface components such as buttons, calendars, tables, sliders, and data display screens.
Wireframes
Six mobile screens displaying a Medicare health app user interface with options for booking appointments, emergency services, digital clinic access, vaccination info, FAQs, and customer satisfaction details.

Final User Interface Design

Medicare UI
Medicare health service homepage featuring doctor images, service navigation, customer satisfaction info, and contact details.
Medicare health service homepage with doctor image, navigation menu, popular services, customer satisfaction section, FAQs, and footer with contact info and app download links.
Clients Dashboard
Medicare appointment dashboard displaying a calendar for January 2023, scheduled appointments with dentists, chiropractors, physiotherapists, and dermatologists, appointment history with doctors and their specializations, and detailed medical diagnosis including complaint, past medical history, medication, and vital signs for a dermatologist appointment on January 14.
Medicare health dashboard showing user profile, platinum membership, health management options, billing summary, automatic payments with credit card image, insurance connection, and customer support.
Medicare appointment dashboard displaying a calendar for January 2023, scheduled appointments with dentists, chiropractors, physiotherapists, and dermatologists, appointment history with doctors and their specializations, and detailed medical diagnosis including complaint, past medical history, medication, and vital signs for a dermatologist appointment on January 14.
Medical appointments dashboard showing a January 2023 calendar with selected date, list of appointments with times and locations, appointment details for dental care, a video chat window with a smiling man waving, and past appointment history.
Video call screen showing a dermatologist appointment with Dr. Mark Lauren and a patient waving, alongside a chat sidebar with meeting messages.
Collage of nine smartphones displaying various screens of a Medicare health app, including login, appointment booking, popular services, doctor profiles, and video call interface.

Project status

Project is live!

Please visit the nearest store of Max or Lifestyle in order to use the application. The application can be accessed by scanning the QR code placed inside the stores.