Good Mood

Du får aldri en ny sjanse til å gjøre et førsteinntrykk-det er derfor din hjemmeside er utvilsomt en av de viktigste web-sider på nettstedet ditt.

For et gitt selskap, hjemmesiden sin virtuelle foran døren. Hvis en ny besøkende ikke liker det de ser, og deres kne-jerk reaksjon er å trykke «tilbake» – knappen.

Det er rett-dessverre, mange mennesker fortsatt dømme en bok av coveret.

Det som gjør et nettsted ‘ s hjemmeside design strålende i stedet for kjedelig?, Det tar mer enn utseende alene-det har også å fungere godt. Det er derfor den mest strålende hjemmesider på denne listen ikke bare scorer høyt i skjønnhet, men også i hjernen og kreativitet.

Men før vi dykke inn i eksempler, la oss i dybden på noen av de beste fremgangsmåtene av hjemmeside design.

Alle av hjemmeside design som er vist her bruke en kombinasjon av disse elementene.

Ikke alle sidene er perfekt, men det beste hjemmeside design få mange av disse rett.,

design klart svar «Hvem jeg er», «Hva jeg gjør» og/eller «Hva kan du (besøkende) gjøre her.»

Hvis du er en godt kjent merkevare eller et selskap (dvs., Coca-Cola) du kan være i stand til å komme unna med ikke å ha for å beskrive hvem du er og hva du gjør, men realiteten er, de fleste bedrifter er fortsatt behov for å svare på disse spørsmålene, slik at hver besøkende vet at de er på «rett sted.»

Steven Krugg oppsummerer det beste i sin bestselgende bok, ikke Få Meg til å Tenke: Hvis besøkende kan ikke identifisere hva det er du gjør i løpet av sekunder, blir de ikke værende lenge.

design resonerer med målgruppen.

En hjemmeside må være snevert fokusert — snakker til de riktige menneskene i deres språk., Den beste hjemmesider unngå «corporate gobbledygook,» og eliminere lo.

design kommuniserer en overbevisende verdien proposisjoner.

Når en besøkende kommer inn på din hjemmeside, det er behov for å tvinge dem til å feste rundt. Hjemmesiden er det beste stedet å finne ditt verdien proposisjoner, slik at utsiktene velger å bo på nettstedet ditt, og ikke navigere til konkurrentene.

design som er optimalisert for flere enheter.,

Alle hjemmesider listet opp her er svært brukbare, noe som betyr at de er enkle å navigere i, og det er ikke «flashy» objekter som kommer i veien for surfing, som for eksempel flash bannere, animasjoner, pop-ups, eller altfor komplisert og unødvendige elementer. Mange er også mobil-optimalisert, som er en utrolig viktig må-ha i dagens mobile verden.

design inkluderer calls-to-action (CTAs).

Hver hjemmeside som er oppført her, effektivt bruker primære og sekundære samtaler-til-handling for å lede besøkende til det neste logiske skrittet., Eksempler på dette er «Gratis Prøveperiode» «Planlegge en Demonstrasjon,» «Kjøp Nå», eller «Lære Mer.»

Husk, målet med hjemmesiden er å tvinge besøkende til å grave dypere inn i din webside og flytte dem lenger ned i trakten. CTAs fortelle dem hva de skal gjøre neste, slik at de ikke blir overveldet eller tapt. Enda viktigere, CTAs slå din hjemmeside til et salg eller føre generasjon motor, og ikke bare brosjyre-bruk.

design er alltid i endring.

Den beste hjemmesider er ikke alltid statisk. Noen av dem er i stadig endring for å gjenspeile de behov, problemer og spørsmål til sine besøkende., Noen hjemmesider også endre seg fra A/B-testing eller dynamisk innhold.

design er effektiv.

En godt designet side er viktig for å bygge tillit, kommunisere verdi, og besøkende å navigere til neste trinn. Som sådan, er disse hjemmesider effektiv bruk av layout, CTA plassering, mellomrom, farger, fonter og andre bærende elementer.

Nå, gjør deg klar til å lære om god hjemmeside design gjennom følgende 23 real-life eksempler.,

Dropbox (Forretnings -)

4 Elver Eldhuset

Cobb Pediatric Terapi Tjenester

Melyssa Griffin

Jill Konrath

Evernote

Telerik av Progress

eWedding

Basecamp

veldedighet: vann

TechValidate

Chipotle

Medium

Digiday

LIKE Snacks

Ahrefs

A24 Filmer

Ellevest

HubSpot

FreshBooks

VIS HELE HJEMMESIDE

Hvorfor Det er Strålende

