Webbdesign för företag

3 misstag på din hemsida som kan få dig att tappa kunder

En hemsida kan se professionell ut och ändå göra det onödigt svårt för kunden att förstå, välja och ta nästa steg. Här är tre vanliga misstag – och vad du kan göra åt dem.

Det besökaren letar efter först

De flesta läser inte en hemsida från början till slut. De skummar, letar efter något som bekräftar att de har kommit rätt och bestämmer sig ganska snabbt för om de ska stanna kvar.

Under de första sekunderna försöker besökaren – oftast utan att tänka på det – få svar på tre frågor:

  1. Är jag på rätt plats?
  2. Kan företaget hjälpa mig?
  3. Vad ska jag göra nu?

När svaren är lätta att hitta känns det naturligt att gå vidare. När besökaren behöver leta, gissa eller tolka är det lätt att gå tillbaka till sökresultatet och prova nästa företag. De tre misstagen nedan handlar om just de frågorna.

Misstag 1: Det är otydligt vad företaget erbjuder

Många hemsidor börjar med en mening som skulle kunna stå hos nästan vilket företag som helst: att man brinner för kvalitet, sätter kunden i fokus eller erbjuder personlig service. Det är ofta sant, men det hjälper inte besökaren att förstå om den har kommit rätt.

Det som saknas är det konkreta. Högst upp på sidan behöver det framgå:

  • Vad ni erbjuder – med de ord kunden själv använder.
  • Vem ni hjälper – privatpersoner, företag eller en viss bransch.
  • Var ni finns eller arbetar – särskilt om kunderna är lokala.
  • Vilket problem ni löser – eller vad kunden får ut av att välja er.

Det betyder inte att personligheten måste bort. Tonen, bilderna och formuleringarna kan fortfarande visa vilka ni är. Men den första rubriken fungerar bäst när den säger vad ni gör – sedan får resten av sidan bygga vidare på det.

Exempel: från allmänt till konkret

Före

Rubrik: ”Vi sätter kvalitet och kunden i fokus”. Text: ”Välkommen till oss! Vi har lång erfarenhet och brinner för det vi gör.” Knapp: ”Läs mer”.

Efter

Rubrik: ”Bokföring och deklaration för småföretag i Göteborg”. Text: ”Vi sköter löpande bokföring, moms och bokslut – så att du kan lägga tiden på verksamheten.” Knapp: ”Boka ett första samtal”.

Påhittat exempel. Den andra versionen svarar på vad, för vem och var redan i rubriken – och knappen säger vad som händer.

Den förbättrade versionen är inte mer kreativ, men den är mycket lättare att förstå. Besökaren kan avgöra direkt om erbjudandet passar, och den som inte är rätt kund slipper leta.

Misstag 2: Nästa steg är svårt att hitta

Även när besökaren förstår erbjudandet kan det bli stopp i nästa moment: hur går man vidare? Det beror sällan på att kontaktvägen saknas helt. Oftare finns det för många vägar, eller så ligger den rätta på fel ställe.

Vanliga hinder

  • För många likvärdiga knappar. När ”Kontakta oss”, ”Läs mer”, ”Begär offert” och ”Boka” ser likadana ut får besökaren själv avgöra vad som är viktigast.
  • Olika texter för samma sak. Samma handling heter olika saker på olika ställen, och det blir oklart om det är samma knapp eller något annat.
  • Bokningen ligger långt ned. Den som redan har bestämt sig ska inte behöva scrolla igenom hela sidan för att hitta knappen.
  • Otydliga formulär. Många fält, oklart vad som händer efteråt och inget besked om när man får svar.
  • Kontaktvägar som inte matchar situationen. En enkel fråga passar dåligt i ett långt formulär, och en offertförfrågan är svår att ta över telefon utan underlag.

Välj ett huvudsakligt nästa steg

Bestäm vad de flesta av dina kunder vill göra och gör det till sidans huvudknapp. Ge den samma formulering överallt och placera den där beslutet fattas: högst upp, efter erbjudandet och i slutet av sidan.

Komplettera sedan med ett lugnare alternativ för den som inte är redo än – till exempel en textlänk till e-post eller till vanliga frågor. Det ska finnas, men inte tävla om uppmärksamheten.

Före

Fyra likadana knappar: ”Kontakta oss”, ”Läs mer”, ”Begär offert” och ”Boka nu”.

Efter

En tydlig huvudknapp, ”Boka tid”, och bredvid den en diskret textlänk: ”Har du frågor? Skriv till oss”.

Överst tävlar fyra knappar om samma uppmärksamhet. Underst finns ett tydligt huvudval och ett lugnare alternativ.

Låt nästa steg passa verksamheten

Vilket steg som är rätt beror på hur kunderna köper av dig. Några exempel:

Frisör eller salong
Boka tid direkt online
Hantverkare
Skicka en offertförfrågan, gärna med bilder
Konsult eller byrå
Boka ett kort första samtal
Restaurang eller café
Se menyn och boka bord

Misstag 3: Mobilversionen behandlas som en mindre kopia

För många företag är mobilen det första stället där en kund möter hemsidan – ofta på språng, med en hand och lite tid. Ändå byggs mobilversionen ofta genom att datorversionen krymps: samma innehåll i samma ordning, bara smalare.

Det fungerar tekniskt, men det viktiga hamnar långt ned och knapparna blir små. En bra mobilversion har en egen prioritering. Frågan är inte bara hur innehållet får plats, utan vad som behöver komma först.

Mindre kopia Allt får plats, men rubriken är liten, knappen ligger längst ned och tre spalter trängs bredvid varandra.

Egen prioritering Erbjudandet först, läsbar text, kort info och en stor knapp där tummen når.

Påhittat exempel. Samma innehåll kan kännas helt olika i mobilen beroende på vad som får komma först.

Det här gör skillnad i mobilen

  • Viktig information tidigt. Erbjudande, område och nästa steg ska synas innan besökaren behöver scrolla långt.
  • Knappar som är lätta att träffa. Stora tryckytor och luft mellan länkarna, så att man inte trycker fel.
  • Läsbar text. Lagom stor text och korta stycken, utan att man behöver zooma.
  • En tydlig meny. Få och begripliga val, och ett enkelt sätt att stänga den igen.
  • En sida som laddar snabbt. Tunga bilder, videor och effekter kan göra sidan seg på mobilnätet. Optimera bilderna och skala bort det som inte tillför något.
  • Enkla formulär. Bara de fält som behövs, rätt tangentbord för e-post och telefon och tydliga felmeddelanden.

Vill du se hur din nuvarande hemsida klarar grunderna kan du göra en kostnadsfri SEO-koll. Den går igenom bland annat teknik och innehåll och förklarar resultatet i klartext.

Sammanfattning: en snabb checklista

Gå igenom din egen hemsida med de här punkterna. Försök se den som en ny besökare skulle göra – gärna i mobilen.

  • Besökaren förstår vad du erbjuder.
  • Rätt nästa steg är tydligt.
  • Mobilupplevelsen är genomtänkt.
  • Text, design och funktion leder åt samma håll.

En bra hemsida behöver inte göra allt. Den behöver hjälpa rätt kund att hitta, förstå och ta nästa steg.

Vill du se hur det kan se ut i praktiken? Titta på några av våra projekt eller läs om hur ett projekt går till hos oss.

Läs vidare

Alla guider

Nästa steg

Gör din hemsida det enkelt att välja dig?

Berätta kort om företaget och vad du vill förbättra. Vi läser, tänker och återkommer med konkreta idéer.

Eller mejla hej@studioklaro.seSe priser och uppläggSå går ett projekt till