Turning clinical expertise into a website people actually trust

Nutriahaar is a nutrition and dietetics practice led by a senior clinical dietitian with real hospital experience. The clinical skill was never in question. The website was. Visitors couldn't tell what plan to pick, corporate clients couldn't find what they needed, and bookings dropped off before they were confirmed.

View Live
Role
Senior WordPress Developer
Timeline
1 month
Type
UX DesignWebsite DevelopmentHealthcare and Wellness
Tools
FigmaHTML/CSSResponsive Web
0individual appointments, first month
0corporate inquiries, first month
0clear paths from the entry point
0month, discovery to launch
Problem

Plans were unclear and corporate was almost invisible.

Move

Two paths from the entry point, one clear Book action.

Result

12+ bookings and 4+ corporate inquiries in month one.

Screenshot of the Nutriahaar dietitian-led nutrition practice homepage
The live homepage, nutriahaar.com
01·The story

Nobody doubted the dietitian. They could not work out the site.

Three symptoms, one cause: two audiences sharing one unclear page.

"Food can be thesafest medicine."IndividualsCompanies
The businessA practice led by a senior clinical dietitian. It serves individuals and, it wants, companies.
One homepageIndividual plansCorporate (somewhere)Terms + booking"Not for me.""Not for us."Each skips what is for the other
The causeTwo audiences with different questions read one page that answered neither. Trust was fine. Clarity was not.
Your planglycaemic loadmacronutrient splitcaloric deficit"What does thateven mean?"
Terms nobody explainsWords a dietitian knows by heart stop a first-time visitor choosing a plan.
"Do they even offerteam programs?"
A programme nobody could findCompanies could not tell the practice offered one at all.
Book a sessionStep 1 of 5"So many steps.Maybe later."
Booking people did not finishA form that makes you second-guess is one people leave before confirming.

Individualwants a plan they can followCompanywants a team programmeBased on conversations with people who had considered booking. Illustrated, not a persona study.

02·Information architecture

From one shared page to two clear paths

The structure now mirrors the two questions people arrive with.

BeforeOne shared page: services, individual and corporate blended, clinical terms, unclear booking. Simplified from my notes. The old site is no longer live.

Everyone

Shared pages and the two doors

  • Home
    • Hero + one Book action
    • Two doors: Individual / Corporate
    • Services
    • Corporate call-out
    • How it works (5 steps)
    • Testimonials
  • About
  • Recipes
  • Contact Us
    • Booking form
    • WhatsApp Quick Connect

Individual

Someone who wants a personal plan

  • Services
    • 13 conditions and goals
    • Diabetic Management
    • Hypertension Diet
    • PCOS/PCOD and women’s health
    • Weight Management
    • Child Nutrition
    • + 8 more
  • Book an Appointment
    • Contact form
  • Consultation
    • Share goals
    • 1-1 session
    • Custom plan
    • Ongoing support

Corporate

A company that wants a team programme

  • Corporate Nutrition
    • Hero + Book a Consultation
    • Why it matters (4 outcomes)
    • What is included (6)
    • How we work (4 steps)
  • Book a Consultation
    • Corporate engagement team
  • Plan
    • Define goals
    • Curate a plan
    • Final sign-off

Built from the live site. Each column is one audience, each box is a page, and each line under it is a section or step.

03·User flows

Two journeys, each with one clear way forward

Each path asks one question at a time and always shows what happens next.

Individual: from a need to a plan

Someone looking for personal nutrition care
  1. ArriveLand on the homepage
    Clear promiseOne headline and one main action
  2. ChoosePick the Individual door
    Less to filterCorporate content is no longer in the way
  3. RecogniseSee their condition or goal named
    Plain namesServices listed by what a person is dealing with
  4. ActBook an Appointment
    One actionA single clear button, not a long multi-step form
  5. MeetShare goals, 1-1 consultation
    No surprisesThe five steps are shown before anyone commits
  6. ContinueCustom plan and ongoing support
EntryHome doorEntryServices pageShortcutWhatsApp Quick Connect, on every page

Corporate: from a team goal to a signed plan