• Det er lett å konsumere., Det er mye debatt på enten kort eller lang hjemmesider fungere bedre. Hvis du velger å gjøre det siste, du trenger for å gjøre det enkelt å bla og lese — og det er nøyaktig hva nettstedet inneholder. Det fungerer nesten som en historie.
• Det er stor bruk av kontrast og posisjonering med den primære samtaler-til-handling-det er klart hva selskapet ønsker du å konvertere på når du ankommer.
• kopier brukes i samtaler-til-handling «Komme i Gang Gratis», er svært overbevisende.
• FreshBooks bruker kunde attester på startsiden for å fortelle virkelige historier om hvorfor å bruke produktet.,
• sub-overskrift er også stor: «Bli med over 10 millioner eiere av små bedrifter med FreshBooks.»FreshBooks fagmessig benytter sosiale bevis — 10 millioner er et stort antall — å tvinge sin målgruppe til å bli med sine jevnaldrende og prøve verktøyet.

Airbnb

Vis hele hjemmeside

Hvorfor Det er Strålende

• Det inkluderer destinasjon og dato søk form som de fleste besøkende kommer for å se, rett opp foran, guiding av besøkende til neste logiske trinnet.,
• søk form er «smart» som betyr at den vil automatisk fylle brukerens siste søk hvis de er logget på.
• Den primære call-to-action («Søk») står i kontrast til bakgrunnen og skiller seg ut; men den sekundære call-to-action for vertene er synlig over fold, også.
• Det har forslag til turer og utflukter Airbnb brukere kan bestille på samme sted som sin losji å få besøkende mer begeistret om bestilling av reisen på nettstedet. Den viser også hvilke av disse tilbudene er mest populære blant andre brukere.,

Pixelgrade

Hvorfor Det er Strålende

• – Du vet rett utenfor balltre hva er de alle om: WordPress Temaer. Den store tittel, etterfulgt av en beskrivende undertittel, kan besøkende vet hva du kan forvente.
• design er enkelt, og fargekombinasjonen gjør en god jobb med å gjøre kall til handling skiller seg ut.
• høyre side bidrar til å få et glimt av hvordan deres WordPress temaer se ut som, uten å måtte bla eller grave dypere.,

Mint

Vis hele hjemmeside

Hvorfor Det er Strålende

• Det er en super og enkel design med en sterk, ikke-sjargong overskrift og sub-overskrift.
• hjemmesiden får av en sikker, men lett-å gå vibe, som er viktig for et produkt som håndterer finansielle informasjon.
• Den inneholder også en enkel, direkte og engasjerende call-to-action kopi: «Signer opp gratis.»Det CTA design er også strålende — sikret lås-ikonet treff hjem sikkerhet meldingen igjen.,

Dropbox (Forretnings -)

Vis hele hjemmeside

Hvorfor Det er Strålende

• Dropbox bærer over sin enkle design og merkevarebygging. Det inneholder bare det som er viktig: En stor, relevant bilde med støtte kopier, og en «Prøv gratis i 30 dager» call-to-action-knappen
• Dropbox ‘ s hjemmeside og nettstedet er den ultimate eksempel på enkelhet. Det som begrenser dens bruk av kopier og grafikk og omfavner mellomrom.,
• Sine sub-overskrift er enkel, men kraftig: «sikker fildeling og lagringsløsning for at ansatte og IT-admins tillit.»Ingen trenger å dekode sjargong for å finne ut hva Dropbox virkelig gjør.

4 Elver Eldhuset

Hvorfor Det er Strålende

• Sikle. Det er det jeg tror når jeg kommer på nettsiden for 4 Elver Eldhuset. Kombinert med flott fotografering, overskriften «Bryst. 18 år for å mestre. Ditt å nyte.»høres ut som en opplevelse verdt å prøve.,
• parallax scrolling guider deg på en tur gjennom tjenestene, meny, og folk har en flott tid — en flott bruk av denne populære design trend.
• Det eneste negative? Jeg bor ikke nær nok til dette stedet. Boo.

Cobb Pediatric Terapi Tjenester

Vis hele hjemmeside

Hvorfor Det er Strålende

• overskriften og sub-overskrift appellere til de besøkende’ emosjonelle siden: «Arbeide Med et Selskap Som Får Det»; «Stol på oss. Vi har vært der også! Vi vil finne jobber der du kan trives.,»At verdien proposisjoner, er unikt og spennende.
• Det er vanskelig å si fra skjermbildet over, men overskriften er på en roterende karusell som henvender seg til bestemte personas, fra jobb søkere til personer som søker etter en terapeut for sine skoler.
• Det er flere veier besøkende kan ta når de kommer inn på siden, men samtaler til handling, er plassert godt, enkelt formulert, og kontrast med resten av siden.,

Melyssa Griffin

Vis hele hjemmeside

Hvorfor Det er Strålende

