Designtips för hemsida

Hemsida Design: Så här gör du din hemsida till en framgång

För många är hemsidan eller hemsidan en fristad för en webbplats. Det är avsett att uppfylla många syften och tjäna olika målgrupper. Och bäst av allt på samma gång. Hur ser ett bra tillvägagångssätt och en målinriktad hemsida design ut? Här är de viktigaste tipsen i översikten.

Jag pratar om företag nedan, men principerna gäller också i många delar för en enkel blogg, din speciella intressesida eller ditt bands. Hemsidan ska:

  • Visa företaget, byrån eller tjänsten när den är som bäst
  • Kartlägg samtidigt alla verksamhetsområden
  • Visa att företaget är uppdaterat, via nyheter och anslutningen av Facebook, Instagram etc.
  • Men också berättandet med grundarnas historia: inuti ska passa
  • Nyhetsbrevsregistreringen måste vara ständigt synlig

Du vill också vanligtvis kartlägga nya jobberbjudanden, vägbeskrivningar, din adress, alla telefonnummer med kontaktpersoner. Och så vidare.

optimera bilder hemsida
En hemsida enligt mottot: En bild säger mer än tusen ord

Du kan redan se vart detta leder: Startsidan kan och bör inte göra allt detta. Man måste närma sig frågan konceptuellt och strategiskt och noga fundera över vad som ska skildras där och varför. Mitt tillvägagångssätt är verkligen inte det enda och kanske inte det bästa för ditt företag. Men jag ska försöka rättfärdiga alla indikationer. Men det gläder mig också att ha andra åsikter och förslag i kommentarerna.

Samtycke*
Det här fältet är avsett för validering och bör inte ändras.

Startsidan är en målsida

Liksom alla sidor på din webbplats är startsidan en målsida. Se vårt bidrag till optimal design av målsidor. När du har insett det, är mycket gjort. Då tänker du på det.

Helst har du redan samlat in data om din hemsida. Varifrån kommer de som landar på din hemsida? Vad vill de uppnå? Hur kan du hjälpa dem? Vad är målet med målsidan för dig? Vilken information vill du ge?

Analys av din webbplats

Att samla in nummer från din hemsida och andra undersidor är oerhört viktigt. När allt kommer runt är detta det enda sättet att ta reda på om ditt innehåll och design leder till målet. Läs vår guide till innehålls-KPI: er, innehållshubb och innehållstestning.

Var kommer dina besökare inifrån?

I de flesta fall kommer användare via Google, via dina marknadsföringsaktiviteter (detta kan också vara ett visitkort, till exempel) eller de sociala medieprofilerna på din hemsida. Dessa besökare kanske inte ens vet vad ditt företag gör. Men de letar uppenbarligen efter ett företag för att erbjuda dina tjänster eller information. Annars skulle de inte bry sig om att gå till din hemsida.

I många fall kan de läsa en artikel på din webbplats som du till exempel delade på Instagram och sedan gå till startsidan. För att se vad företaget faktiskt gör. Nu måste du erbjuda något till användaren: innen! Och det är svaret på frågan:

Vad gör företaget egentligen?

Tyvärr glöms detta ofta bort. Det första en hemsida måste svara på besökare är: "Är jag ens här?". Eftersom dessa kommer någonstans ifrån, hamna på din WordPress-webbplats - och vet ingenting ännu. De behöver redan i början bekräftelse på att de har landat på rätt sida. Det är som lite godis för att starta din användarupplevelse (UX):

Du är precis här. Du kan dra en lättnadens suck och få din information avslappnad!

Mitt förslag är här: tre till fyra meningar som kortfattat förklarar exakt vad ni erbjuder. Med en länk nedan om du vill veta mer. Det är vad Internet är till för, så du får mer information med ett klick.

Hemsida Grundläggande text
Startsidan för en övning med en nykter introduktionstext

Här får jag ofta den vanligaste motvinden: Du måste plocka upp människor känslomässigt först, så att de stannar. Enligt typen "Vi tar med oss en enorm bild på hemsidan och låter sedan nyheterna köra in via ett skjutreglage. Så att de kan se vilket fantastiskt globalt företag vi är".

