Du aldrig få en anden chance for at gøre et første indtryk — det er derfor, din hjemmeside er uden tvivl en af de vigtigste web-sider på din hjemmeside.

for enhver given virksomhed er hjemmesiden dens virtuelle hoveddør. Hvis en ny besøgende ikke kan lide det, de ser, er deres knæ-rykk-reaktion at trykke på knappen “Tilbage”.

det er rigtigt — desværre dømmer mange mennesker stadig en bog efter dens omslag.

Hvad gør et websiteebsteds hjemmesidedesign strålende i stedet for bla?, Nå, det kræver mere end udseende alene-det skal også fungere godt. Derfor scorer de mest strålende hjemmesider På denne liste ikke kun højt i skønhed, men også i hjerner.

men inden vi dykker ned i de 16 eksempler, lad os dissekere nogle af de bedste fremgangsmåder inden for hjemmesidedesign.

Hvad gør en god hjemmeside hjemmeside Design

alle hjemmesiden designs vist her udnytte en kombination af følgende elementer., Ikke hver side er perfekt, men de bedste hjemmesidedesign får mange af disse rigtige:

1) Det svarer klart “hvem jeg er”, “hvad jeg gør” og/eller “hvad kan du (den besøgende) gøre her.”

Hvis du er et velkendt brand eller firma (dvs.Coca Cola), kan du muligvis slippe af sted med ikke at skulle beskrive, hvem du er, og hvad du gør; men virkeligheden er, de fleste virksomheder har stadig brug for at besvare disse spørgsmål, så hver besøgende ved, at de er på det ” rigtige sted.,”Steven Krugg opsummerer det bedst i sin bedst sælgende bog, lad mig ikke tænke: hvis besøgende ikke kan identificere, hvad det er, du gør inden for få sekunder, vil de ikke holde sig længe.

2) det resonerer med målgruppen.

en hjemmeside skal være snævert fokuseret — taler til de rigtige mennesker på deres sprog. De bedste hjemmesider undgå ” corporate gobbledygook,” og fjerne fnug.

3) det kommunikerer en overbevisende værdi proposition.

Når en besøgende ankommer til din hjemmeside, skal den tvinge dem til at holde sig rundt., Hjemmesiden er det bedste sted at sømme din værdi proposition, så udsigterne vælger at bo på din hjemmeside og ikke navigere til dine konkurrenters.

4) Det er optimeret til flere enheder.

Alle de hjemmesider, der er anført her, er meget anvendelige, hvilket betyder, at de er nemme at navigere i, og der er ikke “flashy” objekter, der kan komme i vejen for browsing, såsom flash-bannere, animationer, pop-ups, eller alt for komplicerede og unødvendige elementer. Mange af dem er også mobiloptimeret, hvilket er et utroligt vigtigt must-have i dagens mobile verden.,

5) Det omfatter opkald til handling (CTA ‘ er).

hver hjemmeside, der er anført her, bruger effektivt primære og sekundære opkald til handling for at lede besøgende til det næste logiske trin. Eksempler inkluderer “gratis prøveversion”, “Planlæg en Demo”, “Køb nu” eller ” Lær mere.”(Her er 30 eksempler på gode CTA ‘ er for mere inspiration.husk, at målet med hjemmesiden er at tvinge besøgende til at grave dybere ind på dit websiteebsted og flytte dem længere ned i tragten. CTA ‘ er fortæller dem, hvad de skal gøre næste, så de ikke bliver overvældede eller tabte., Endnu vigtigere, CTA ‘ er gør din hjemmeside til en salgs – eller lead-generation motor, og ikke kun brochure-slid.

6) Det ændrer sig altid.

de bedste hjemmesider er ikke altid statiske. Nogle af dem, som Whitehouse.gov, ændrer sig konstant for at afspejle deres besøgendes behov, problemer og spørgsmål. Nogle hjemmesider ændres også fra A / B-test eller dynamisk indhold.

7) Det beskæftiger stor overordnede design.

en veldesignet side er vigtig for at opbygge tillid, kommunikere værdi og navigere besøgende til næste trin., Som sådan bruger disse hjemmesider effektivt layout, CTA placering, mellemrum, farver, skrifttyper og andre understøttende elementer.

gør dig nu klar til at lære om fremragende hjemmesidedesign gennem følgende 16 eksempler i det virkelige liv.

Website Design Inspiration: 16 af de Bedste Hjemmeside Design

1) FreshBooks

SE HELE HJEMMESIDE

Hvorfor Det er Genialt

  • Det er nemt at indtage. Der er meget debat om, hvorvidt korte eller lange hjemmesider fungerer bedre., Hvis du vælger at gøre sidstnævnte, skal du gøre det nemt at rulle og læse — og det er præcis, hvad dette .ebsted gør. Det virker næsten som en historie.
  • Der er stor brug af kontrast og positionering med de primære opfordringer til handling — det er klart, hvad virksomheden vil have dig til at konvertere, når du ankommer.
  • kopien, der bruges i opkald til handling “prøv det gratis i 30 dage”, er meget overbevisende.
  • underoverskriften er også fantastisk: “Deltag i 5 millioner mennesker, der bruger FreshBooks til smertefrit at sende fakturaer, spore tid og fange udgifter.,”Det nulstiller på et fælles smertepunkt for freelancere og små virksomheder (FreshBooks’ målgruppe) — typisk er regnskabssoft .are ofte “smerteligt kompliceret.,”