• Melyssa umiddelbart viser sosiale bevis «Bli med over 200.000 andre…»
• Hun kvalifiserer en besøkende er grunn til å besøke hennes hjemmeside med en rask undersøkelse, og hvert alternativ lenker til et annet innhold tilby.
• Hun legger til et ansikt til hennes merkevare. Hun er ikke bare en tilfeldig nettside, hun gjør det klart at hun er et menneske som folk kan koble seg til.,
• siden bruker lyse farger uten å være overveldende, og gjør det lett å forstå hva Melyssa central business tilbud er.

Jill Konrath

Vis hele hjemmeside

Hvorfor Det er Strålende

• Det er enkelt og får rett til poenget. Fra overskriften og sub-overskrift, er det klart nøyaktig hva Jill Konrath gjør (og hvordan hun kan hjelpe din bedrift).
• Det gir også enkel tilgang til Jill trodde lederskap materialer, noe som er viktig for å etablere sin troverdighet som keynote speaker.,
• Det er enkelt å abonnere på nyhetsbrevet og få i berøring-to av hennes primære calls-to-action.
• pop-up abonnement CTA bruker sosiale bevis for å få deg til å bli med henne tusenvis av andre fans.
• Det inkluderer nyhetskanalen logoer og attester som sosiale bevis.

Evernote

Hvorfor Det er Strålende

• Over år, Evernote har gått fra å være en enkel notat-lagre app i en suite av virksomheten produkter., Dette er ikke alltid lett å formidle på en hjemmeside, men Evernote gjør en fin jobb emballasje mange potensielle meldinger til noen viktige fordeler.
• Denne hjemmesiden bruker en kombinasjon av rike, dempede farger i videoen og sin signatur lys grønn og hvit høydepunkter å gjøre konverteringstrakter skiller seg ut.
• Etter en enkel overskrift («Husker Alt»), eye-banen går du til call-to-action, «Sign Up For Gratis.»
• Evernote tilbyr også en ett-klikk-registreringen gjennom Google for å hjelpe besøkende å spare enda mer tid.,

Telerik av Progress

Hvorfor Det er Strålende

• «Tett enterprise» er ikke den følelsen du får når du ankommer Telerik hjemmeside. For et selskap som tilbyr mange teknologiske produkter, sin dristige farger, morsomme design, og videography gi ut en Google-lignende atmosfære. Bare ett viktig aspekt til å gjøre besøkende til å føle seg velkommen og la dem vite at de arbeider med virkelige mennesker.
• jeg elsker den enkle, high-level oversikt over sine seks produktet tilbyr., Det er veldig tydelig måte å kommunisere på hva selskapet gjør, og hvordan folk kan lære mer.
• copy er lett og enkel å lese. Det taler språket til sine kunder.

eWedding

Hvorfor Det er Strålende

• For de som elsker fugler planlegge deres store dag, eWedding er et flott reisemål for å bygge en tilpasset bryllup nettstedet. Hjemmesiden er ikke rotete og omfatter kun de nødvendige elementer for å få folk til å starte å bygge sine nettsider.
• sub-overskrift «Over 800.000 bryllup nettsteder bygget!,»er store sosiale bevis.
• Det er med utmerket produkt-grafikk, en stor overskrift, og en call-to-action som reduserer friksjon med kopier, «Start nettstedet.»

Basecamp

Hvorfor Det er Strålende

• For en lang tid, Basecamp har hatt strålende hjemmesider, og her kan du se hvorfor. Det har ofte awesome overskrifter og flink tegneserier.
• call-to-action er fet og over fold.,
• I dette eksempelet, valgte selskapet en mer blogg-som hjemmeside (eller én side nettsted tilnærming), som gir mye mer informasjon om produktet.
• kunden sitat er en klar og tydelig mening å snakke til nytte og resultater av å bruke produktet.

charity: water

Hvorfor Det er Strålende

• Dette er ikke din typiske non-profit nettside. Massevis av bilder, kreative kopier, og bruk av interaktive web-design gjør denne skiller seg ut.
• Den animerte header bildet er en flott måte å fange oppmerksomhet.,
• Det har stor bruker av video og fotografi, spesielt i å fange følelser som fører til handling.

TechValidate

Hvorfor Det er Strålende

• Denne hjemmesiden er vakkert utformet. Jeg spesielt elsker bruk av mellomrom, kontrasterende farger, og kunde-sentriske design.
• overskriften er klar og overbevisende, som er den calls-to-action.
• Det er også en flott informasjon hierarkiet, noe som gjør det enkelt å skanne og forstå side raskt.,

Chipotle

Vis hele hjemmeside

Hvorfor Det er Strålende

