Good Mood

Du får aldrig en ny chance for at gøre et første indtryk-derfor er din hjemmeside uden tvivl en af de vigtigste webebsider på dit websiteebsted.

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 intetsigende?, Det kræver mere end ser 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 og kreativitet.

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

alle hjemmesidedesign, der vises her, bruger en kombination af følgende elementer.

ikke hver side er perfekt, men de bedste hjemmeside designs får mange af disse rigtige.,

design klart svar, “Hvem jeg er”, “Hvad jeg gør,” og/eller “Hvad kan du (den besøgende) gør her.”

Hvis du er et velkendt mærke 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, at de fleste virksomheder stadig har 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.

designet 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.

designet kommunikerer et overbevisende værdiproposition.

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.

designet 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 er også mobiloptimeret, hvilket er et utroligt vigtigt must-have i dagens mobile verden.

designet inkluderer 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.”

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 er, at CTAs gør din hjemmeside til en salgs-eller leadgenerationsmotor, og ikke kun brochureslitage.

designet ændrer sig altid.

de bedste hjemmesider er ikke altid statiske. Nogle af dem æ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.

designet er effektivt.

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 23 eksempler i det virkelige liv.,

Dropbox (Business)

4 Floder Røgeri

Cobb Pediatric Terapi Service

Melyssa Griffin

Jill Konrath

Evernote

Telerik af Fremskridt

eWedding

Basecamp

velgørenhed: vand

TechValidate

Chipotle

Medium

Digiday

SLAGS Snacks

Ahrefs

A24 Film

Ellevest

HubSpot

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 opkald til handling-det er klart, hvad virksomheden vil have dig til at konvertere, når du ankommer.
• kopien, der bruges i opfordringen til handling “kom Gratis i gang”, er meget overbevisende.
• FreshBooks bruger kundeanmeldelser på hjemmesiden for at fortælle historier fra den virkelige verden om, hvorfor produktet skal bruges.,underoverskriften er også stor: “Deltag i over 10 millioner små virksomhedsejere ved hjælp af FreshBooks .”FreshBooks beskæftiger fagligt socialt bevis-10 millioner er et stort antal – for at tvinge sin målgruppe til at slutte sig til deres jævnaldrende og prøve værktøjet.

Airbnb

Se hele hjemmeside

Hvorfor Det er Genialt

• Det omfatter destination og dato form, at de fleste besøgende kommer udkig efter, helt op foran, vejledende besøgende til det næste logiske skridt.,
• 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.
• det giver forslag til udflugter og udflugter Airbnb-brugere kan booke på samme sted som deres logi for at få besøgende mere begejstrede for at booke deres rejse på siteebstedet. Det viser også, hvilke af disse tilbud der er mest populære blandt andre brugere.,

pi .elgrade

hvorfor det er strålende

• – du ved lige fra flagermus, hvad handler de om: Worordpress-temaer. Den store titel, efterfulgt af en beskrivende undertekst, lader besøgende vide, hvad de kan forvente.
• designet er enkelt, og farvekombinationen gør et godt stykke arbejde med at få opfordringen til handling til at skille sig ud.
• højre side hjælper med at få et glimt af, hvordan deres themesordpress-temaer ser ud, uden at skulle rulle eller grave dybere.,

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.,

Dropbox (Business)

Se hele hjemmeside

Hvorfor Det er Genialt

• Dropbox bærer over sit 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
• Dropbo. ‘ hjemmeside og websiteebsted er det ultimative eksempel på enkelhed. Det begrænser brugen af kopi og grafik og omfatter blanke rum.,
• dens underoverskrift er enkel, men alligevel kraftfuld: “den sikre fildelings-og opbevaringsløsning, som medarbejdere og IT-administratorer har tillid til .”Ingen grund til at afkode jargon for at finde ud af, hvad Dropbo.virkelig gør .

4 Rivers Smokehouse

hvorfor det er strålende

• 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.,
• parallax scrolling guider dig på en tur gennem de 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.

Cobb Pediatric Terapi Service

Se hele hjemmeside