Till de stora skjutreglagen: De fungerar inte. Många har redan skrivit om detta. Webbplatsen Ska jag använda en karusell? är ett bra ställe att börja. Tyvärr är uttalandet "det är viktigt, vi lägger det i sidofältet!" inte längre möjligt, eftersom sidofältet helt enkelt inte längre är uppdaterat - och inte är kompatibelt med responsiv webbdesign .

Känslomässig respons

Det finns ett mycket tydligt "ja" från mig till målgruppens känslomässiga respons. Detta binder dina kunder: inte bara på faktanivå, det tilltalar också hjärnan på ett helt annat sätt. Jag anser dock att det första budskapet fortfarande bör finnas kvar: "Vad gör ni?" Hur kan nivån på känslorna föras in?

Detta är ett strategiskt beslut som ska baseras på ditt företags företagsidentitet (CI). Din KI inkluderar hur du riktar dig till din målgrupp. Det finns i princip tre möjliga alternativ:

  • Om texten
  • Om designen
  • Om bilder eller videor

Adress om texten

Människor använder en webbplats mycket annorlunda. Det betyder att du inte vet hur de hittar något på din webbplats. Till exempel använder de först menyn, sökningen och skannar sedan rubrikerna eller länkarna på din WordPress-webbplats. Men den vanligaste första ankarpunkten de fixar är den första texten på webbplatsen som ger dig information. Detta har varit resultatet av många studier. Du kan "designa" den här texten mycket annorlunda med hjälp av talet och tonaliteten.

"Jag är Phillip Roth, jag gör en webbplats för ditt företag" låter annorlunda än "Hej, jag är en webbdesigninfluenser och optimerar din galna UX för topp-stigande KPI: er!" Ta en närmare titt på din målgrupp och justera tonaliteten i enlighet därmed. Det är lika mycket en del av din företagsidentitet som din design.

Prata om design

En tilltalande design förmedlar inte bara professionalism, den berör också känslomässigt. Se vårt bidrag till de grundläggande principerna för harmonisk webbdesign. Färger, typsnittsval, designelement – allt detta kan förmedla till besökaren: självförtroende, glädje, coolhet, galenskap och många andra känslor. Företagsdesign är en del av den övergripande bilden av det budskap som ditt företag vill förmedla. Förtroendehöjande element som certifikat kan ge ytterligare bonuspoäng.

Hemsida Bilder Känslor
Hem med känslosamt tal och inledande text

Bilder eller videor

Ditt företags utseende formas också av det visuella språket. Är du ett globalt företag med 600 anställda och coola skyskrapor i Shanghai eller en liten fabrik med en trevlig verkstad? Är du tränare och har trevliga verkstadsrum eller en läkare med en chic träning? Detta är vad dina besökare vill: att veta och se inuti. Du vill ta reda på: "Kan jag känna mig bekväm där?", "Tilltalar produkten mig?", "Är detta ett företag jag gillar att ansöka till?", "Arbetar vanliga människor där?" "Är de sympatiska?"

Allt detta kan förmedlas i millisekunder med en eller flera vackra bilder. För detta måste dock bilderna vara autentiska. För det du visar av dig själv och ditt team måste vara verkligt nu för tiden. Annars känner sig folk inte tagna på allvar. Ingen vill se arkivfotot med den konstiga blonda telefonoperatören längre. Lika lite som ett utländskt mötesrum, fyllt med leende men "falska" människor.

Kanske har du till och med en bra förklarande video som sammanfattar dina prestationer på 30 sekunder. Eller i bakgrunden finns en video som visar ditt eleganta hotell och det vackra landskapet i omgivningen. Allt som stöder din företagsidentitet och det budskap som följer med det är bra!

Hemsida Färgkoncept
Hemsida med attraktiva foton och enhetligt färgkoncept

Vad händer nu?

Så nu har vi besökarnas uppmärksamhet. De vet nu: "Jag är här, jag känner mig bekväm." Vad som följer är ett strategiskt beslut: Nu kan du fördjupa den information du är, bara kort berörd här. Nu kan du – förutom det första intrycket – fullfölja ditt andra mål.

