Product Landing Page
Feature Detail
Description
The product landing page is the primary public-facing entry point for the Meander sales website, targeting prospective organizations considering the platform. It presents the platform's core value proposition, key capabilities, and organizational fit without requiring authentication or any backend connection. The page is fully static, served as a compiled site (Next.js static export, Astro, or plain HTML/CSS), and designed to convert organizational decision-makers into demo-booking leads. A feature showcase section highlights the platform's modular capabilities across the Mobile App and Admin Web Portal products, giving visitors a visual overview of what Meander delivers.
Sources & reasoning
The source doc explicitly scopes a "statisk landingsside med produktbeskrivelse og fordeler" as MVP for the Sales Website (line 333), and lines 216-225 define the sales website as an information-only public site. The blueprint assigns [MVP] to this feature. Phase 0 action items include "Få opp nettside (Aleksander)" (line 393), confirming this is a launch-blocking deliverable.
-
docs/source/likeperson.md · line 216-225Purpose: Public information site for prospective organizations - explains what Meander is shows features, and collects demo requests. Scope: Information-only. No authentication, no user accounts, no database, no shared runtime with the operational pr
-
docs/source/likeperson.md · line 333-337Product Sales Website (MVP scope): Statisk landingsside med produktbeskrivelse og fordeler, Enkelt demo-booking-skjema (sender til e-post/webhook, ingen pålogging), Privacy policy og vilkår
Analysis
As the only public-facing product in the Meander platform, the sales website is the first impression for every prospective organizational client. A compelling landing page directly reduces the sales cycle by providing self-service information to decision-makers at organizations like NHF, Blindeforbundet, HLF, and Barnekreftforeningen, who need to evaluate platform fit before committing to a demo or contract. The page establishes platform credibility and communicates the multi-organization, modular nature of Meander without requiring sales intervention. It is a prerequisite for the demo booking flow and supports the "get the website up" mobilization objective identified for Phase 0.
The page is implemented as a fully static site with no authentication, no database dependency, and no shared runtime with the operational products (Mobile App, Admin Web Portal). Next.js static export, Astro, or plain HTML/CSS are all viable approaches. The feature showcase section is authored at build time and rendered client-side or server-rendered statically. SEO metadata, Open Graph tags, and accessibility compliance (semantic HTML, sufficient color contrast) are mandatory. The page may include a lightweight CTA linking to the demo booking form, but all dynamic behavior (form submission) is handled by the separate booking feature. No API calls, cookies, or user accounts are required or permitted on this page.
Quality Assurance
Prospective Organization Representative (primary)Prospective Organization Representative
Quick UAT
- Åpne nettleseren og naviger til Meander-nettstedet. Bekreft at landingssiden laster uten feil og at hovedoverskriften og verdiforslaget er synlig øverst på siden.
- Rull sakte nedover siden. Bekreft at seksjonen for funksjonsoversikt (FeatureShowcaseSection) vises med modulkort for både mobilappen og Admin-portalen.
- Les gjennom modulkortene i funksjonsoversikten. Bekreft at minimum tre kjernekapabiliteter er beskrevet med tittel og kort forklaring.
- Finn og trykk på demo-booking-knappen (primær CTA). Bekreft at du navigeres til demo-booking-skjemaet uten feil.
Quick UAT — Accessibility
-
Åpne nettleseren og naviger til Meander-nettstedet. Bekreft at landingssiden laster uten feil og at hovedoverskriften og verdiforslaget er synlig øverst på siden.
- Screen reader Sideoverskrift (<h1>) annonseres umiddelbart; dokumenttittel leses i nettleserfanen.
- Keyboard / focus Tab-rekkefølge starter fra topp-navigasjon; ingen tastaturfelle ved innlasting.
- Zoom Siden er fullt lesbar og rullegardin-elementer er intakte ved 200 % zoom.
- Contrast Overskriftstekst og brødtekst har minimum 4,5:1 kontrastforhold mot bakgrunn.
-
Rull sakte nedover siden. Bekreft at seksjonen for funksjonsoversikt (FeatureShowcaseSection) vises med modulkort for både mobilappen og Admin-portalen.
- Screen reader Seksjonsoverskrift for funksjonsoversikt annonseres som heading-nivå 2 eller 3 ved innkommende fokus.
- Keyboard / focus Alle modulkort er nåbare med Tab; rekkefølgen følger visuell venstre-til-høyre, topp-til-bunn-orden.
- Focus visibility Synlig fokusring vises på hvert kort ved tastaturnavigasjon.
- Contrast Korttitler og beskrivelsestekst har minimum 4,5:1 kontrast; ikoner/dekorative elementer er unntatt.
-
Les gjennom modulkortene i funksjonsoversikten. Bekreft at minimum tre kjernekapabiliteter er beskrevet med tittel og kort forklaring.
- Screen reader Hvert kort leses med tittel etterfulgt av beskrivelsestekst; ingen innhold er kun formidlet via bilde uten alt-tekst.
- Touch target Alle interaktive elementer inni kortene har minimum 24×24 CSS-piksler berøringsflate.
- Zoom Kortlayout bryter ikke ved 200 % zoom; tekst avskjæres ikke.
-
Finn og trykk på demo-booking-knappen (primær CTA). Bekreft at du navigeres til demo-booking-skjemaet uten feil.
- Screen reader Knapp annonseres som 'Book demo' eller tilsvarende med rolle 'button'; destinasjonsside-tittel leses etter navigasjon.
- Keyboard / focus Knappen nås med Tab og aktiveres med Enter eller mellomrom.
- Focus visibility Synlig fokusring på CTA-knappen; ingen fokustap ved sideovergangen.
- Touch target CTA-knappen er minimum 44×44 CSS-piksler berøringsflate (anbefalt for primær CTA).
- Contrast Knapptekst og knapperammefarge har minimum 4,5:1 kontrast mot knappebagrunn; knappstatus ikke formidlet kun via farge.
Expected End State
Besøkende har fått et fullstendig inntrykk av Meander-plattformens kjernekapabiliteter og er navigert til demo-booking-skjemaet klar til å sende inn en forespørsel.
Components (20)
Shared Components
These components are reused across multiple features
User Stories
No user stories have been generated for this feature yet.