NutriGuru AI: hyvinvointisovelluksen markkinointisivu

NutriGuru AI on hyvinvointisovellus, joka kokoaa yhteen paikkaan ravinnon seurannan, henkilökohtaiset treenit, veden ja unen kirjauksen sekä käytännönläheisen valmennuksen. Tehtävänä oli markkinointisivu, joka tekee tuotteen ymmärrettäväksi ja vie lataukseen asti.

Mitä teimme

Sivu on yksi johdonmukainen tarina, joka etenee askel kerrallaan: mitä sovellus tekee, miten se toimii, miltä ateriasuunnittelija näyttää, mitä se maksaa ja mitä ihmiset kysyvät useimmin.

Jokainen lohko on erillinen ankkuroitu osio, joten navigaatio ja ulkoiset linkit voivat ohjata suoraan oikeaan kohtaan. Blogi on oma osionsa, josta tulee sisältö, joka löytyy haussa ja jonka päälle voi myöhemmin rakentaa lisää.

• Etusivun osiot: ominaisuudet, miten toimii, ateriasuunnittelija, hinnat, UKK, lataus
• Blogiosio artikkeleille
• Ankkurinavigaatio ja aina näkyvä latausnappi
• Sovellusnäkymien esittely sivulla
• UKK-lohko jäsennellyllä datalla

Tekninen puoli

Next.js 16, React 19.2 ja TypeScript. Sisältö renderöidään palvelimella, ja animaatiot ja interaktiivisuus ladataan vain sinne, missä niitä oikeasti tarvitaan. Hyvinvointisovelluksen laskeutumissivulla nopeus on suora konversiokysymys, joten pidimme JavaScriptin määrän kurissa ja mittasimme Core Web Vitalsin.

• Palvelinkomponentit ja mahdollisimman vähän selainpuolen JavaScriptiä
• Kuvien ja fonttien optimointi
• Ankkuroidut osiot ja sujuva vieritys ilman asettelun hyppäyksiä
• Blogirakenne, joka kantaa artikkelimäärän kasvun

Näkyvyys haussa ja vastausmoottoreissa

Ravintoa ja hyvinvointia koskevia kysymyksiä esitetään yhä useammin suoraan keskustelumallille. Siksi jokainen osio on kirjoitettu niin, että se vastaa yhteen kysymykseen lyhyesti ja siteerattavasti: SoftwareApplication- ja FAQPage-jäsennelty data, selkeät väliotsikot, llms.txt sekä blogi, joka kattaa toistuvat kysymykset.

Tämä on sisällön valmistelua, ei lupaus sijoituksista. Me teemme sivusta koneluettavan ja pidämme väitteet sellaisina, että ne voi tarkistaa.

Mitä siitä seurasi

NutriGuru AI:lla on sivu, joka selittää tuotteen yhdellä vierityksellä ja pitää latauksen koko ajan käden ulottuvilla. Uusia osioita ja artikkeleita voi lisätä ilman, että sivua pitää rakentaa uudelleen.

Katso työ: nutriguru.app