Hvorfor Det er Genialt

• overskriften og underoverskriften appel til besøgende’ følelsesmæssige side: “Arbejde Med en Virksomhed, Der Får Det”; “Har 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.,

Melyssa Griffin

Se hele hjemmeside

Hvorfor Det er Genialt

• Melyssa umiddelbart viser social proof “Slutte sig til over 200.000 andre…”
• hun kvalificerer en besøgendes grund til at besøge sit websiteebsted med en hurtig undersøgelse, og hver mulighed linker til et andet indholdstilbud.
• hun tilføjer et ansigt til sit brand. Hun er ikke kun et tilfældigt websiteebsted; hun gør det klart, at hun er et menneske, som folk kan oprette forbindelse til.,
• siden bruger lyse farver uden at være overvældende og gør det nemt at forstå, hvad Melyssas centrale forretningstilbud er.

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.pop – up-abonnementet CTA bruger social proof for at få dig til at deltage i hendes tusindvis af andre fans.
• det omfatter nyheder outlet logoer og udtalelser som sociale bevis.

Evernote

hvorfor det er strålende

• i årenes løb har Evernote forvandlet sig fra en simpel notebesparende app til en pakke forretningsprodukter., 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 dens 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 til sin opfordring til handling, “Tilmeld dig gratis.”
• Evernote tilbyder også en tilmeldingsproces med et enkelt klik via Google for at hjælpe besøgende med at spare endnu mere tid.,

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 dets 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 det enkle overblik på højt niveau over dets 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. Det taler kundernes sprog.

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 800.000 bryllups websebsteder bygget!,”er et godt socialt bevis.
• det er inkluderet fremragende produktbilleder, en fantastisk overskrift og en opfordring til handling, der reducerer friktion med kopien, “Start websiteebsted.”

Basecamp

Hvorfor Det er Genialt

• i lang tid, Basecamp har haft strålende hjemmesider, og her kan du se hvorfor. Det indeholder ofte fantastiske overskrifter og kloge tegnefilm.
• opfordringen til handling er fed og over folden.,
• i dette eksempel valgte virksomheden en mere bloglignende hjemmeside (eller single page site approach), som giver meget mere information om produktet.
• kundens citat er en fed og eftertrykkelig testimonial, der taler til fordelene og resultaterne af brugen af produktet.

velgørenhed: vand

hvorfor det er strålende

• dette er ikke din typiske non-profit hjemmeside. Masser af visuals, kreativ kopi, og brug af interaktivt designebdesign gør dette skiller sig ud.
• det animerede header-billede er en fantastisk måde at fange opmærksomhed på.,
• det beskæftiger store anvendelser af video og fotografering, især i at fange følelser, der forårsager handling.

TechValidate

Hvorfor Det er Genialt

• Denne hjemmeside er smukt designet. Jeg elsker især brugen af mellemrum, kontrastfarver og kundecentrisk design.
• overskriften er klar og overbevisende, ligesom opfordringer til handling.
• Der er også en stor information hierarki, hvilket gør det nemt at scanne og forstå siden hurtigt.,

Chipotle

Se hele hjemmeside

Hvorfor Det er Genialt

• hjemmesiden er et godt eksempel på agility og konstant forandring. Chipotles nuværende hjemmeside handler om den kommende ferie, som den bruger som et unikt værdiproposition for at få dig til at begynde at klikke gennem dit .ebsted. Når jeg tænker Chipotle, tænker jeg ikke nødvendigvis på catering, men siteebstedet er en god påmindelse om at overveje forskellige anvendelser til burritos, du allerede kender og elsker.,
• madfotograferingen er detaljeret og smuk, og det gør mig faktisk sulten at se på det. Nu er det en effektiv brug af visuals.

Medium

Se hele hjemmeside

Hvorfor Det er Genialt

