NutriGuru AI May 2026
NutriGuru AI: a marketing site for a wellness app
A marketing site for a wellness app covering nutrition tracking, workouts, hydration, sleep and coaching. Anchored sections from features to pricing, a meal planner view, an FAQ and a blog. Next.js 16 with server rendering.
NutriGuru AI is a wellness app that brings nutrition tracking, personalised workouts, hydration and sleep tracking and practical coaching into one place. The brief was a marketing site that explains the product clearly and carries the reader through to the download.
What we did
The page is one continuous story that moves step by step: what the app does, how it works, what the meal planner looks like, what it costs and what people ask most often.
Each block is a separate anchored section, so the navigation and external links can point straight at the right place. The blog sits apart as the section that brings in content people find through search and that can be extended over time.
- Home page sections: features, how it works, meal planner, pricing, FAQ, download
- A blog section for articles
- Anchor navigation and a download button that stays in reach
- In-page presentation of the app's screens
- An FAQ block backed by structured data
The technical side
Next.js 16, React 19.2 and TypeScript. Content is rendered on the server, and animation and interactivity load only where they are genuinely needed. On a wellness app landing page speed is a conversion question, so we kept the JavaScript payload in check and measured Core Web Vitals.
- Server components and as little client-side JavaScript as possible
- Image and font optimisation
- Anchored sections and smooth scrolling without layout shift
- A blog structure that will carry a growing set of articles
Visibility in search and answer engines
Nutrition and wellness questions increasingly go straight to a chat model. So each section is written to answer one question briefly and quotably: SoftwareApplication and FAQPage structured data, clear subheadings, an llms.txt file, and a blog that covers the recurring questions.
That is content preparation, not a promise about rankings. We make the page machine-readable and keep the claims on it checkable.
Where it stands
NutriGuru AI has a page that explains the product in a single scroll and keeps the download within reach throughout. New sections and articles can be added without rebuilding the page.
See the work: nutriguru.app
