Design af startside: Sådan gør du din startside til en succes

8 Min.
Tip til design af startside

Hjemmesiden eller hjemmesiden er for mange helligdommen på en hjemmeside. Det er hensigten at tjene mange formål og tjene forskellige målgrupper. Og bedst på samme tid. Hvordan ser en god adresse og et målrettet hjemmesidedesign ud? Her er de vigtigste tips i oversigten.

Jeg taler om virksomheder nedenfor, men principperne gælder også i mange dele til en simpel blog, din særlige interesse side eller dit band. Hjemmesiden skal:

  • Viser virksomheden, bureauet eller tjenesten, når det er bedst
  • Kortlæg samtidig alle områder af forretningsaktiviteter
  • Vis, at virksomheden er up-to-date, gennem nyheder og forbindelsen mellem Facebook, Instagram osv.
  • Men også historiefortællingen med grundlæggernes historie: indeni skal passe
  • Tilmeldingen til nyhedsbrevet skal være konstant synlig

Du ønsker også normalt at kortlægge nye jobtilbud, retninger, din adresse, alle telefonnumre med kontaktpersoner. Og så videre.

optimere billeders hjemmeside
En hjemmeside i henhold til mottoet: Et billede siger mere end tusind ord

Du kan allerede se, hvor dette fører: Hjemmesiden kan og bør ikke gøre alt dette. Du er nødt til at nærme sig sagen konceptuelt og strategisk og tænke grundigt over, hvad der skal afbildes der og hvorfor. Min tilgang er bestemt ikke den eneste og måske ikke den bedste for din virksomhed. Men jeg vil forsøge at retfærdiggøre alle indikationer. Men jeg er også glad for at have andre meninger og forslag i kommentarerne.

Startsiden er en destinationsside

Som alle sider på dit websted er hjemmesiden en destinationsside. Se vores bidrag til det optimale design af destinationssider. Når du har indset det, er der meget, der gøres. Så tænk over det.

Ideelt set har du allerede indsamlet data om din hjemmeside. Hvor kommer de mennesker, der lander på din hjemmeside, fra? Hvad ønsker de at opnå? Hvordan kan du hjælpe dem? Hvad er målet med destinationssiden for dig? Hvilke oplysninger vil du angive?

Analyse af din hjemmeside

Indsamling af numre fra din startside og andre undersider er ekstremt vigtigt. Det er trods alt den eneste måde at finde ud af, om dit indhold og design fører til målet. Læs vores guide til KPI'erfor indhold, indholdshub og indholdstest.

Hvor kommer dine besøgende fra: indeni?

I de fleste tilfælde kommer brugerne via Google via dine marketingaktiviteter (dette kan f.eks. også være et visitkort) eller profiler på sociale medier på din startside. Disse besøgende ved måske endnu ikke, hvad din virksomhed laver. Du er dog naturligvis på udkig efter en virksomhed, der tilbyder dine tjenester eller oplysninger. Ellers ville de ikke gider at gå til din hjemmeside.

I mange tilfælde kan de læse en artikel på dit websted, som du f.eks. delte på Instagram, og derefter gå til startsiden. For at se, hvad virksomheden rent faktisk gør. Nu er du nødt til at tilbyde noget til brugeren: innen! Og det er svaret på spørgsmålet:

Hvad gør hjemmesiden eller virksomheden?

Desværre glemmes dette ofte. Den første ting, en hjemmeside har at stå til ansvar for den besøgende, er: "Er jeg overhovedet lige her?". Fordi de kommer fra et eller andet sted, lander på din side - og ikke ved noget endnu. Du har brug for bekræftelse lige fra starten, at de er landet på højre side. Dette er som lidt slik i begyndelsen af deres brugeroplevelse (UX):

Du er lige her. Du kan trække vejret et lettelsens suk og få dine oplysninger afslappet!

Mit forslag er her: tre til fire sætninger, der kort forklarer præcis, hvad du tilbyder. Med et link nedenfor, hvis du vil vide mere. Det er, hvad internettet er til, så du får flere oplysninger med et enkelt klik.

Grundlæggende tekst på startside
Hjemmesiden for en praksis med en sober indledende tekst

Her får jeg ofte den mest almindelige modvind: Du er nødt til at samle folk op følelsesmæssigt først, så de bliver. Ifølge den slags "Vi bringer et stort billede på hjemmesiden, så lad nyheden køre ind via en skyder. Så de kan se, hvilken stor global virksomhed vi er".

