Designa en ny hemsida steg för steg - som en webbdesigner

Nu ska vi tillsammans kolla på stegen som jag (Robin) som webbdesigner tar för att skapa en hemsida som inte bara ser bra ut, men som hjälper dina potentiella kunder till att vilja köpa av dig.

Det är väldigt enkelt att skaffa en hemsida via hemsideprogram som Wix, Wordpress eller Squarespace. Men många företagare som bygger sina egna hemsidor missar kritiska steg som gör att de helt missar vad hemsidan ska göra = tjäna dem pengar. Vilket gör att deras hemsida blir meningslös i deras företagande.

Därför ska vi i det här korta inlägget se på stegen som jag går igenom för att försäkra mig om att hemsidan spelar en större roll i marknadsföringen och för företagets omsättning.

Allt med hemsidan börjar med företagsstrategi + marknadsstrategi

Allt vi gör i marknadsföring ska egentligen utgå från den övergripande strategin, vilket är företagsstrategin.

Strategin för företaget sätter målen som ska uppnås i företaget, det är där företagets vision finns, varför det ens existerar- utan det så har saknar du riktningen all energi du lägger ner går som till spillo eftersom du springer åt fel håll, du vet bara inte om det än.

Din hemsida ska vara en del i att du uppnår de målen via att kommunicera ut dina produkter och tjänster på ett så tydligt sätt som möjligt att dina potentiella målgrupper har allt de behöver för att ta ett beslut om du är rätt för dem.

De strategiska bitarna kan vi (nästan) göra lika komplicerade som kvantfysik, men för att få resultat så behöver den inte vara svårare än...

• Vad: är det som du faktiskt säljer som lösning på ett specifikt problem.
• Varför: existerar företaget? Är du grundaren så kan du ofta hitta detta i varför du började från första början.
• Målgrupp (vem): är det som har störst användning av att köpa det du erbjuder.
• Framtiden (när): hur du på utveckligen av företaget de närmsta 12 månaderna. Finns där några plötsliga förändringar i horisonten att navigera?

Med den målbilden klar för oss så kan kan vi börja ta fram vilka sidor som vi behöver ha på hemsidan för att hjälpa nå de målen - till det använder vi oss av en sidstruktur.

Sidstruktur - vilka sidor och hur är de hänger ihop

Hur många sidor du har med i din sidstruktur beror till viss del på företagets storlek, dess produktutbud, ska hemsidan använda sig av content marketing via en blogg? Behöver de ha dedikerade sidor till specifika case studies? Behöver kollegorna ha profilsidor för att används som authors på artiklar för schema.org? Är bara några av frågorna att tänka på när du tar fram din sidstruktur.

‍

Här är några sidor som vanligtvis dyker upp i en sidstruktur 

• Startsida
• Om oss
• Produkt/tjänstesida
• Integritetspolicy
• 404'a
• Kontakt

Sidstrukturen hjälper oss även att se hur url-strukturen ser ut vilket är till fördel när vi planerar för sökordsoptimeringen.

En URL, eller Uniform Resource Locator, är adressen till en hemsida eller webbsida på nätet. Varje URL är en unik webbadress som leder dig till en specifik webbsida. Varje sida på nätet har en egen URL.

Med sidstrukturen på plats så har du nu tagit dig igenom de lättare bitarna av designandet av en ny hemsida, nu når vi steget där det börjar att bli krångligt / jobbigt för företagare som gör att de gärna hoppar över... 👇

Syftet avgör innehållet på de olika sidorna

Varje sida har ett unikt syfte. Det syftet avgör vad det är som vi erbjuder en besökare som nästa steg (call to action), vad innehållet handlar om och i vilken ordning vi presenterar den informationen.

Exempel på sidor och dess syfte:

• Startsidan ska ge en överblick av företaget och erbjuda enkel navigering för besökare så att de snabbt kan hitta vart de ska.
• Säljsida ska ge övertygande fakta till varför besökaren borde ta beslutet om att köpa.
• Produktsida ska gå igenom alla fördelar med produkten, användningsområden och visa upp social proof från tidigare kunder (helst som är lika besökaren) specifikt för den produkten.

Vad vi har med på sidan hänger ihop med det vi pratade om kring Stages of awareness.

Vilket snabbt går att fräscha upp ditt minne om genom att se den delen av min video vid 2.40 > "Att Skapa Nya kunder Genom Marknadsföring" < där jag går igenom just den.

Först när vi har klart för oss: 

• Vad själva sidans syfte är
• Vem den önskade besökaren är
• Vad de behöver veta för att ta nästa steg...

Då tar vi steget in i Wireframe (sett till höger i bilden nedan) det är när vi kollar på flödet av innehåll på hemsidan.

Detta gör vi för att folk inte scrollar så långt på sidorna. Det viktigare innehållet behöver vi ha högt upp så att fler får chans att se det. Samtidigt vill vi göra själva sidan så engagerande att de faktiskt tar sig igenom hela sidan.

En Wireframe är så avskalad som den kan bli för att vi inte ska fokusera på saker som lätt fångar vår uppmärksamhet färger, fonts, bilder när det är flödet vi försöker att fixa.

Det är när vi har klart vår wireframe (för egentligen alla sidor på hemsidan) som vi tar steget in i Design. Ja, det är då vi lägger färg, hittar rätt bilder och jobbar med texterna på själva sidorna.

Detta är vad många företagare hoppar till. Detta är vad de tänker att en Webbdesigner gör, men för att försäkra om hemsidans effektivitet, är det stegen innan som designern lägger mestadels av sitt krut 💣

Om vi har gjort vårt jobb bra i de tidigare stegen, så är det här steget det enklaste.

Du är inte riktigt klar med din hemsida, än...

När du har fört in all design på din hemsida, du är klar för att publicera och börja fokusera på annat, men... det här är faktiskt bara början 🙈

Din hemsida är en viktig spelare i ditt marknadsföringsteam. För att få full effekt utav den så vill du utnyttja analyseringsverktyg som inte bara ger dig värdefull information om dina besökare, men information som du kan använda för att göra hemsidan bättre = konvertera fler besökare till kunder.

Här har du 3 analysprogram som du kan använda, helt gratis, för dig om du börjar med din hemsida.

• Google Search Console - är till för att analysera hur hemsidan ter sig med sökordsoptimering och de ord som de olika sidorna rankar för.
• Google Analytics - använder vi för att skapa konverteringar (tillsammans med Google Tag Manager) för att kunna hur hög konverteringsgrad hemsidan har och blir en utgångspunkt för ett nuläge.
• Heatmaps - vi använder oss utav Hotjar för att analysera vår egen och våra kunders hemsidor. Det oss värdefull information för att förbättra de olika sidorna till att fungera bättre.

⚠️ Tänk på att Google Analytics och Heatmaps kräver GDPR consent för att köra sina cookies!

Att strukturera hemsidan, ha klart ett syfte för sidorna på din hemsida är ett faktum att det gör din hemsida effektivare i att få fler till att bli leads.

Det är dock fortfarande en gissning i hur den faktiskt används eller tas emot av dina besökare.

Genom att analysera för att fortsätta att optimera din hemsida tillsammans med din andra marknadsföring så sätter du dig över alla andra småföretagare som ser sin hemsida som statisk.

För de kunder jag har till min webbyrå som har hemsida på prenumeration så gör jag ett tiotal ändringar varje månad.

• Ändrar bilder
• Titlar / H1
• Texter anpassas
• Flyttar om sektionerna
• Lägger till nya sidor

Allt för att finslipa hemsidan till att generera ännu fler besökare och ännu fler leads. För jag vet effekten det har på ett företag när de får in fler leads än de behöver... det tar företaget till skyarna!