telos
All projects

03 · Live · 2026

Clinic Scheduling & Records

Open the demo

A multi-specialty clinic panel — the week's agenda by professional, the patient chart one click away, finance and the day's indicators. A self-initiated, navigable demo: eight professionals, real-time appointment status, a patient chart with history, and four management charts. The high-fidelity prototype that comes before the product.

booking-system
Clinic Scheduling & Records

LIVE DEMO

See the real product in action

01 / THE PROBLEM

Agenda in a notebook, records in a drawer.

A clinic with several professionals and different insurers has a classic problem: the front desk keeps the agenda in one place, the patient chart in another, and finance in a third. When a patient calls, no one sees at once the right doctor's agenda, the patient's insurer and their last visit.

The cost shows up as empty slots no one filled, follow-ups that never got booked, and revenue that slips. I wanted to show the whole clinic on one screen — agenda, patient and money in the same place — and built the demo for it.

02 / THE APPROACH

The agenda is the home screen, not a hidden menu.

The design call was to put the week at the center. You open the panel, see the six days and filter by professional in one click — eight doctors, each specialty with its own color. Each appointment carries a real status: confirmed, waiting, in session, seen, or no-show.

From the appointment block you open the patient chart in a side drawer — insurer, contact and recent-visit history — without changing screens, without losing your place in the agenda. That's how I solved the core pain: everything one click from the calendar.

03 / THE BUILD

Live status, side-drawer chart, management in four charts.

Agenda by professional, in color. Six columns (Monday to Saturday), a per-doctor filter and a specialty legend that paints the whole week. One glance and you read the clinic.

Patient chart without leaving the agenda. The record opens in a drawer with details, insurer and history — built for a front desk taking calls while it navigates.

Four management charts. Appointments for the week, split by specialty, the half-year's revenue (received vs. expected) and the insurer mix. Enough for the owner to understand the month without opening a report.

The demo runs entirely in the browser on fictional data. In production it leans on Next.js + Prisma + Postgres plus a calendar and payment integration — but the entire front-desk flow is already here.

04 / OUTCOME

The whole clinic in one link.

Instead of promising "a scheduling system," I send the demo and the person navigates their own routine: filter the doctor, open a chart, read the finances. Six screens, eight professionals, five live appointment statuses and four charts — in a single file, on phone or desktop.

It's the self-initiated piece that opens a conversation with a real clinic and makes scope clear before any production code.

  • Screens

    6

  • Specialties

    8

  • Live statuses

    5

  • File

    1 HTML