Til de store skydere: De virker ikke. Mange har allerede skrevet om dette. Siden Skal jeg bruge en karrusel? Desværre er udsagnet "dette er vigtigt, vi pakker dette ind i sidebjælken!" er desværre ikke længere muligt, fordi sidebjælken simpelthen ikke længere er opdateret - og er vanskelig at tolerere med lydhør webdesign.

Følelsesmæssig reaktion

Der er et meget klart "ja" fra mig til den følelsesmæssige reaktion fra målgruppen. Dette binder dine kunder: ikke kun på et sag-of-fact-niveau appellerer det også til hjernen på en helt anden måde. Efter min mening bør det første budskab dog stadig være: "Hvad laver du?" Hvordan kan niveauet af følelser bringes ind?

Dette er en strategisk beslutning, der bør baseres på din virksomheds virksomhedsidentitet (CI). Din CI indeholder, hvordan du målretter mod din målgruppe. Der er i princippet tre muligheder:

  • Om teksten
  • Om designet
  • Om billeder eller videoer

Adresse om teksten

Folk bruger en hjemmeside meget forskelligt. Det betyder, at du ikke ved, hvordan de finder noget på dit websted. Du bruger f.eks. menuen, søgningen og scanner derefter overskrifterne eller linkene på siden. Det mest almindelige første ankerpunkt, du retter, er dog den første tekst på siden, der giver dig oplysninger. Dette er resultatet af talrige undersøgelser. Du kan "designe" denne tekst på meget forskellige måder ved hjælp af talen og tonaliteten.

"Jeg er Phillip Roth, jeg laver en hjemmeside for din virksomhed" lyder anderledes end "Hey, jeg er en webdesign influencer og optimere din skøre UX for top-stigende KPI'er!" Tag et nærmere kig på din målgruppe og justere tonalitet i overensstemmelse hermed. Det er lige så meget en del af din virksomhedsidentitet som dit design.

Tal om design

Et tiltalende design formidler ikke kun professionalisme, det rører også følelsesmæssigt. Se vores bidrag til de grundlæggende principper for harmonisk webdesign. Farver, skrifttypevalg, designelementer - alt dette kan formidle til den besøgende: tillid, glæde, kølighed, skørhed og mange andre følelser. Virksomhedsdesign er en del af det overordnede billede af det budskab, din virksomhed ønsker at formidle. Tillidsskabende elementer som certifikater kan give yderligere bonuspoint.

Hjemmeside Billeder Følelser
Hjem med følelsesladet tale og indledende tekst

Billeder eller videoer

Udseendet af din virksomhed er også formet af det visuelle sprog. Er du en global virksomhed med 600 ansatte og seje skyskrabere i Shanghai eller en lille fabrik med et dejligt værksted? Er du coach og har dejlige værkstedsrum eller en læge med en smart praksis? Dette er, hvad dine besøgende ønsker: at kende og se indeni. Du ønsker at finde ud af: "Kan jeg føle mig godt tilpas der?", "Er produktet appellerer til mig?", "Er dette en virksomhed, jeg gerne ansøge om?", "Har almindelige mennesker arbejder der?" "Er de sympatiske?"

Alt dette kan formidles i millisekunder med et eller flere smukke billeder. Til dette skal billederne dog være autentiske. For det, du viser om dig selv og dit hold, skal være virkeligt nu om dage. Ellers føler folk sig ikke taget alvorligt. Ingen ønsker at se bestanden foto med den mærkelige blonde telefon ejer længere. Lige så lidt som et udenlandsk mødelokale fyldt med smilende, men "rigtige" mennesker.

Måske har du endda en god forklarende video, der opsummerer dine resultater på 30 sekunder. Eller i baggrunden kører en video, der viser dit smarte hotel og det smukke landskab i omgivelserne. Alt, hvad der understøtter din virksomhedsidentitet og det budskab, der følger med, er godt!

Farvekoncept for hjemmeside
Hjemmeside med flotte fotos og ensartet farvekoncept

Hvad nu?

Så nu har vi de besøgendes opmærksomhed: indeni. De ved nu, "Jeg er lige her, jeg har det godt." Det følgende er en strategisk beslutning: Nu kan du uddybe de oplysninger, som du kun kort har været inde på op til her. Nu, ud over det første indtryk, kan du forfølge dit andet mål.

På dette tidspunkt giver det mening at tænke over, hvad dette mål virkelig er. Se også den relaterede indholdsstrategi. For hvis de besøgende ikke er fikseret på din menu eller søgen efter oplysninger, begynder de at rulle. Så hvad tilbyder du dem næste?

