Design and product work

Physician Scheduler

A scheduling web application for frequently updated data, taken from a hand-drawn wireframe to Figma visuals to a deployed app.

Role
Wireframe, UI design and MERN development
Platform
Web app
Tools
Figma, MERN
Type
Client design work
Original case study on Behance (opens in a new tab)
Physician Scheduler web application shown on three phone screens with doctor cards and schedules

What I did

  • A quick hand-drawn wireframe, based on tables of frequently updated data
  • Wireframe and visuals in Figma, with icons drawn with the pen tool as clean vectors
  • A card component and a view and edit form, refined over many iterations
  • Development on the MERN stack, with login, and editing and deleting unlocked only for logged-in users

Walkthrough

  1. 01Where it started: a hand-drawn wireframe.

  2. 02In Figma: the physician cards next to the add form.

  3. 03The deployed app, with status filters and a card for each visiting physician.

  4. 04Editing is behind a login.

More projects

All projects →
  • MatchWatch branding: the Match and Watch lettering next to app screens and the bracelet charm

    Figma, Flutter

    MW

    MatchWatch: branding, the mobile app, the landing page and an admin dashboard.

  • Hand-drawn pencil sketches of the Enrollege app screens on paper

    Figma, Flutter

    Enrollege

    A Flutter app for students applying to universities and looking for accommodation.

Have something in mind? Let’s build it.

Build it for me

Join the waitlist for a done-for-you build.

One short email every Friday, plus a full guide once a month.