NutriGuru AI maj 2026
NutriGuru AI: markedsføringsside til en wellness-app
Markedsføringsside til en wellness-app, der samler kostregistrering, træning, væske- og søvnoptælling samt vejledning. Ankersektioner fra funktioner til pris, visning af madplanlæggeren, FAQ og blog. Next.js 16 og server-rendering.
NutriGuru AI er en wellness-app, der samler kostregistrering, personlige træningsprogrammer, væske- og søvnoptælling og praktisk vejledning ét sted. Opgaven var en markedsføringsside, der gør produktet forståeligt og fører frem til download.
Hvad vi gjorde
Siden er én sammenhængende fortælling, der bevæger sig skridt for skridt: hvad appen gør, hvordan den virker, hvordan madplanlæggeren ser ud, hvad den koster, og hvad folk oftest spørger om.
Hver blok er sin egen ankersektion, så navigationen og eksterne links kan pege direkte på det rigtige sted. Bloggen er en selvstændig del, hvorfra der kommer indhold, som findes via søgning, og som der senere kan bygges videre på.
- Forsidens sektioner: funktioner, sådan virker det, madplanlægger, priser, FAQ, download
- Blogsektion til artikler
- Ankernavigation og en downloadknap, der altid er synlig
- Præsentation af appens skærmbilleder på siden
- FAQ-blok med strukturerede data
Den tekniske side
Next.js 16, React 19.2 og TypeScript. Indholdet renderes på serveren, og animation og interaktivitet indlæses kun dér, hvor der er rigtig brug for dem. På landingssiden for en wellness-app er hastighed et direkte spørgsmål om konvertering, så vi holdt mængden af JavaScript under kontrol og målte Core Web Vitals.
- Servercomponenter og så lidt JavaScript på klienten som muligt
- Optimering af billeder og skrifter
- Ankersektioner og blød scrolling uden layoutskift
- En blogstruktur, der kan bære et voksende antal artikler
Synlighed i søgning og svarmaskiner
Spørgsmål om kost og wellness stilles stadig oftere direkte til en chatmodel. Derfor er hver sektion skrevet, så den svarer kort og citérbart på ét spørgsmål: strukturerede data for SoftwareApplication og FAQPage, tydelige mellemrubrikker, llms.txt og en blog, der dækker de tilbagevendende spørgsmål.
Det er forberedelse af indholdet og ikke et løfte om placeringer. Vi gør siden maskinlæsbar og holder påstandene på den i en form, der kan efterprøves.
Hvad der kom ud af det
NutriGuru AI har en side, der forklarer produktet færdigt på ét scroll og holder download inden for rækkevidde hele vejen. Nye sektioner og artikler kan tilføjes uden at bygge siden om.
Se arbejdet: nutriguru.app