An HR or admin contact looking for a team programme
  1. ArriveLand on the homepage
    Visible, not hiddenA call-out asks: need a team programme?
  2. ChoosePick Corporate Nutrition
    Its own homeA dedicated page, not a paragraph on a shared one
  3. UnderstandWhy it matters, what is included
    Answers firstOutcomes and the six inclusions, before any form
  4. ActBook a Consultation
    One actionSame single-button pattern as the individual path
  5. PlanDefine goals, curate a plan
    Clear next stepsFour steps shown, so a buyer knows what happens
  6. AgreeFinal sign-off
EntryHome doorEntryCorporate call-outEntryGet Started button

Steps are taken from the live site’s own “how it works” sections. The notes under each step explain what I changed.

04·How I solved it

Three decisions that did the work

Each decision removed a specific reason for dropping off.

01

Split the entry point, do not just relabel it

Two audiences kept filtering past each other’s content. Should I fix the labels, or the structure?

Before / not chosenKeep one homepage and improve the labels and headings.
ChosenGive individual and corporate visitors separate paths from the first screen.
What it changedEach visitor sees their own door straight away. Corporate demand finally had a visible home.
02

Plain language over clinical terms

Nutrition vocabulary made sense to the dietitian, not to a first-time visitor deciding whether to book.

Before / not chosenKeep nutrition terms as the dietitian uses them.
ChosenName services by what a person is dealing with, and explain steps in everyday words.
What it changedA visitor can recognise their own situation without decoding anything.
03

Make booking feel low-risk

People second-guessed a form that showed many steps before they had committed to anything.

Before / not chosenA multi-step form that gathers everything up front.
ChosenOne clear Book an Appointment action, with the five steps of what happens next shown before it.
What it changedThe next step stops feeling like a commitment, so more people finish.
05·The design

What the solution looks like

The structure shows up on the very first screen.

nutriahaar.com
Nutriahaar homepage top section12345
Homepage, top of the page
1A promise anyone understandsOne headline, no jargon
2One main actionBook an Appointment, always the same button
3Door for individualsThe first of the two paths
4Door for companiesThe second path, given equal weight
5Quick ConnectWhatsApp, a shortcut for people who prefer to ask
nutriahaar.com, How it works
Five-step how it works strip
The five steps shown before anyone books. Nothing about the process is a surprise.
nutriahaar.com/corporate-nutrition
Corporate nutrition page
The corporate page
nutriahaar.com, Services
Services grid
Services named by what a person is dealing with
nutriahaar.com
The live homepage, scrolled
Nutri Ahaar homepage on a phone
06·What changed

The same practice, a path people could follow

Fewer places to get lost, and one obvious way forward on each path.

The visitor’s path, before

  • Lands on one page for everyone
  • Skims past content meant for someone else
  • Hits terms nobody explained
  • Cannot tell what to pick, or whether a team programme exists
  • Meets a booking form with unclear steps
  • Leaves before confirming

The visitor’s path, after

  • Lands on a clear promise and one main action
  • Picks the Individual or Corporate door
  • Recognises their situation in plain words
  • Sees the steps that follow
  • Presses one Book action
  • Books, or sends a corporate inquiry
0individual appointments booked
first month after launch
0corporate inquiries
from a page that went almost unnoticed
0monthfrom discovery to launch
What made the difference

Splitting the entry point. Every other improvement only worked because each visitor first landed on the path meant for them.

What I can and cannot claim. The dietitian's clinical expertise did not change between the old site and the new one, so these numbers come from what visitors could find and trust, not from a change in the service. They are client-reported figures for the first month, not an audited long-term baseline.

07·Next

What I would do next

The first month proved the structure. Measurement comes next.

Instrument the funnel

Track which step people leave on, on both paths. I only have first-month totals from the client.

Test the corporate page

See which inclusions make a buyer press Book a Consultation, and which are noise.

Add proof where it counts

Place a short testimonial next to each Book action, where people decide.

08·Design system

Component patterns, live on nutriahaar.com

A warm teal and yellow palette that feels approachable, not sterile. Hover to try the patterns.

Primary ButtonHover to lift
Individual Nutrition
Service PillHover state
Corporate Nutrition
Wellness programs for teams
Service CardHover to lift
GlossnGlass

Turning Offline Trust Into Confident Online Bookings

Continue reading
Copied to clipboard!