Vid denna tidpunkt är det vettigt att tänka på vad detta mål faktiskt är. Se även den tillhörande innehållsstrategin. För om besökarna inte är fixerade på din meny eller sökningen efter information börjar de bläddra. Så vad erbjuder du dem härnäst?

Möjligheterna är många:

  • Berätta en historia
  • Fördjupa informationen om ditt utbud av tjänster
  • Visa fantastiska evenemang, engagemang eller nyheter
  • Om du erbjuder ett verktyg för att boka en tid ringer de dig inte alltid direkt
  • Jag säljer mest personligen via mitt nyhetsbrev, jag erbjuder det på många ställen på webbplatsen
  • Referenser till din jobbsida när du letar efter nya medarbetare:
  • Visa bra recensioner
  • ...

Som du kan se finns det nu hundratals sätt på vilka hemsidan kan utformas ytterligare. Och verkligen inte ett standardrecept för hur du leder dina kunder till önskad slutsats. Du måste prova det. Tänk dock på att din hemsida eller målsida inte får oändlig uppmärksamhet. Knappt någon rullar 27 meter – och registrerar fortfarande all information.

Vittnesmål på hemsidan
Startsidan med en offert och de tjänster som erbjuds

För denna uppfattning gillar jag att använda så kallade wireframes eller mockups. Det innebär att du sorterar innehållet på startsidan i enkla rektanglar med grå ramar. Utan verkligt innehåll, utan design. Detta kan göras på ett papper eller med program som Adobe XD, Sketch, Photoshop, InDesign eller till och med i Powerpoint. Som jag sa, lämna designen utanför bilden tills dess. Nu vill du till exempel veta:

  • Vad ska finnas på hemsidan egentligen?
  • Vad behöver inte nödvändigtvis gå dit?
  • Börjar allt det här bli för mycket?
  • Kan det befintliga området nå målet?
  • Ser besökarna: Call to Action tillräckligt tidigt?
Mockup Wireframes Adobe XD
Trådramar i Adobe XD

Kom till saken!

Eftersom du nu har ställt in ditt andra mål och har gett användarna all information du kan rymma i det begränsade utrymmet, bör du klargöra ditt mål. Helst längst ner på sidan. Som jag sa: Där kan du markera den viktigaste informationen, tillmötesgå uppmaningen eller be om kontakt med bilden av dig – bredvid dina kontaktuppgifter. Oavsett ditt andra mål på sidan kan du nu placera den innan din sidfot kommer. Din hemsida är – som nämnts tidigare – en målsida.

Sidfoten kan fungera igen som en andra navigering, till exempel om du vill erbjuda mer information där. Många gillar också att titta på ditt avtryck för att se om du är en ansedd leverantör. Men var försiktig! För många element i sidfoten kan distrahera från ditt faktiska mål. Om det till exempel finns registrering för nyhetsbrevet, men du bara skriver ett nyhetsbrev en gång om året, kan detta vara mindre lämpligt.

Samtycke*
Det här fältet är avsett för validering och bör inte ändras.

Slutsats om hemsida design

Visa startsidan som en målsida. Ge dina besökare känslan av att de har landat på rätt sida. Förstärk denna känsla med ett målgruppsorienterat tillvägagångssätt, en chic design och stödjande, autentiska bilder.

Definiera ditt andra mål exakt. Led besökarna dit. Kontrollera om möjligt om detta fungerar med analys och A / B-testning. Och vad som kan fungera ännu bättre. Enligt min mening kan du inte göra en hemsida mycket mer perfekt.

Som du kan se från sidorna jag skapade (se skärmdumpar) i det här inlägget har min konsultation inte alltid lett till det resultat jag vill ha. Det är därför jag ser fram emot nya insikter från dig, i kommentarerna! Kanske har du hittat den perfekta formeln för din hemsida?

Dina frågor om bidraget

Har du frågor till Phillip? Eller ett tips för utformningen av startsidan? Vi ser fram emot er kommentar. Vill du bli informerad om nya inlägg om WordPress och webbdesign? Följ sedan Raidboxes på Twitter, Facebook, LinkedIn eller via vårt nyhetsbrev.

Tyckte du om artikeln?

Med din recension hjälper du oss att förbättra vårt innehåll ytterligare.

Skriva en kommentar

Din e-postadress kommer inte att publiceras.