Service catalogue
The live service catalogue groups regulatory work into clear categories so clients can find the right path.
Regulatory services, ready to book.
A medico-pharmaceutical consulting platform that connects service discovery, readiness checks, appointment slots and payment.
Tech stack
React
TypeScript
Vite
Tailwind CSS
Supabase
PayFast
View live siteReactTypeScriptViteTailwind CSSSupabasePayFast
The design direction.
White space, strong black headings and the client’s green graphic accents keep a complex service catalogue approachable.
Inside the project.
Every screen below comes from the finished product and shows the feature as it was actually built.
Guided service finder
The live qualification journey helps clients identify the service that fits their situation.
Appointment booking
The live appointment screen presents consultation options and the next available booking route.
Contact and enquiries
The live contact screen gives general and service-specific enquiries a direct route to the team.
Consulting operations
The actual staff interface for consultations, payments, enquiries and the vetting funnel. Sample records.
Interface shown with sample records
Enquiry management
The actual staff enquiry interface, with search, replies and status tracking. Sample records.
Interface shown with sample records
How it’s built.
Solid foundations, chosen for the work this product needs to do.
React Router separates catalogue, service and booking screens.
Supabase functions and row-level policies support qualification, slot availability and booking records.
Server-side PayFast processing connects a confirmed payment to its booking rather than trusting a browser redirect.
More Projects
View all our projects
MFPSSPAEK
Kind words from our clients