Back to Portfolio

Medical Appointment Booking Platform

A patient-focused booking platform designed to simplify appointment scheduling through real-time availability, a clear flow, and a frictionless interface.

Role

Lead Front-End Developer & UI/UX Designer

Year

2025

Next.jsAPI IntegrationAuthenticationDatabase IntegrationState Management
Cura booking platform preview

Project Overview

Cura is a medical appointment booking platform designed to simplify how patients find and schedule care. The product focuses on reducing friction by combining doctor discovery, real-time availability, and a structured booking flow into a single, seamless experience. Instead of navigating multiple steps across different screens, users can move from searching for a provider to confirming an appointment in a clear and predictable flow.

Problem

Booking medical appointments is often more complicated than it needs to be. Users are frequently faced with unclear availability, fragmented flows, and too many steps before confirming a booking. Many platforms also fail to build trust through their interface, making the experience feel uncertain or stressful, especially when users are trying to access care quickly.

Goals

The goal was to design a booking experience that feels simple, reliable, and easy to complete, especially on mobile devices.

  • Reduce friction between finding a doctor and confirming an appointment
  • Clearly present real-time availability so users can make quick decisions
  • Create a calm and trustworthy interface through clean visual design
  • Support authentication and persistent data without interrupting the flow

Research

I focused on how users approach booking healthcare and what slows them down during the process. Most decisions come down to three questions: who is available, when can I book, and how quickly can I complete this. This led to prioritizing availability, clarity, and speed over feature-heavy interfaces.

UX Decisions

The experience was structured around a search to select to book to confirm flow. Each step is designed to reduce hesitation and guide users forward.

  • Doctor cards surface key information immediately, including specialty and availability
  • Time selection is simplified into clear, selectable slots rather than complex inputs
  • Booking steps are kept minimal to avoid drop-off
  • Content is grouped into structured sections for faster scanning
  • Filters are lightweight and focused on the most relevant options
  • Key actions are consistently placed and easy to identify

UI Design

The interface uses a light, minimal visual system to create a sense of calm and clarity. Soft contrast, generous spacing, and simple components help reduce cognitive load during booking. Interactive elements such as buttons, cards, and time slots are designed to feel approachable and easy to use, while still maintaining a professional healthcare tone.

Development

The platform was built using a component-based front-end architecture to ensure consistency across the booking flow.

  • Dynamic rendering of doctor listings and availability data
  • Authentication flow for user accounts and saved bookings
  • Structured state management to handle booking steps and selections
  • Responsive layout optimized for mobile-first interaction

Outcome

Cura creates a more streamlined booking experience by reducing unnecessary steps and presenting information clearly. Users can quickly find a provider, select a time, and confirm an appointment without confusion. The result is a product that feels more dependable and easier to use, especially in time-sensitive situations.

Reflection

This project reinforced how important clarity and trust are in healthcare interfaces. By simplifying the booking flow and prioritizing key information, the experience becomes less stressful and more supportive. Small decisions in layout, spacing, and interaction design can significantly impact how confident users feel when completing important tasks.