Mulighederne er mangfoldige:

  • Fortæl en historie
  • Uddyb oplysningerne om dit udvalg af tjenester
  • Vis fantastiske begivenheder, engagementer eller nyheder
  • Hvis du tilbyder et værktøj til at booke en aftale, ringer de ikke altid direkte til dig
  • Jeg sælger mest personligt gennem mit nyhedsbrev, jeg tilbyder det mange steder på hjemmesiden
  • Referencer til din jobside, når du søger nye medarbejdere:
  • Vis gode anmeldelser
  • ...

Du kan allerede se: Der er nu hundredvis af måder at designe hjemmesiden yderligere på. Og bestemt ikke en standard opskrift på, hvordan du guider dine kunder til den ønskede konklusion. Du er nødt til at prøve det. Husk dog, at din startside eller destinationsside ikke får uendelig opmærksomhed. 27 meter rulles meget sjældent af nogen – og registrerer stadig alle oplysninger.

Udtalelser fra hjemmesiden
Startsiden med et tilbud og de tjenester, der tilbydes

Til dette koncept kan jeg godt lide at bruge såkaldte wireframes eller mockups. Det betyder, at indholdet af startsiden skal sorteres i enkle rektangler med grå kanter. Intet rigtigt indhold, intet design. Du kan gøre dette på et stykke papir eller med programmer som Adobe XD, Sketch, Photoshop, InDesign eller endda i PowerPoint. Som jeg sagde, lad designet være ude af vejen. På dette tidspunkt vil du f.eks.

  • Hvad skal der være på hjemmesiden alligevel?
  • Hvad behøver ikke nødvendigvis at gå der?
  • Bliver alt det her for meget?
  • Kan det eksisterende område nå målet?
  • Ser besøgende: Opfordringen til handling tidligt nok?
Mockup Wireframes Adobe XD
Wireframes i Adobe XD

Kom til sagen!

Da du nu har sat dit andet mål og givet brugeren: innen alle de oplysninger, du kan rumme i den begrænsede plads, bør du præcisere dit mål. Bedst i slutningen af siden. Som jeg sagde: Der kan du fremhæve de vigtigste oplysninger, imødekomme opfordringen til handling eller bede om at kontaktebilledet af dig - ud over dine kontaktoplysninger. Uanset hvad dit andet mål på siden er, kan du nu placere den, før din sidefod kommer. Som jeg sagde i begyndelsen, er din hjemmeside en destinationsside.

Sidefoden kan arbejde igen som en anden navigation, for eksempel hvis du kan lide at tilbyde mere information der. Mange kan også lide at se på dit aftryk, uanset om du er en velrenommeret udbyder. Men pas på! Alt for mange elementer i din sidefod kan distrahere fra dit faktiske mål. Hvis du f.eks. tilmelder dig nyhedsbrevet, men du kun skriver et nyhedsbrev en gang om året, kan det være mindre effektivt.

Konklusion

Se din startside som en destinationsside. Giv dine besøgende en fornemmelse af, at de er landet på den rigtige side. Styrk denne følelse med en målgruppeorienteret tilgang, et smart design og støttende, autentiske billeder.

Definer dit andet mål nøjagtigt. Guide de besøgende: inde der. Hvis det er muligt, kan du bruge Analytics- og A/B-testtil at se, om det virker. Og hvad kan arbejde endnu bedre. Efter min mening kan du ikke gøre en hjemmeside meget mere perfekt.

Som du kan se fra de sider, jeg har oprettet (se screenshots) i dette indlæg, har mit råd ikke altid føre til det ønskede resultat :-; Det er derfor, jeg er glad for at have nye indsigter fra dig, i kommentarerne! Måske har du fundet den perfekte formel til din hjemmeside?

Dine spørgsmål om bidraget

Har du spørgsmål til Phillip? Eller et tip til at designe hjemmesiden? Vi sætter pris på din kommentar. Du ønsker at vide om nye bidrag omkring WordPress og webdesign? Følg derefter RAIDBOXES på Twitter, Facebook, LinkedIn eller via vores nyhedsbrev.

Phillip er freelance designer og har designet, skabt og plejet barrierefri WordPress -Hjemmesider for sine kunder i Köln. I mange år var han medorganiseret WordCamp Europe samt andre lokale WordCamps. Som kommunikationsdesigner kan Phillip også lide at designe logoer, forretningsudstyr og reklamemateriale op til messestande.

Kommentarer til denne artikel

Skriv svar på en

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *.