20 eksempler på, hvordan du laver effektive landingssidedesign
Leder du efter gode eksempler på effektive landingssider? Lær af eksperterne og skab landingssider, der både tiltrækker og fastholder de kunder, du vil nå.
Førstehåndsindtryk er afgørende – faktisk er 94% designrelaterede kundernes første indtryk baseret på design. Hvis en potentiel kundes første møde med din virksomhed er en forvirrende eller uinspirerende landingsside, risikerer du, at de aldrig vender tilbage. På blot 14 millisekunder kan en besøgende beslutte, om de vil blive eller forlade siden – og hvis de forlader, mister du en værdifuld chance.
Selv nogle af verdens største brands kæmper med ineffektive landingssider. Men heldigvis kan du nemt forbedre dit design ved at forstå din målgruppe i dybden og skræddersy din side derefter. I Danmark er en brugercentreret tilgang afgørende, og mange brands oplever højere konverteringsrater ved at sikre, at landingssiden er både enkel og relevant for den danske målgruppe.
Lær fra eksperterne, hvordan du kan optimere dit landingssidedesign til at konvertere besøgende til kunder. Vi har samlet 20 inspirerende eksempler fra brands, der mestrer kunsten.
Hvad gør et landingssidedesign effektivt?
Et effektivt landingssidedesign følger ofte en fast grundstruktur, men der er særlige elementer, som de mest succesfulde sider giver ekstra opmærksomhed.
Indhold over folden
“Folden” – også nogle gange bare kaldet skærmkanten på dansk – er det synlige område af en webside, før brugeren begynder at scrolle. Hvad der vises her, varierer afhængigt af enheden—om det er på desktop, tablet eller mobil, som hver har forskellige skærmstørrelser. Generelt ligger folden omkring 600 pixels fra toppen af browservinduet.
Det er værd at huske, at ikke alle besøgende på din landingsside vil scrolle forbi folden, uanset om de bruger desktop eller mobil. Faktisk scroller de fleste slet ikke ned.
Fokuser derfor på informationsstrømmen over hele siden i stedet for kun at designe for indhold over og under folden. Tænk på, at alt hvad brugeren ser uden at skulle scrolle, skal give dem lyst til at blive og udforske mere af dit landingssidedesign.
Landingssidetekst
En god landingssidetekst består af alle de ord, der præsenteres på siden – herunder produktbeskrivelser, call-to-actions (CTA’er), overskrifter samt meta-titel og beskrivelse. Start din landingsside med en fed og problemorienteret overskrift, der griber læserens opmærksomhed.
Når du skriver din landingssidetekst, så lad kundens stemme skinne igennem. Læs kundeanmeldelser og gennemse sociale medier for at finde de ord og vendinger, din målgruppe bruger, og inkorporer dem i din tekst.
Husk at fremhæve fordelene frem for funktionerne. Hvis din landingsside f.eks. promoverer et vandtæt telefoncover, så nævn, hvordan brugerne kan tage billeder under vandet – det skaber en klar fordel, der gør IP-vandtætheden relevant.
Til sidst skal din tekst være overbevisende og udtrykke din brandstemme (tit kaldet TOV eller Tone of Voice). Konsistens er afgørende, også når det gælder målrettede kampagner og specifikke tilbud.
Billeder og farveskema
Dit landingssidedesign skal tænke på både farver og skrifttyper og samtidig give plads til velplacerede billeder. Mange vælger at starte med teksten og derefter udvikle de visuelle elementer, så der skabes en god synergi mellem ord og billeder. Husk, at billeder ikke kun omfatter produktfotos, men også kan inkludere illustrationer og videoer, der understøtter budskabet.
Kundeanmeldelser
En af de små, men yderst effektive ændringer, som Ezra Firestone – grundlægger af Smart Marketer og medstifter samt CEO for BOOM! by Cindy Joseph – foretog i sine Shopify-butikker, var at tilføje kundeanmeldelser øverst i produktboksen i stedet for produktnavnet.
Sådan ser det ud:
Hvis du placerer en kundeudtalelse øverst, opbygger det tillid, gør det lettere for kunderne at finde anmeldelser og lader dine eksisterende kunder tale på dine vegne. Vælg altid citater, der klart fremhæver en fordel ved produktet eller et problem, som det løser. I Danmark kan du også overveje at inkludere “E-mærket” for at vise, at dit website er godkendt som en sikker online butik. Det danske “E-mærket” kan give brugerne ekstra tryghed og sikre, at de føler sig godt behandlet.
Overvej også at oprette en hel sektion dedikeret til kundeanmeldelser, så besøgende kan læse erfaringer fra virkelige kunder, der har købt dine produkter. Vis også gerne et par mindre positive og gennemsnitlige anmeldelser, så potentielle kunder får et ærligt og nuanceret billede af, hvad andre kan lide, og hvad de synes mindre godt om.
Call to action
Hver landing page har brug for en call to action (CTA) for at være effektiv. Din CTA skal motivere brugerne til at tage den handling, du ønsker. Afhængigt af formålet med din landingsside kan CTA’en lyde noget i retning af “Lær mere,” “Køb nu” eller “Tilmeld dig.” Hvis det er relevant, kan du også inkludere prisoplysninger her.
Placeringen af CTA’en er vigtig og afhænger af, hvad dit publikum har brug for. Dette kan bedst afgøres gennem tests af CTA’ens placering for at finde ud af, hvor den skaber de bedste konverteringer. Generelt bør du placere en CTA over skærmkanten samt flere CTA’er gennem hele landingssiden, afhængigt af hvor lang siden er.
Eksempler på designs til landingssider
Brightland
Har dit brand nogensinde været omtalt i en nyhedsartikel? At fremvise disse logoer på dine landingssider med citater fra artiklerne er det, Nik Sharma, CEO for Sharma Brands, kalder en “brag bar.” Omtale i anerkendte publikationer tilføjer troværdighed til dit brand, og denne type synlighed betyder meget for kunder, der vil vide mere om dine produkter.
Brightland er et godt eksempel: De sælger ekstra jomfruolivenolie fra Californien og udnytter positiv omtale fra medier som The New York Times og The Wall Street Journal, som de udnytter til deres fordel i landingssidedesignet.
Olipop
Olipop sælger sundere sodavand, fyldt med plantebaserede ingredienser og præbiotika for at understøtte en sund tarmflora. Mærket bruger fordel-baseret tekst til at håndtere kundernes spørgsmål direkte (“Men hvor meget sukker er der i sodavanden?”) og positionerer drikken som et sundt alternativ for sodavandselskere, der gerne vil skære ned.
Du kan finde inspiration til dit eget landingssidedesign ved at anvende klare, fremtrædende overskrifter, dybdegående produkloplysninger (ved scrolling), stjerner med et faktisk anmeldelsestal for troværdighed, en diskret header, der ikke dominerer siden, et intuitivt og let navigerbart layout samt flotte produktfotos.
Path
Path er et virtuelt studie til fotoredigering med en Shopify-butikder sælger sine tjenester gennem en Shopify-butik. Deres kerneydelse er redigering af produktfotos, og en af de kanaler, de bruger til at nå ud til potentielle kunder, er e-mailmarketing. Til dette formål har Path en dedikeret landingsside, der fokuserer på at få besøgende til at tilmelde sig deres nyhedsbrev.
Siden er målrettet og fokuseret – hele layoutet understøtter målet om at få besøgende til at tilmelde sig nyhedsbrevet uden unødvendige distraktioner. Denne side er ikke direkte tilgængelig fra virksomhedens hovedwebsite, men bruges i stedet til kampagner, der specifikt promoverer nyhedsbrevstilmeldinger.
LUSH Cosmetics
Certificeringer har stor betydning for kunderne, og nogle vælger ikke at købe uden dem. Eksempler som Leaping Bunny, ikke-GMO eller certificering som B Corp styrker troværdigheden. Hvis dit brand har opnået relevante certificeringer, bør de fremhæves på din landingsside.
LUSH Cosmetics anvender denne tilgang i deres landingssidedesign. Nederst på deres “plastikfri” side præsenteres brandets kerneværdier tydeligt, herunder at produkterne er 100% vegetariske, håndlavede og aldrig testet på dyr.
Netflix
Netflix er kendt som en pioner inden for abonnementsindustrien. Med mere end 260 millioner betalende abonnenter i over 190 lande har de stor erfaring med at designe landingssider, der effektivt får folk til at abonnere.
Et godt eksempel er designet af deres landingsside til gavekort. Her finder man to enkle opfordringer til handling (enten at købe gavekortet via Netflix selv eller gennem Amazon) samt en kort oversigt over, hvordan gavekortet fungerer. Designet er kortfattet og præcist og leverer alle de nødvendige oplysninger, som en kunde har brug for før et køb.