2) Airbnb

SE HELE HJEMMESIDE

Hvorfor Det er Genialt

  • hjemmesiden er smukke på sin egen: Det byder dig velkommen med en fuld skærm video af smuk, høj-definition-optagelser af rejsende, der laver aktiviteter, som hvis de er lokale, fra madlavning i køkkenet for at købe de lokale oste, for at køre en knallert gennem gaderne. Det er meget menneskeligt og autentisk.,
  • det inkluderer destinations-og datosøgningsformularen, som de fleste besøgende kommer på udkig efter, lige foran, og leder besøgende til det logiske næste trin.
  • søgeformularen er “smart”, hvilket betyder, at den automatisk udfylder brugerens sidste søgning, hvis de er logget ind.
  • den primære opfordring til handling (“Søg”) står i kontrast til baggrunden og skiller sig ud; men den sekundære opfordring til handling for værter er også synlig over folden.,

3) Mint

SE HELE HJEMMESIDE

Hvorfor Det er Genialt

  • Det er et super enkelt design med en stærk, ikke-jargon overskrift og under-overskrift.
  • hjemmesiden afgiver en sikker, men afslappet stemning, hvilket er vigtigt for et produkt, der håndterer finansielle oplysninger.
  • det indeholder også enkel, direkte og overbevisende opfordring til handling: “Tilmeld dig gratis .”CTA-designet er også strålende-det sikrede låsikon rammer sikkerhedsmeddelelsen igen.,

4) Dropbox (Forbruger)

Hvorfor Det er Genialt

  • Dropbox ‘ s hjemmeside, og hjemmesiden er det ultimative eksempel på enkelhed. Det begrænser brugen af kopi og grafik og omfatter blanke rum.
  • det er svært at fortælle fra det statiske skærmbillede ovenfor, men dette .ebsted fanger din opmærksomhed med sin subtile brug af finurlig animation i den grafiske.
  • deres underoverskrift er enkel, men alligevel kraftfuld: “kom til alle dine filer hvor som helst, på enhver enhed, og del dem med nogen .,”Ingen grund til at afkode jargon for at finde ud af, hvad Dropbo.virkelig gør .
  • det har fokus på en primær opfordring til handling, “Tilmeld dig gratis.”Men den Google-aktiverede tilmeldingsfunktion reducerer friktion for besøgende, der hader at udfylde lange registreringsformularer.

5) Internetserveren (Forretningen)

SE HELE HJEMMESIDE

Hvorfor er Det Briliant

  • Det er et godt eksempel på, at give en anderledes oplevelse af webstedet til en anden målgruppe., I modsætning til deres vigtigste hjemmeside, som oprindeligt blev bygget til forbrugernes side (ovenfor), deres business-brugere kræver mere information og yderligere dokumentation peger på, at Dropbox Virksomhed en sikker og skalerbar løsning for virksomheder (en opfattelse af spørgsmålet, at Dropbox-adresser på deres hjemmeside direkte).
  • Dropbo.fortsætter med at overføre det enkle design og branding. Det inkluderer kun det, der er vigtigt: et stort, relevant billede med understøttende kopi og en “Prøv gratis i 30 dage” opkaldsknap

6) Whithitehouse.,gov

hvorfor det er strålende

  • opbygning af et websiteebsted, der understøtter en hel nation, er ingen let opgave. Whitehouse.gov er en konstant forandring for at afspejle de største bekymringer og prioriteter — hjemmesiden alene har gennemgået hundredvis af revisioner. Test og optimering er en vigtig komponent til en strålende hjemmeside design.
  • Hvad er særligt godt om Whitehouse.gov er, at det er helt i modsætning til de fleste regering-relaterede hjemmesider. Det har et rent design og fremmer et fællesskab.,
  • det er ret nemt at finde det, du leder efter, når du lander her. Og hvis du ikke kan finde det med det samme, er der endda et praktisk søgefelt.

7) 4 Floder Røgeri

Hvorfor Det er Genialt

  • Savle. Det er hvad jeg tror, når jeg ankommer til hjemmesiden for 4 Rivers Smokehouse. Kombineret med stor fotografering, overskriften “Brisket. 18 år at mestre. Din at nyde.”lyder som en oplevelse værd at prøve.,
  • The parallax scrolling guider dig på en rundvisning gennem deres tjenester, menu, og folk, der har en fantastisk tid — en stor brug af denne populære design trend.
  • det eneste negative? Jeg bor ikke tæt nok på dette sted. Boo.

8) Cobb Pediatric Terapi Service

SE HELE HJEMMESIDE

