En lang page med etager er en landingsside, der er bygget som en sammenhængende side med flere tydelige sektioner, som brugeren scroller igennem. I stedet for at sende besøgende rundt mellem mange undersider, samler du budskab, dokumentation og næste handling i et struktureret forløb, hvor hver “etage” har et klart formål.
Lang landingsside med sektioner: sådan planlægger du etage-strukturen
Start med at definere sidens mål: fx at få brugeren til at forstå et brand, et produkt eller en rutine og derefter udføre én primær handling. Skitser derefter 5-7 etager, som følger en logisk rækkefølge: fra overblik til detaljer.
Praktisk tjekliste til din sideplan
- Hold hver etage snæver i fokus: én pointe, én forklaring, én næste handling.
- Skriv overskrifter, der kan skannes på få sekunder, og brug korte afsnit.
- Gem de tunge detaljer til etager længere nede, hvor brugeren allerede er investeret.
Hero og budskab: første etage skal skabe retning
Den øverste etage skal hurtigt afklare tre ting: hvad siden handler om, hvem den er til, og hvad næste skridt er. En kort introduktion og en tydelig call-to-action gør det lettere at komme i gang uden at skulle lede.
Indhold der typisk hører hjemme i hero-etagen
- En konkret H1, der rammer formålet med siden.
- 1-2 sætninger, som forklarer værdien for målgruppen.
- En knap, der matcher sidens primære mål.
Undgå at fylde hero med alt. Formålet her er retning, ikke detaljer.
Produkt-etager og brug: gør det nemt at forstå en rutine
Hvis din lang page skal forklare en rutine, fungerer “etager” godt som trin i rækkefølge. En simpel struktur er: rens, pleje, kur. Det skaber forventningsafstemning og reducerer friktion, fordi brugeren kan se, hvad der sker i hvert step.
Eksempel på en enkel 3-trins forklaring
- Ved hårvask kan du beskrive to vask med shampoo: første vask fjerner snavs og stylingprodukter, og anden vask giver shampooens aktive ingredienser bedre kontakt med hårstrået.
- Derefter følger conditioner, som bør sidde i 3-5 minutter for at lukke hårets skællag efter vask, tilføre pleje og reducere friktion, så håret beskyttes mod slid og bliver lettere at rede ud.
- Til sidst kan en maske ligge som en separat “kur-etage”, når behovet er større.
Ingrediens- og dokumentationsetage: forklar uden at overforklare
En effektiv etage er en “Active Ingredients” eller “hvorfor det virker”-sektion, der kobler ingredienser til funktion på et nøgternt niveau. Hold dig til det, du kan forklare enkelt, og link gerne til en fuld ingrediensliste som en fold-ud sektion.
Et konkret eksempel er at nævne hydrolyserede proteiner som hydrolyzed wheat protein, hydrolyzed quinoa og hydronized-corn-protein, der ofte bruges i hårpleje, fordi de kan lægge sig på hårstrået og støtte en mere modstandsdygtig følelse over tid. Gør pointen kort, og lad brugeren scrolle videre.
BLID-eksempel: én etage med produkter og klare næste skridt
Hvis du vil dedikere én etage til produkter, så hold den samlet og uden gentagelser andre steder på siden. Her kan du vise en enkel “trin 1-2-3” opsætning med direkte links, så brugeren kan vælge præcis det, der passer.
- Trin 1: BLID SHAMPOO
- Trin 2: BLID CONDITIONER (husk 3-5 minutters virketid)
- Trin 3: BLID HAIR MASQUE til periodisk dybdepleje
Alternativt kan du pege på BLID BUNDLE som et samlet valg. For at forankre etagen som “core” kan du samtidig linke til sortimentets base: Core Care Kollektion.
Denne type produkt-etage fungerer godt på en lang page med etager, fordi den omsætter forklaringen til et konkret næste skridt uden at bryde scroll-flowet.