In short:
- A private wellness service needed a polished member portal plus a simple staff admin area, with real AI features at the core.
- I designed and delivered the full product end-to-end: two panels on one foundation, built to a “premium, stable, ready for real use” quality bar.
- Members book sessions, search the wellness library in plain English, and complete a smart intake form; staff review everything in a single calm dashboard.
- This case study walks through the brief, what I built, the decisions that mattered, and the skills it demonstrates.
The Brief
A private wellness service wanted a polished web product their members would use every week. A customer-facing portal and a simple admin area. Members would sign in, view their plan, book sessions, ask questions, and see updates from the team. Staff would manage member records, post updates, and review activity inside one clean dashboard.
At the heart of the project was AI search. Members often ask questions in their own words, and the system needed to guide them to the right answer, service, or next step. The search had to understand plain language and return useful results from the help content, service details, and common questions.
The brief also called for a smart intake form. When a new member fills it out, the system should sort the answers, flag key needs, and place the record in the right area for the team to review — reducing manual work and helping staff respond with care and speed.
Two lines from the brief became my north star for the build:
"We care a lot about trust, privacy, and a calm user experience. The final result should feel premium, stable, and ready for real use."
What The Brief Asked For
The scope was clear and specific. The product needed to include:
- Secure sign-in for members and staff
- Member profile and plan view
- Booking request form
- Admin dashboard for records and updates
- AI search across site content
- Smart intake form with basic AI sorting
- Clean database setup
- Clear handoff notes
The rest of this case study walks through how each of those points became a feature — and a few places where I chose to go slightly further than the brief asked, because the quality bar demanded it.
What Members Get
The member experience is built to feel calm and direct. Members sign in and land on a personal dashboard showing their current plan, their most recent bookings with colour-coded status badges, and the latest announcements from staff.
Member dashboard — plan, recent bookings, and the latest updates in one view.
Booking a Session In Three Steps
Booking a wellness session is deliberately simple. Members pick a service, pick a date and time, add optional notes for their practitioner, and confirm. Each booking moves through clear stages — Pending, Confirmed, Completed, or Cancelled — and members always know where things stand.
Staff receive an email the moment a new request arrives. When they confirm it, the member receives a confirmation email in return. No one waits in silence.
Step 1 — choose a service from the five offered.
Asking Questions In Plain English
Members don't always know the right keyword. Someone worried about poor sleep doesn't search for "sleep hygiene" — they search for "how can I sleep better." The portal's smart search understands that. It reads the meaning of the question, not just the exact words, and returns the most relevant articles from the wellness library.
Crucially, search keeps working even if the AI service is unavailable. It gracefully falls back to a straightforward keyword match, so members never see an empty page.
Smart search — members ask questions in their own words.
A Smart Intake That Respects Time
The intake form is four gentle steps: wellness goals, health history, current concerns and daily habits, and preferences. Nothing about it feels clinical.
The moment a member submits, AI reads the answers in the background. It sorts the submission into a wellness category, assesses risk level, flags urgent cases, and recommends the most relevant services from the menu. It also writes a short professional summary so staff can understand the member's situation at a glance.
The member doesn't wait. They see a confirmation immediately and go about their day. Staff see the AI-analysed submission appear on their side a moment later.
Step 1 of the intake form — just wellness goals, nothing overwhelming.
What Staff Get
Staff log in to a separate, polished admin area. The landing page gives them four numbers they care about — total members, pending bookings, pending intakes, and new sign-ups this week — plus a chart of bookings by status. Everything important is visible in a glance.
Staff dashboard — the four numbers that matter, and a chart that tells the story.
Reviewing Bookings With One Click
From a single list, staff can filter bookings by status or service type, confirm a pending request with one click (which sends the member an email), or cancel with a required reason. Nothing gets lost.
Bookings list — filterable, searchable, and a single click to confirm or cancel.
Triage Done Before They Arrive
The intake review page is where the AI work pays off. Each submission shows the member, the AI-assigned category, a colour-coded risk level, a short AI-written summary, and the status of the review. High-risk and urgent cases stand out. Staff can scan eight submissions in seconds instead of reading every answer from scratch.
When a staff member opens a submission, they see the full AI analysis side-by-side with the raw answers. They add their own notes and mark it reviewed. Nothing gets forgotten, and no one has to manually sort forms into folders.
Intake reviews — the AI has already sorted, flagged, and summarised every submission.
Content That Keeps Itself In Sync
Help articles and announcements are both managed from the admin area, using a simple rich-text editor. When staff publish or edit a help article, the system automatically prepares it for smart search in the background. Unpublish an article and it disappears from member search instantly. The wellness library stays in sync without anyone pushing a button.
Help articles — the content that powers smart search, managed in one place.
Plans, Members, And Announcements
The rest of the admin area covers what you'd expect and no more: three wellness plans with pricing and features, member management with role-based access for admins and staff, and member-facing announcements with a publish toggle and a schedule date.
Three wellness plans — editable in a single table.
Decisions That Mattered
A brief is only the starting point. A few decisions during the build did the most to meet the "premium, stable, ready for real use" quality bar.
AI That Always Works
Every AI feature has a graceful fallback. If the AI service is down, over quota, or simply not configured, the search still returns useful results and the intake form is still sorted automatically — just a little less cleverly. The member never sees an error page, and staff never see an empty queue. The product works on day one, even without the AI layer.
Two Panels, One Codebase
Members and staff have very different needs. I deliberately separated the two experiences so members never see anything meant for staff, and staff have a dense, calm admin area built for speed. Both sit on the same foundation, so there's only one set of data to maintain and one set of permissions to reason about.
Nothing Blocks The Member
AI takes a second or two to run. That's fine for a background job, but no member should wait for it. The intake form saves instantly and shows a confirmation; the AI analysis catches up a moment later and appears in the staff panel on its own. The member's experience stays fast, and staff get the analysed version of the truth.
A Calm Visual Design
The member area uses a teal-and-white palette, generous spacing, and no decorative clutter. Colour is reserved for status — green for completed, blue for confirmed, amber for pending, red for cancelled. Everything else fades into the background, which is exactly what a wellness product should do.
Timeline
Two weeks solo, start to finish. Database design, member portal, admin area, AI features, email notifications, demo data, deployment, and handoff documentation — all built to a “premium, stable, ready for real use” quality bar.
The result is a working product, not a slide deck.
Every feature described above is live in the demo and every screenshot in this case study is real.
What This Project Demonstrates
If you’re evaluating me for similar work, here’s what this case study tells you:
- I read a brief carefully. Every item in the original scope became a feature. Value statements — trust, privacy, calm — shaped the product, not just the marketing copy.
- I ship end-to-end. Member portal, admin area, AI features, email notifications, demo data, deployment — all of it, by one person, in a short window.
- I make AI features genuinely useful. The smart search and smart intake are not buzzwords bolted on — they save staff time and help members get to the right answer faster, with fallbacks that keep the product working even when the AI is not.
- I design for both audiences. Members get a clean, calm experience. Staff get a dense, fast admin area. Neither group is compromised for the other.
- I deliver working products, not slide decks. What you see in this case study is live, functioning software — not wireframes, not a partial prototype. That’s the standard you can expect when you hire me.
Wrapping Up
Building a polished member portal with genuinely useful AI is not about chasing the latest model or the flashiest framework. It's about reading the brief honestly, separating the member experience from the staff experience, making the AI invisible when it works and graceful when it doesn't, and finishing the job to the standard the brief asked for.
You can explore the working demo and the full walkthrough here:
Building a member portal, an admin dashboard, or adding AI features to an existing product? I'd be glad to help — from a short architecture review to the full end-to-end build.