• hjemmesiden er et flott eksempel på agility og i konstant forandring. Chipotle er gjeldende hjemmeside er alt om den kommende ferien, som den bruker som en unik verdi forslag for å få deg til å starte å klikke gjennom nettstedet ditt. Når jeg tenker Chipotle, trenger jeg ikke nødvendigvis å tenke på catering, men området er en flott påminnelse om å vurdere ulike bruksområder for burritos du allerede kjenner og elsker.,
• mat fotografering er detaljerte og vakre, og det faktisk gjør meg sulten se på det. Nå som ‘ s en effektiv bruk av visuelle hjelpemidler.

Medium

Vis hele hjemmeside

Hvorfor Det er Strålende

• Dette er kanskje en av de beste bruk av mellomrom jeg har sett. Det gir Middels app slagord og bilde for å ta sentrum scene mens de fortsatt tegning øyet til den mørkere delen titler på nettstedet.
• Medium gjør det enkelt å registrere seg-på stedet, eller med en enkel tekstmelding til mobiltelefonen., Jeg er mye mer responsiv til en tekst enn en e-post, så dette er en god strategi for å holde mennesker som er engasjert i registreringen.
• hjemmesiden bruker sosiale bevis for å få besøkende til å starte å klikke seg rundt: «Populær på Middels» og «Anbefalinger» deler la meg vite hvor man skal finne innhold av høy kvalitet.,

Digiday

Vis hele hjemmeside

Hvorfor Det er Strålende

• i Motsetning til andre online news publikasjoner som oversvømme hjemmesider med så mange overskrifter og bilder som mulig, Digiday første delen viser bare en artikkel. Deres største bildet (i dette tilfellet, en skremmende ett) er iøynefallende, og overskriften er bare ber om å bli klikket nå at den besøkende har en idé om hva de kommer til å lese.,
• toppen av hjemmesiden, hvor nettsteder normalt vise frem massevis av forskjellige inndelinger og valg til å klikke seg gjennom, bare har ett ikon for å klikke — som fører deg til et abonnement.

TYPE Snacks

Vis hele hjemmeside

Hvorfor Det er Strålende

• Den dristige farger produsere kontrast, noe som gjør ord og bilder som skiller seg ut på siden.
• CTA — «Butikk SLAGS» — er smart. Den oppfordrer besøkende til å klikke for å lære mer, samtidig som man gjør en spiller på ordet «snill» — noe som tyder på at det er et godt valg til å handle der.,
• LIKE Snacks’ slagord er rett opp strålende — når jeg leste det, meldingen umiddelbart, gjenklang og ga meg lyst til å lese snackbar etiketten.

Ahrefs

Vis hele hjemmeside

Hvorfor Det er Strålende

• fargekontrasten mellom den blå, hvit og oransje farger er iøynefallende og gjør overskriften og CTA pop.
• sub-overskrift og CTA er en overbevisende par: Å være i stand til å begynne å spore og outranking konkurrenter gratis er et godt tilbud.,
• hjemmesiden presenterer et mangfold av muligheter for de besøkende, men det er ikke rotete takket være solid bakgrunn og enkel typografi.

A24 Filmer

Vis hele hjemmeside

Hvorfor Det er Strålende

• filmen selskapets hjemmeside er laget av bare trailere for sine nye filmer. Vi vet video innhold er format publikum ønsker å se mer av, og dette er en god strategi for å vise frem A24 s arbeid i en svært engasjerende måte.,
• På toppen av hjemmesiden, A24 umiddelbart tilbyr en myriade av måter å komme i kontakt med oss via sosiale medier og e-post-noe jeg setter pris på som en besøkende når så mange andre steder begrave kontaktinformasjon på bunnen av siden.

Ellevest

Vis hele hjemmeside

Hvorfor Det er Strålende

• «Investere Som en Kvinne: Fordi penger er makt.»Disse overskrifter er kraftig og gjør meg ønsker å lære mer om produktet — både som en kvinne, og som noen er interessert i å gjøre smarte økonomiske valg.,
• bilder-vis, heller enn å fortelle, en av selskapets verdi proposisjoner: en desktop nettstedet og mobile app som beveger seg med deg.
• «Komme i Gang» er en stor CTA-i faktum, vi bruker det selv her på HubSpot. Når du klikker på den, det tar besøkende gjennom noen enkle trinn for å konfigurere en profil og begynne å investere.,

HubSpot

Vis hele hjemmeside

Hvorfor Det er Strålende (Hvis Vi kan Si det Selv)

• LEGO tegn fange din oppmerksomhet (fordi de er søte), da de cleverly illustrerer og forsterker budskapet i overskriften og sub-overskrift.
• Det bærer en annen iøynefallende «Komme i Gang» CTA-med bonus microcopy detaljering vår gratis versjoner brukere kan velge å oppgradere i fremtiden.,
• Hele hjemmesiden vår lyse blå og oransje farge temaer holde tilbake for å trekke øyet til lenker og CTAs.

Leter du etter mer inspirasjon? Sjekk ut disse utrolige Om Oss » – sider.