WEB APP · END-TO-END 2026 FINISHING LAST TOUCHES

SUMISURA

01/ THE BRIEF

A web application for a private health center in Brussels.

Sumisura needed a digital system to run their operation. Four parts were built: a booking engine, a client portal, an admin dashboard, and a content layer.

The booking engine handles staff qualifications, room availability, and equipment dependencies. The portal gives each member their scan data and protocol history. The admin dashboard runs the day-to-day. The content layer keeps the site editable without touching code.

Everything lives on one stack, one database, one source of truth.

02/ WHAT WAS BUILT

01/ BOOKING ENGINE Real booking logic, not a calendar plugin. Each session type has its own constraints: which staff members are qualified, which rooms are required, which machines are involved and whether they are available. Overlapping dependencies are resolved before a slot is shown. No double bookings, no silent failures.

02/ CLIENT PORTAL Each member has a private portal where their body scan data and protocol history are surfaced. Machine data syncs directly to their account. They see their full trajectory over time: their data, their progress, no one else's.

03/ ADMIN DASHBOARD Full operational control for the Sumisura team. Member overview, session management, machine availability, protocol assignment. Built so the team can run the center without manual steps outside the system.

04/ CMS AND CONTENT LAYER Sanity CMS handles all editable content: site settings, SEO metadata, service descriptions, editorial copy. Fully typed schema with validated fields. The client edits content; the system enforces the rules.

03/ TECHNICAL HIGHLIGHTS

BOOKING CONSTRAINT-AWARE SCHEDULING Slot generation resolves three layers simultaneously: staff qualifications per session type, room availability, and equipment dependencies. A slot is only shown when all three constraints pass. No plugin, written from scratch to match the actual operational model.

DATA MACHINE DATA SYNC Body scan and session data from the center's machines syncs to each member's account. Members see their data in the portal as it is recorded: structured per measurement, surfaced per client, stored securely.

PORTAL MEMBER TRAJECTORY VIEW The portal surfaces each member's full history in a structured timeline. Scan results, protocol assignments, and session records stack chronologically. Members follow their own Scan, Design, Execute, Optimize cycle in a single interface.

CMS SANITY, FULLY TYPED Schema covers site settings, SEO defaults, social links, footer content and editorial copy. Every field is typed and validated. No free-text fields where structured data is expected.

IDENTITY TWO-TYPEFACE SYSTEM Su in Be Vietnam Pro Bold. Misura in Times New Roman Italic. The typographic split is the brand concept made visible. Every headline pairs the two. The design system is built around that split as the founding element.

STACK ASTRO · REACT · GSAP · SANITY · TS Astro for the frontend: fast by default, zero JS where it is not needed. React for interactive surfaces. GSAP for animations. Sanity for structured content. TypeScript throughout. Deployed as a static-first build with server routes where the logic requires it.

ASTRO REACT TYPESCRIPT GSAP SANITY CMS BOOKING ENGINE CLIENT PORTAL ADMIN DASHBOARD END-TO-END

04/ LAUNCH STATUS

Live website is coming.

The build is complete. Final content checks and launch preparation are underway. The Sumisura platform will be publicly accessible soon.

Want to discuss a similar project? GET IN TOUCH →

FINISHING LAST TOUCHES