Hvorfor Det er Genialt

  • overskriften og subheadline appel til besøgende’ følelsesmæssige side: “At arbejde Med en Virksomhed, Der Får Det”; “Tillid til os., Vi har også været der! Vi finder job, hvor du kan trives.”Denne værdi proposition er unik og overbevisende.
  • det er svært at fortælle fra skærmbilledet ovenfor, men overskriften er på en roterende karrusel, der henvender sig til bestemte personer, fra jobansøgere til folk, der søger en terapeut til deres skoler.
  • der er flere veje, som besøgende kan tage, når de ankommer på siden, men opkaldene til handling er placeret godt, formuleret enkelt og i kontrast til resten af siden.,

9) Jill Konrath

SE HELE HJEMMESIDE

Hvorfor Det er Genialt

  • Det er simpelt og går lige til det punkt. Fra overskriften og underoverskriften er det klart, hvad Jill Konrath gør (og hvordan hun kan hjælpe din virksomhed).
  • det giver også nem adgang til Jills tankeledelsesmaterialer, hvilket er vigtigt for at etablere hendes troværdighed som hovedtaler.,
  • det er nemt at abonnere på nyhedsbrevet og komme i kontakt — to af hendes primære opkald til handling.
  • det omfatter nyheder outlet logoer og udtalelser som sociale bevis.

10) Evernote

Hvorfor Det er Genialt

  • i Løbet af de år, Evernote har udviklet sig fra en simpel bemærk-at gemme appen på en suite af business-produkter. Dette er ikke altid let at formidle på en hjemmeside, men Evernote gør et godt stykke arbejde med at pakke mange potentielle meddelelser til et par vigtige fordele.,
  • denne hjemmeside bruger en kombination af rige, dæmpede farver i videoen og deres signatur lyse grønne og hvide højdepunkter for at få konverteringsstier til at skille sig ud.
  • efter en simpel overskrift (“husk alt”) fører øjenstien dig derefter til deres opfordring til handling, “Tilmeld dig gratis.”

11) Telerik af Fremskridt

Hvorfor Det er Genialt

  • “Indelukket virksomhed” er ikke den følelse, du får, når du ankommer til Telerik ‘ s hjemmeside., For et firma, der tilbyder mange teknologiprodukter, giver deres dristige farver, sjove design og videografi en Google-lignende stemning. Bare et vigtigt aspekt for at få besøgende til at føle sig velkomne og lade dem vide, at de har at gøre med rigtige mennesker.
  • jeg elsker den enkle oversigt på højt niveau til deres seks produkttilbud. Det er en meget klar måde at kommunikere på, hvad virksomheden gør, og hvordan folk kan lære mere.
  • kopien er let og let at læse. De taler deres kunders sprog.,

12) Boxbee

SE HELE HJEMMESIDE

Hvorfor Det er Genialt

  • overskriften er en opfordring til handling rettet direkte til deres målgruppe: iværksættere i den opbevaring industri.
  • det har et meget rent og enkelt design. Designet fremhæver overskriften og viser derefter straks den primære opfordring til handling-ikke meget andet.
  • den primære opfordring til handling er i en meget kontrastfarve, hvilket får den til at skille sig ud.,

13) e .edding

hvorfor det er strålende

  • for de kærlighedsfugle, der planlægger deres store dag, er e .edding en fantastisk destination til at opbygge et brugerdefineret bryllups websiteebsted. Hjemmesiden er ikke rodet og indeholder kun de nødvendige elementer for at få folk til at begynde at bygge deres websebsteder.
  • underoverskriften ” over 750.000 bryllups websebsteder bygget!”er et godt socialt bevis.,
  • de har inkluderet fremragende produktbilleder, en fantastisk overskrift og en opfordring til handling, der reducerer friktion med kopien, “Start websiteebsted.”

14) Basecamp

Hvorfor Det er Genialt

  • For lang tid, Basecamp har haft strålende hjemmesider, og her kan du se hvorfor. De har ofte fantastiske overskrifter og kloge tegnefilm.
  • opfordringen til handling er fed og over folden.,
  • i dette eksempel valgte virksomheden en mere blog-lignende hjemmeside (eller enkelt side site tilgang), som giver meget mere information om produktet.

15) charity: water

Hvorfor Det er Genialt

  • Det er ikke din typiske non-profit hjemmeside. Masser af visuals, kreativ kopi, og brug af interaktivt designebdesign gør dette skiller sig ud.
  • den animerede overskrift er en fantastisk måde at fange flere meddelelser på en linje.,
  • stor brug af video og fotografering, især til at fange følelser, der forårsager handling.

16) TechValidate

Hvorfor Det er Genialt

  • Denne hjemmeside er smukt designet. Jeg elsker især deres brug af hvidt rum, kontrastfarver og kundecentrisk design.
  • overskriften er klar og overbevisende, ligesom opfordringer til handling.,
  • der er også et godt informationshierarki, hvilket gør det nemt at scanne og forstå siden hurtigt.