En utmerket design som tiltrekker seg nye besøkende til ditt nettsted og holder dem driver med innholdet der. Men hvis du ikke er en designer, velge den beste design for ditt nettsted kan være en skremmende oppgave., I denne guiden, vil vi utforske 18 forskjellige nettstedet design ideer, sammen med en samling av ekte nettsteder du kan bruke som inspirasjon
18 nettstedet design ideer med reelle eksempler
Bruk en én side nettsted
en En-side nettstedet holder alt av viktig informasjon om din bedrift på én side, slik at brukere kan lære alt de trenger for å uten å være tvunget til å navigere til forskjellige deler av nettstedet ditt., En av de beste måtene å oppnå dette er ved å plassere alle av informasjonen din på en full-skjerm-glidebryteren som Gallionsfigur og campingplassen har gjort:
Det viktigste å huske på når du arbeider med denne typen design er at man ønsker å unngå trengsel siden med for mye informasjon.,
👉 Hvordan å lage en en-side nettstedet
Website design ideer for video
Video innhold kan være en effektiv del av et nettsted, og det er en spesielt kraftig måte å ønske besøkende velkommen til hjemmesiden din. Ett nettsted som bruker video vel på deres hjemmeside er det Kanadiske Agorapulse-område:
Du kan velge å lage en video lett spillbare fra hjemmesiden din eller til og med sette den til automatisk avspilling, men pass på at du ikke velger autoplay hvis videoen inkluderer også lyd., Mange mennesker foretrekker stille lesing.
👉 Hvordan legger du til video i WordPress
Investere i illustrasjonen
Tilpasset illustrasjoner er en flott måte å etablere den unike følelsen av merkevaren din og gi de besøkende et inntrykk av hva du arbeider med din bedrift vil føle deg som., Ett område som gjør dette spesielt godt er Sosiale Medier Sensor:
Deres tilpasset illustrert banner formidler Social Media Examiner ‘ s forpliktelse til å utforske nye sider ved sosiale medier og vennlig tilnærming de ta til å arbeide med klienter.
selvfølgelig, denne ruten kan bli dyrt, så ønsker du å fokusere på to eller tre tilpassede illustrasjoner til hovedsiden.,
Aksent din hjemmeside med animasjoner
en Annen flott måte å gjøre din hjemmeside unike og holde besøkendes oppmerksomhet er til funksjonen tilpassede animasjoner. Disse kan fylle hele din hjemmeside eller brukes som en aksent som de er på nettstedet for Beste Dagen Noensinne Utdanning:
Holde animasjoner, enkel og kort for å imøtekomme besøkende’ korte oppmerksomhet spenn. Du kan også være lurt å inkludere en oppfordring til handling i animasjon.,
Gamify nettstedet
En av de beste måtene å overbevise et publikum til å ta handling på ditt nettsted er å gjøre det morsomt. Zurb har gjort det spesielt godt med et nettsted som fungerer som en velg-ditt-eget eventyr spill hvor du kan bruke til å finne ut hvordan du kan jobbe med dem.
Du kan lage din egen velg-ditt-eget eventyr nettstedet ganske lett, eller ta denne strategien til neste nivå ved å opprette din egen valuta og givende brukere for bestemte handlinger.,
Legg til en popup
popup-vinduer kan være en av de mest irriterende markedsføring taktikk på nettet, men de er også en av de mest effektive: i et eksperiment et enkelt opt-in popup trakk i 1,375% mer abonnenter. Men, trenger du ikke ønsker å irritere folk med popups, før de kan lese innholdet, den mest effektiv tid for et popup-vindu som vises er når noen forsøker å forlate ditt nettsted.,
Social Media Examiner har gjort det spesielt godt, med flere popups ved hjelp av ulike visuelle og ordlyden til å trekke i de fleste abonnenter mulig:
👉 Hvordan legge til personlig popups til WordPress
Bruk en full størrelse bilde
i Stedet for en vanlig hvit bakgrunn, bør du vurdere å bruke en full størrelse bilde som bakgrunn for din hjemmeside., Enda bedre hvis bildet bruker et ansikt, som på bakgrunn av Bluehost hjemmeside:
Dette hjelper folk med å koble med ditt nettsted, og din merkevare, på et mer personlig nivå.
Website design ideer for netthandel
vil du selge produkter på nettet? Gjør din hjemmeside til en del av din nettbutikk, og oppfordrer folk til å begynne å kjøpe det øyeblikket de kommer inn på nettstedet., Du kan se denne ideen utført veldig bra på Jeep Folk-område:
selvfølgelig, hvis du velger denne ruten du også ønsker å være sikker på at du ikke gjør noen av de vanligste eCommerce site design feil.
👉 Hvordan å starte en nettbutikk
Dele din hjemmeside
har du flere forskjellige produkter, tjenester, eller andre biter av informasjon du ønsker å dele på din hjemmeside? Vurdere å dele det inn i seksjoner med blokker, vertikale skillevegger, og white space.,
En nettside som gjør dette spesielt godt er Etsy:
Website design ideer for navigasjon menyer
Flytende navigering i menyer stick med dine besøkende som de blar, gjør det enkelt for dem å flytte til andre deler av nettstedet til enhver tid., Mange nettsteder har vedtatt dette navigasjon stil å gjøre sine besøkende’ liv enklere, blant annet nettsidene til mindre bedrifter som STEAMLabs:
Du kan også enkelt legge til en flytende navigering meny med gratis Sticky-Menyen (Eller Noe) På Bla-plugin.
Fokus på tilgjengelighet
Hvis du ønsker å nå publikum med synsvansker og bevegelseshemmede personer, må du fokusere på å bygge et tilgjengelig nettsted., Den KidzWish Foundation er et flott eksempel på et nettsted bygget med tilgjengelighet-første tenkning:
Du kan lage din egen nettstedet mer tilgjengelig ved å bruke stor skrift og kontrasterende farger.
Website design ideer med din samfunn
ditt nettsted først og fremst hjemme i et nettsamfunn? Vurdere å gjøre forumet som chatterom eller andre primære kommunikasjonskanal for din hjemmeside., Du kan se denne ideen brukes godt på Barista Exchange:
selvfølgelig, vil du ønsker å sørge for at siden din er fortsatt attraktiv. Tilpass din hjemmeside med innbydende farger og grafikk for å trekke folk.
Dele din sosiale bevis
Sosiale bevis er en av de mest verdifulle nettstedet design ideer i din markedsføring verktøykasse., Har din beste attester tydelig på hjemmesiden din, som jeg har gjort på min egen hjemmeside:
Du kan forsterke effekten av dine uttalelser ved å arbeide med dem i grafikk og bygge en glidebryter med de grafikk.
Legge til en chat-funksjon
En chat-boksen eller popup-vindu på din hjemmeside lar besøkende til å samhandle med merkevaren og får grunnleggende svar med en gang. Best av alt, kan du bruke en WordPress chatbot å automatisere hele prosessen.,
Ett nettsted som bruker en chatbot godt er OptinMonster:
Vurdere å ha ditt bot dukke opp i nedre høyre hjørne av skjermen, slik at den ikke forstyrrer andre bruker av hjemmesiden din.
👉 Hvordan å legge live chat for å WordPress
Legg til quizer med bred appell
Alle elsker en underholdende quiz som tester sin kunnskap eller viser dem noe om seg selv. Du har sikkert tilbrakt minst et par timer på Buzzfeed quizer deg selv.,
et Annet område som ikke er dette virkelig bra er det PlayBuzz nettstedet sentre rundt Buzzfeed-stil quizer.
Du kan legge til quiz til ditt eget nettsted enkelt med en WordPress-quiz-plugin.
👉 Hvordan å lage en quiz på WordPress
Bruk brutalist design prinsipper
Brutalist web design design er fokusert på rå innhold, med lite hensyn til typiske design konvensjoner., Du kan se dette prinsippet brukes effektivt på Omrisset:
Dette prinsippet vil ikke fungere for alle merker, men det kan være svært effektiv for selskaper som fokuserer på kunst -, ungdoms-kultur, eller «gjør det SELV» kulturen.
Website design ideer for en unik hjemmeside med feil art
Feil art bruker digitale eller analoge glitches å opprette en hyper moderne estetisk. Noen av de mest vanlige teknikkene som brukes til å opprette denne estetiske er pikselering, lys, lekker, og double exposure.,
Ett nettsted som bruker feil art til å skape en mektig estetiske er Aktiv Teori:
Bruk en svart og hvit palett
noen Ganger er den beste tingen å gjøre er å gå tilbake til det grunnleggende, og det er akkurat det en svart og hvit palett hjelper deg med å gjøre., Ett område som gjør dette spesielt godt er reklamebyrå Councl:
Du kan bruke svart og hvitt fotografi eller en illustrasjon for å tilpasse dette ser.
Opprette ditt nettsted i dag
Med nettstedet design ideer i dette innlegget, bør du ha massevis av inspirasjon til å lage din egen hjemmeside.,
For å få hjelp med det, vi har også noen guider på den tekniske prosessen med å lage en nettside:
- Hvordan å lage en nettside med WordPress
- Hvordan å lage en blogg med WordPress
- Hvordan å lage en nettside med Wi