A strategy to transform a traditional nutrition website into a premium, data-centric functional health platform — built around the OligoScan, rooted in clinical authority, designed to convert.
Full audit of nutritionbyshruti.com — every section, every interaction point, every conversion failure.
| Element | Severity | Problem | Fix Direction |
|---|---|---|---|
| Email Popup on Load | Critical | Fires the moment you arrive — before a word is read. Causes bounce rate spikes of 15–25% on mobile. | Move to exit-intent only |
| Hero Section | Critical | Stock photo of a meditating woman. CTA says "Learn More." Could belong to any gym, supplement brand, or yoga studio. | Shruti portrait + action CTA |
| Logo / Brand Mark | High | Stacked plain serif. No mark, no identity, no distinctiveness. Reads as a Wix default. | Custom wordmark with brand character |
| Green CTA Button | High | Bright green "BOOK NOW" clashes completely with the warm beige/rose palette. Added as an afterthought. | Terracotta CTA, consistent |
| Stats Section | High | 60% medication elimination and 1.7pt HbA1c drop are buried in small type. The most powerful proof on the site is invisible. | Hero-scale numbers on dark bg |
| OligoScan Feature | Critical | Only appears in an announcement bar. The most differentiating technology Shruti has is not explained, visualised, or used as a conversion tool anywhere. | Dedicated dark diagnostic section |
| Services Carousel | High | Shows only one service at a time. Research shows 80%+ of users never interact with carousel controls. Most visitors see one slide only. | Static card grid |
| About / Bio | Medium | Written like a LinkedIn profile. "She has extensive experience…" lists credentials without building human connection. | Narrative bio + trust stack |
| Testimonials | Medium | Photos are blurred, weak card design. Anil Agarwal's "HbA1c from 7 to 5.9 in 3 months" is clinical gold displayed as a footnote. | Case study format |
| WhatsApp Widget | Low | Auto-opens on load. Correct channel, wrong trigger. Creates noise before the visitor has expressed any intent. | Trigger after 30s dwell |
| Page Structure | High | Multiple separate pages create a fragmented experience. Visitors exploring services leave the homepage and lose the conversion narrative. | Single-scroll homepage |
| Typography System | Medium | No clear type scale. Heading sizes vary arbitrarily. Serif and sans-serif mixing is inconsistent throughout. | 6-step type scale, applied consistently |
Traditional health sites list conditions and tell you to call. The platforms billion-dollar wellness brands are building — Levels, Function Health, Forward — are data-centric: they show you what your body is doing. Shruti has the OligoScan. That changes everything.
Every reference maps to a specific design decision — not general mood board inspiration. Click Preview Site ↗ on any card to see it live.
Opens with a cinematic dark preloader — a geometric gold triangle on near-black — before any content loads. The site communicates premium before a single claim is made. Scroll-driven narrative then unfolds the product story: problem → solution → science → invitation.
The headline "The real limitless pill" is provocative and memorable. It positions the product before the rational brain catches up.
Function Health doesn't talk about health — it shows you health data. The homepage features clean modular cards of actual lab results — glucose, cortisol, testosterone — displayed against a dark, clinical interface. Whitespace is extreme and intentional.
Instead of photos of people eating salads, the hero is a glucose response chart — a real data readout showing how a meal affects blood sugar in real time. The dark-mode UI with green data accents mimics scientific instrumentation. Data becomes the product hero.
WHOOP makes health data feel like a competitive advantage, not a medical concern. Tone is aspirational and performance-driven. Photography is editorial — athletes mid-motion, data overlaid. Nothing soft. Nothing generic.
Forward positions its healthcare so premium that you don't "sign up" — you apply. This single UX decision creates exclusivity, pre-qualifies leads, and eliminates time-wasters before the first call. The site is brutally minimal — one thing per screen.
One long homepage, one scroll. As you move down, the story unfolds through large typography, cinematic imagery, and scroll-triggered animations. By the time you reach the bottom, you understand the product completely — rationally and emotionally — without clicking a single link.
Hyman's site hero is a large, confident portrait of him — not a concept, not a stock image, just the expert looking at you. His entire site is an authority ecosystem: podcast, books, community, programs — all woven seamlessly.
Noom's primary CTA is not "Book Now" — it is a quiz. "Take our 5-minute quiz to find your personalised plan." The quiz creates active participation (sunk-cost psychology: once you've answered 5 questions, you want to see the results) and routes visitors automatically.
ZOE balances rigorous science with human warmth. Their testimonials use real names, professions, ages, and specific outcomes — not vague quotes. Video testimonials are embedded and auto-play muted. The science is cited clearly but explained simply.
Ritual's entire brand is built on one principle: radical transparency. They show you exactly what is in every capsule, where each ingredient comes from, and why. In a market full of vague wellness claims, "we'll show you everything" is the most powerful positioning available.
A complete visual language that threads clinical authority with human warmth. Every element belongs to the same world.
| Instead of this | Write this | Why |
|---|---|---|
| "Fix your gut health" | "Unlock your metabolic baseline" | Attracts high-value biohacking/executive clients |
| "Personalised nutrition plans" | "A protocol built around your scan results" | Specific, proprietary, technology-anchored |
| "Learn More" | "See My Results →" | Action-specific CTAs signal confidence |
| "Wellness Journey" | "Diagnostic Protocol" | Medicine language > wellness language for credibility |
| "She has extensive experience..." | "Shruti spent 5 years inside the US healthcare system before coming home to do it differently." | Story vs. résumé. Stories convert. |
One page. One story. Zero fragmentation. The visitor is guided from their problem to Shruti's solution without a single navigation click.
The reasoning behind every UX and design decision we are proposing. Each one maps to a specific psychological or behavioural outcome.
| UX Action — What We Do | Psychological Reaction — Why It Works | Reference |
|---|---|---|
| Dark-mode section exclusively for OligoScan | Dark mode with data accents mimics scientific instrumentation. A 2-minute palm scan suddenly feels like a ₹50,000 MRI. Perception of value shifts instantly. Levels · WHOOP | |
| Replace symptom-based copy with data/outcome language | "Unlock your metabolic baseline" speaks to a different (and higher-value) client than "fix your gut." Language is positioning. Function Health | |
| Single-scroll homepage replaces multi-page nav | Removes cognitive load to near zero. Visitors are guided through one persuasive sequence, not asked to navigate an unfamiliar site architecture. Apple | |
| Scroll-triggered reveal animations on key sections | Creates the "dopamine of discovery." Elements fading in as you scroll keep visitors engaged because something is always happening. Dwell time increases. Apple · Organimo | |
| Replace "Book Now" with intake questionnaire | Sunk-cost psychology: once someone has answered 5 health questions, they want to see the results. Far lower friction than a cold booking CTA. Pre-qualifies leads automatically. Noom · Forward | |
| Frame the booking process as an "application" | High-end services don't have contact forms — they have applications. Establishes exclusivity, signals that Shruti's time is valuable, removes time-wasters before the first call. Forward Health | |
| Move email popup to exit-intent trigger only | On-load popups cause 15–25% immediate bounce on mobile. Exit-intent triggers catch visitors already leaving — the only moment the interruption is tolerable. CRO Standard | |
| Stats at 80–100px type on dark background | Numbers at this scale are not read — they are felt. "60%" in 100px terracotta stops the scroll. The same number in 24px on white is ignored. Function Health | |
| OligoScan report UI mockup as primary visual | Showing the actual data output makes the technology tangible. "Here is what we see about your body" is infinitely more powerful than "We use advanced diagnostics." Levels · Ritual | |
| Founder portrait (Shruti) as hero image | For personal practice brands, the founder is the product. A confident professional portrait builds immediate personal trust — the single most important conversion factor for healthcare services. Dr. Mark Hyman | |
| Sticky mobile bottom bar with booking CTA | On mobile, the primary CTA disappears the moment the hero scrolls away. A persistent slim bottom bar keeps conversion visible throughout the entire scroll. UI Best Practice | |
| Scarcity signal on all CTAs | "Accepting [X] new clients this month" is honest (capacity IS limited) and psychologically effective. Transforms the decision from "whenever I'm ready" to "now." Creates urgency without fabrication. Forward · Noom | |
| Testimonials as case studies with outcome headlines | Specific results are infinitely more persuasive than general praise. "HbA1c dropped from 7 to 5.9 in 3 months" as a headline converts better than "Shruti's plan was fantastic!" ZOE · Precision Nutrition |
Subtraction is a design decision. Every item below is either harming conversions, undermining brand perception, or creating visual noise.
| Platform | Design Control | Performance | CMS / Blog | Animation | Verdict |
|---|---|---|---|---|---|
| Wix (current) | Template-bound | Slow, poor Core Web Vitals | Basic | Limited | Not suitable |
| Webflow ✓ | Full pixel control | Fast, clean HTML output | Built-in CMS | Good scroll | Recommended |
| Framer ✓ | Full pixel control | Excellent | CMS available | Best-in-class | Recommended (animation-first) |
A specific blend — each ingredient chosen for what it contributes to Shruti's brand, not because it looks good in isolation.
| Reference | Weight | Contribution | URL |
|---|---|---|---|
| Apple | 30% | Scroll narrative, single-page architecture, scroll-triggered animations, minimal navigation | apple.com ↗ |
| Function Health | 25% | Clinical modernism, modular cards, whitespace as luxury, data-centric copy | functionhealth.com ↗ |
| Organimo | 20% | Premium entry, cinematic brand moment, two-tone colour discipline, brand statement confidence | organimo.com ↗ |
| WHOOP / Levels | 15% | Dark-mode data UI, OligoScan visual treatment, "health as performance" positioning | whoop.com ↗ · levels.com ↗ |
| Dr. Mark Hyman | 10% | Founder portrait as hero, content-as-authority ecosystem, blog-to-services cross-linking | drhyman.com ↗ |
| Supporting | Noom (quiz CTA) · Forward (intake flow) · ZOE (case studies) · Ritual (transparency) | noom.com ↗ · goforward.com ↗ · joinzoe.com ↗ · ritual.com ↗ |
The credentials exist. The results exist. The technology exists. The only thing missing is a digital presence that communicates all of it — with the same clarity and conviction that Shruti has in every consultation.
"When someone lands on this site, they should feel within 10 seconds:
'This is the person I've been looking for.'"