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

8 Min.
Designtips för hemsida

Hemsidan eller hemsidan är för många fristaden på en webbplats. Det är avsett att tjäna många syften och tjäna olika målgrupper. Och bäst på samma gång. Hur ser en bra adress och en målmedveten 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.

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, genom dina marknadsföringsaktiviteter (detta kan också vara ett visitkort, till exempel) eller de sociala medieprofilerna på din hemsida. Dessa besökare kanske ännu inte vet vad ditt företag gör. Men du letar uppenbarligen efter ett företag som erbjuder 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 webbplatsen eller företaget?

Tyvärr glöms detta ofta bort. Det första en hemsida måste svara besökaren är: "Är jag här alls?". Eftersom de kommer någonstans ifrån, landar på din sida – och inte vet något ännu. Du behöver bekräftelse redan från början att de har landat på höger sida. Detta är som lite godis i början av deras 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. Sidan Ska jag använda en karusell? Tyvärr är uttalandet "detta är viktigt, vi packar in detta i sidofältet!" tyvärr inte längre möjligt, eftersom sidofältet helt enkelt inte längre är uppdaterat - och är svårt att tolerera med lyhörd 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. Detta innebär att du inte vet hur de hittar något på din webbplats. Du kan till exempel använda menyn, sökningen och sedan skanna rubrikerna eller länkarna på sidan. Den vanligaste första ankarpunkten du åtgärdar är dock den första texten på sidan som ger dig information. Detta har varit resultatet av många studier. Du kan "designa" denna text på mycket olika sätt 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 bilderna dock vara autentiska. För det du visar om 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 telefonägaren längre. Lika lite som ett utländskt mötesrum fyllt med leende men "riktiga" 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: inuti. De vet nu: "Jag är här, jag mår bra." Vad som följer är ett strategiskt beslut: Nu kan du fördjupa den information som du bara kort har berört upp till här. Nu, förutom det första intrycket, kan du sträva efter ditt andra mål.

Vid denna tidpunkt är det vettigt att tänka på vad detta mål verkligen är. Se även den relaterade innehållsstrategin. För om besökarna inte är fixerade på menyn eller söker efter information börjar de rulla. 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
  • ...

Du kan redan se: Det finns nu hundratals sätt att ytterligare utforma startsidan. Och verkligen inte ett standardrecept för hur du guidar 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. 27 meter rullas mycket sällan av någon – och registrerar fortfarande all information.

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

För detta koncept gillar jag att använda så kallade wireframes eller mockups. Det innebär att innehållet på startsidan sorteras till enkla rektanglar med grå kantlinjer. Inget riktigt innehåll, ingen design. Du kan göra detta på ett papper eller med program som Adobe XD, Sketch, Photoshop, InDesign eller till och med i PowerPoint. Som sagt, lämna designen ur vägen. I det här läget 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 satt ditt andra mål och gett användaren: innen all information du kan rymma i det begränsade utrymmet, bör du klargöra ditt mål. Bäst i slutet av sidan. Som sagt: Där kan du lyfta fram den viktigaste informationen, ta emot call to action eller be om att fåkontakt med bilden på dig – utöver dina kontaktuppgifter. Oavsett ditt andra mål på sidan kan du nu placera den innan din sidfot kommer. Som jag sa i början, din hemsida är 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, oavsett om du är en ansedd leverantör. Men akta dig! För många element i sidfoten kan distrahera från ditt faktiska mål. Om du till exempel registrerar dig för nyhetsbrevet, men bara skriver ett nyhetsbrev en gång om året, kan det vara mindre effektivt.

Slutsats

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. Vägled besökarna: där inne. Om möjligt kan du använda Analytics- och A/B-testerför att se om det fungerar. 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 ledde mitt råd inte alltid till önskat resultat :-; Det är därför jag är glad över att ha nya insikter från dig, i kommentarerna! Kanske hittade du den perfekta formeln för din hemsida?

Dina frågor om bidraget

Har du frågor till Phillip? Eller ett tips för att utforma hemsidan? Vi uppskattar din kommentar. Du vill veta om nya bidrag runt WordPress och webbdesign? Följ sedan RAIDBOXES på Twitter, Facebook, LinkedIn eller via vårt nyhetsbrev.

Phillip är frilansande designer och har designat, designat, skapat och vårdat barriärfritt WordPress -Webbplatser för sina kunder i Köln. Under många år var han med och organiserade WordCamp Europe samt andra lokala WordCamps. Som kommunikationsdesigner gillar Phillip också att designa logotyper, affärsutrustning och reklammaterial upp till mässmontrar.

Kommentarer om den här artikeln

Skriva en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *.