Skip to main content
PandaCodeGen.

Work / A Step Above Medical / Live

A Step Above Medical

Case study updated

A complete medical training management system.

A complete medical training management system: a public course website, a content editor and a separate team portal for classes, students, payments and certificates. The website was rebuilt from WordPress with Next.js and Sanity; the portal uses Supabase. The project is live.

Visit live website ↗Explore the website and portal ↓Custom portal development →Medical website design →
New A Step Above Medical course website with location navigation and an upcoming IV therapy class
Live client project / Screenshot captured before launch
Status
Live
Owner confirmation
Project live, confirmed by the owner, as of .

Inside the medical training management system

A website for students.
A workspace for the team.

One system connects the public course website, editable course and location content, and the team's class operations portal. The project is now live. Explore the screens below, captured before launch.

01 / Course website

Help students find their next class.

The website brings courses, locations and upcoming classes together. A student can browse the training available and follow a clear route to reserving a seat.

The homepage introduces phlebotomy and IV therapy training, with an upcoming-class card showing the course, city, date and tuition. These are course bookings, rather than patient appointments.

This capture shows an earlier course date. It illustrates the website design, not the current class schedule.

  1. 01

    From finding a course to reserving a seat

    The new homepage gives students a way to explore courses and find classes by location. The website is now live.

    Open full-size screenshot (new tab):
    A Step Above Medical replacement homepage with course and location navigation, an upcoming IV therapy class and reserve-a-seat actions
    A Step Above Medical / Course websiteOpen full-size image ↗

02 / Content editor

An editor built for courses and locations.

The content editor separates courses from locations. Staff can change descriptions, durations and photographs without asking a developer to rewrite a page.

Each location has its own web address and an active toggle. The editor explains how to remove a city from the location list without deleting its page, and warns against changing an existing address unnecessarily.

The screenshots show the Sanity editor used for the website's content. Class operations have their own portal.

  1. 01

    Manage a location without rebuilding the website

    City pages have their own entries, photos and availability controls. The visible address guidance supports keeping existing links consistent.

    Open full-size screenshot (new tab):
    Sanity location editor for A Step Above Medical showing Chicago, a web address field, a location availability toggle and a city photograph
    1. Choose a location
    2. Edit location details
    3. Publish your changes
    A Step Above Medical / Content editorOpen full-size image ↗
  2. 02

    Edit a course in one place

    The team can update course information, including the description, duration and photograph, through the content editor.

    Open full-size screenshot (new tab):
    A Step Above Medical course editor showing IV therapy and phlebotomy entries, course content, duration and a course photograph
    1. Choose a course
    2. Edit course details
    3. Publish your changes
    A Step Above Medical / Content editorOpen full-size image ↗

03 / Team operations portal

Bring the class schedule and its paperwork together.

The separate portal gives the team a class schedule with enrolment, instructor assignments and readiness status. Navigation groups student records, certificates, payments-related reporting, emails and account administration in one workspace.

The exports screen offers spreadsheet downloads for students, classes, registrations, attendance, payments, certificates and accepted terms. Uploaded documents are stored separately from those spreadsheet records.

These interface captures were taken before launch. The counts and balances shown are not presented as production results.

  1. 01

    See what each class needs next

    The class view keeps scheduling, enrolment and readiness beside each other, with an attention panel for items the team needs to review.

    Open full-size screenshot (new tab):
    A Step Above Medical operations portal showing a class schedule, enrolment, instructor assignments, readiness indicators and an attention panel
    A Step Above Medical / Team operations portalOpen full-size image ↗
  2. 02

    Take the records out as spreadsheets

    Staff can download records as CSV files. The screen distinguishes these records from uploaded documents and says each download is logged.

    Open full-size screenshot (new tab):
    A Step Above Medical portal export screen with CSV downloads for students, classes, registrations, attendance, payments, certificates and terms records
    A Step Above Medical / Team operations portalOpen full-size image ↗

The website uses Next.js and Sanity; the operations portal uses Supabase on the client's own account. The owner confirmed the project is live on 20 October 2026.

Before and after

What the new system replaced

The old WordPress site needed manual work around every booking. The owner confirmed each row below on 21 October 2026.

JobOld WordPress siteNew system
Booking and paymentAn enquiry form. The team replied by email with a Stripe payment link.Students book a class and pay by Stripe directly on the website.
Messages to studentsNothing automatic.Automatic emails, including reminders of fees, dates and venue.
CertificatesMade by hand.Issued from the portal, using a PDF certificate template we designed.
Student contact detailsEmail addresses only. The site never collected phone numbers.Registration collects a phone number. For students imported from the old site, the team collects it in class.
Class scheduleThe Events Calendar and Events Calendar Pro, with Event Tickets.Class schedule, enrolment and payments in the portal; course and location pages edited in Sanity.
FormsNinja Forms.Booking and contact forms built into the website.
Email recordsWP Mail Logging.Email and activity-log sections in the portal.
Page design and custom codeDivi page builder and the Code Snippets plugin.A custom Next.js website, with every code change recorded in GitHub.
FAQ

Questions about this project.

Is A Step Above Medical live?
Yes. The project is live, as confirmed by the owner on 20 October 2026. The screenshots were captured before launch and illustrate the website and operations portal; they are not live-site performance or business results.
What did you build for A Step Above Medical?
We rebuilt its medical training website from WordPress with Next.js and a Sanity content editor, and built a separate operations portal using Supabase. The website presents courses, locations and upcoming classes; the portal brings class schedules, student records, payments and certificates into the team's workspace.
Can the team update courses and locations themselves?
Yes. The Sanity editor has separate course and location entries with descriptions, durations, photographs and location availability controls. The team can change the content within those fields. New features or changes to how the website works are scoped separately.
Can staff export the portal's records?
The portal includes CSV downloads for students, classes, registrations, attendance, payments, certificates and accepted terms. These files open in spreadsheet tools. Uploaded documents are stored separately, and the export screen says each download is recorded in the activity log.
What did the new system replace?
On the old WordPress site, a class enquiry came in through a form and the team emailed a Stripe payment link by hand. Certificates were made by hand, and the site recorded students' email addresses but never their phone numbers. Now students book and pay by Stripe directly, receive automatic emails with fees, dates and venue, and give a phone number when they register. Certificates are issued from the portal using a PDF template we designed. The new system also replaced plugins including The Events Calendar and its Pro add-on, Event Tickets, Ninja Forms, WP Mail Logging, Divi and Code Snippets.
What can the team manage in the medical training system?
The system brings course and location content together with class schedules, student records, instructor assignments, attendance, payments and certificates. The operations portal also has email, account-management and activity-log sections. The public website and the staff workspace support different parts of the same training business.

A better website. Less work behind it.

Tell us what visitors need to find and what your team currently manages by hand. We can scope the website, a custom portal, or an improvement to your existing system.

Explore custom software and portals WordPress website migration