• Dette er måske et af de bedste anvendelser af blanktegn, jeg har set. Det giver mediums app-tagline og foto mulighed for at tage centrum, mens du stadig trækker øjet til de mørkere sektionstitler på siteebstedet.
• Medium gør det nemt at tilmelde dig-på siteebstedet, eller med en simpel SMS til din mobiltelefon., Jeg er meget mere lydhør over for en tekst end en e-mail, så dette er en fantastisk strategi for at holde folk engagerede i tilmeldingsprocessen.
• hjemmesiden bruger socialt bevis for at få besøgende til at begynde at klikke rundt: sektionerne “populært på Medium” og “Staff Picks” fortæller mig, hvor jeg kan finde indhold af høj kvalitet.,

Digiday

Se hele hjemmeside

Hvorfor Det er Genialt

• i Modsætning til andre online-nyheder publikationer, der oversvømmer hjemmesider med så mange overskrifter og billeder som muligt, Digiday første afsnit viser bare en enkelt artikel. Dens fremhævede billede (i dette tilfælde en skræmmende) er iøjnefaldende, og overskriften beder bare om at blive klikket nu, hvor den besøgende har en ide om, hvad de skal læse.,
• toppen af hjemmesiden, hvor hjemmesider normalt viser et væld af forskellige sektioner og muligheder for at klikke igennem, har kun et ikon til at klikke-hvilket fører dig til en abonnementsside.

KIND Snacks

se hele hjemmesiden

hvorfor det er strålende

• de dristige farver producerer kontrast, hvilket får ordene og billederne til at skille sig ud på siden.
• CTA – “Shop KIND” – er klog. Det opfordrer besøgende til at klikke for at lære mere, mens du spiller på ordet “kind” – hvilket indebærer, at det er et godt valg at shoppe der.,
• KIND Snacks ‘ tagline er lige op strålende-når jeg læste det, resonerede meddelelsen straks og fik mig til at læse snackbarens etiket.

Ahrefs

Se hele hjemmeside

Hvorfor Det er Genialt

• farve kontrast mellem blå, hvid og orange farver er iøjnefaldende og gør overskriften og CTA-pop.
• underoverskriften og CTA er et overbevisende par: at være i stand til at begynde at spore og overgå konkurrenter gratis er et godt tilbud.,
• hjemmesiden præsenterer et væld af muligheder for den besøgende, men det er ikke rodet takket være den solide baggrund og enkle typografi.

A24 Film

Se hele hjemmeside

Hvorfor Det er Genialt

• film company ‘ s hjemmeside er der består af kun trailere for sin nye film. Vi ved, at videoindhold er format, som publikum vil se mere af, og det er en fantastisk strategi at fremvise A24 ‘ s arbejde på en meget engagerende måde.,
• øverst på hjemmesiden tilbyder A24 straks et utal af måder at komme i kontakt via sociale medier og e-mail-noget jeg sætter pris på som besøgende, når så mange andre .ebsteder begraver kontaktoplysninger nederst på siden.

Ellevest

Se hele hjemmeside

Hvorfor Det er Genialt

• “Investere Som en Kvinde: Fordi penge er magt.”Disse overskrifter er magtfulde og får mig til at ønske at lære mere om produktet-både som kvinde og som nogen, der er interesseret i at tage smarte økonomiske valg.,
• billederne viser snarere end at fortælle en af virksomhedens værdiforslag: et desktop-.ebsted og en mobilapp, der bevæger sig med dig.
• “kom i gang” er en fantastisk CTA-faktisk bruger vi det selv her på HubSpot. Når der klikkes, det tager besøgende gennem et par enkle trin for at oprette en profil og begynde at investere.,

HubSpot

Se hele hjemmeside

Hvorfor Det er Genialt (Hvis Vi skal Sige det Selv)

• LEGO-figurer fange din opmærksomhed (fordi de er søde), så de dygtigt illustrere og forstærke beskeder i overskriften og underoverskriften.
• det bærer en anden iøjnefaldende” komme i gang ” CTA – med bonus mikrokopi beskriver vores gratis versioner brugere kan vælge at opgradere i fremtiden.,
• på hele hjemmesiden vender vores lyse blå og orange farvetemaer tilbage for at trække dit øje til links og CTA ‘ er.

Leder du efter mere inspiration? Tjek disse utrolige sider Om os.