en utmärkt design lockar nya tittare till din webbplats och håller dem engagerade med innehållet där. Men om du inte är en designer, kan välja den bästa designen för din webbplats vara en skrämmande uppgift., I den här guiden utforskar vi 18 olika webbdesignidéer, tillsammans med en samling riktiga webbplatser som du kan använda som inspiration
18 webbdesignidéer med riktiga exempel
använd en webbplats på en sida
en webbplats på en sida håller all viktig information om ditt företag på en sida så att användarna kan lära sig allt de behöver utan att behöva navigera till olika delar av din webbplats., Ett av de bästa sätten att åstadkomma detta är genom att placera all din information på en helskärm reglaget som Galleon och husvagn webbplats har gjort:
det viktigaste att komma ihåg när man arbetar med denna typ av design är att du vill undvika trängsel på sidan med för mycket information.-herr talman!,
så här skapar du en webbplats på en sida
Webbplatsdesignidéer för video
videoinnehåll kan vara en effektiv del av vilken webbplats som helst, och det är ett särskilt kraftfullt sätt att välkomna besökare till din hemsida. En webbplats som använder video bra på deras hemsida är den kanadensiska Agorapulse webbplats:
Du kan välja att göra en video lätt spelbar från din hemsida eller ens ställa in den till autoplay, men se till att du inte väljer autoplay om videon innehåller ljud., Många föredrar tyst surfning.
så här lägger du till video i WordPress
investera i illustration
anpassade illustrationer är ett bra sätt att skapa den unika känslan av ditt varumärke och ge besökarna en uppfattning om vad som fungerar med ditt företag kommer att känna sig som., En webbplats som gör detta särskilt bra är Social Media examinator:
deras skräddarsydda banner förmedlar Social Media Examiner engagemang för att utforska nya aspekter av sociala medier och det vänliga tillvägagångssätt de tar för att arbeta med kunder.
naturligtvis kan denna rutt bli dyrt, så du vill fokusera på två eller tre anpassade illustrationer för din huvudsida.,
Accent din hemsida med animationer
ett annat bra sätt att göra din hemsida unik och hålla besökarnas uppmärksamhet är att presentera anpassade animationer. Dessa kan fylla hela din hemsida eller användas som en accent som de är på webbplatsen för bästa dagen någonsin utbildning:
Håll dina animationer enkla och korta för att rymma besökarnas korta uppmärksamhet spänner. Du kanske också vill inkludera ett samtal till handling i din animering.,
Gamify din webbplats
ett av de bästa sätten att övertyga en publik att vidta åtgärder på din webbplats är att göra det roligt. Zurb har gjort detta särskilt bra med en webbplats som fungerar som en Välj-din-egen-äventyrsspel där du kan använda för att ta reda på hur du kan arbeta med dem.
Du kan skapa din egen webbplats för eget äventyr ganska enkelt, eller ta denna strategi till nästa nivå genom att skapa din egen valuta och belöna användare för specifika åtgärder.,
Lägg till en popup
popup-fönster kan vara en av de mest irriterande marknadsföring taktik på webben, men de är också en av de mest effektiva: i ett experiment en enda opt-in popup drog in 1,375% fler abonnenter. Men, du vill inte irritera människor med popups innan de läser ditt innehåll; den mest effektiva tiden för en popup visas är när någon försöker lämna din webbplats.,
sociala medier examinator har gjort detta särskilt bra, med flera popups med olika grafik och formulering för att rita i de flesta abonnenter möjligt:
Så här lägger du till personliga popups till WordPress
använd ett fullstort foto
istället för en vanlig vit bakgrund, överväga att använda ett fullstort foto som bakgrund för din hemsida., Ännu bättre om bilden använder ett ansikte, som bakgrunden på Bluehost hemsida:
det här hjälper människor att ansluta till din webbplats och ditt varumärke på en mer personlig nivå.
Webbplatsdesignidéer för e-handel
säljer du produkter online? Gör din hemsida del av din e-handel butik och uppmuntra människor att börja köpa det ögonblick de anger din webbplats., Du kan se denna idé exekveras riktigt bra på Jeep People webbplats:
naturligtvis, om du väljer denna rutt du också vill se till att du inte gör någon av de vanliga e-handel webbplats design misstag.
så här startar du en webbutik
dela upp din hemsida
har du flera olika produkter, tjänster eller annan information som du vill dela på din hemsida? Överväg att dela den i sektioner med block, vertikala avdelare och vitt utrymme.,
en webbplats som gör detta särskilt bra är Etsy:
webbplatsdesignidéer för navigeringsmenyer
flytande navigeringsmenyer håller fast vid dina besökare när de rullar, vilket gör det enkelt för dem att flytta till andra delar av din webbplats när som helst. – herr talman!, Många webbplatser har antagit denna navigationsstil för att göra besökarnas liv enklare, inklusive webbplatser för mindre företag som STEAMLabs:
Du kan enkelt lägga till en flytande navigeringsmeny med hjälp av den fria klibbiga menyn (eller något) på Scroll plugin.
fokus på tillgänglighet
om du vill nå målgrupper med nedsatt syn och nedsatt rörlighet måste du fokusera på att bygga en tillgänglig webbplats., Kidzwish Foundation är ett bra exempel på en webbplats byggd med tillgänglighet-första tänkande:
Du kan göra din egen hemsida mer tillgänglig genom att använda stora teckensnitt och kontrasterande färger.
Webbdesignidéer med din diskussionsgrupp
är din webbplats i första hand hem för en community? Överväg att göra forumet, chattrum eller andra primära kommunikationsmedel din hemsida., Du kan se denna idé som används bra på barista Exchange:
självklart vill du se till att din sida fortfarande är attraktiv. Anpassa din hemsida med välkomnande färger och grafik för att dra folk i.
dela ditt sociala bevis
Social proof är en av de mest värdefulla webbdesignidéerna i din marknadsföringsverktyg., Har dina bästa vittnesmål framträdande på din hemsida, som jag har gjort på min egen hemsida:
Du kan förstärka kraften i dina vittnesmål genom att arbeta dem i grafik och bygga ett reglage med dessa grafik.
Lägg till en chattfunktion
en chattlåda eller popup på din hemsida gör det möjligt för besökare att interagera med ditt varumärke och få grundläggande svar direkt. Bäst av allt, du kan använda en WordPress chatbot för att automatisera hela processen.,
en webbplats som använder en chatbot brunn är OptinMonster:
överväga att få din bot att dyka upp i det nedre högra hörnet så att den inte stör andra användningar av din hemsida.
hur man lägger till chatt till WordPress
Lägg till frågesporter med bred överklagande
alla älskar en underhållande frågesport som testar sina kunskaper eller visar dem något om sig själva. Du har nog spenderat minst ett par timmar på Buzzfeed frågesporter själv.,
en annan webbplats som gör detta riktigt bra är PlayBuzz webbplats, som centrerar runt Buzzfeed-stil frågesporter.
Du kan lägga till frågesporter till din egen webbplats enkelt med en WordPress quiz plugin.
så här skapar du en frågesport på WordPress
använd brutalistiska designprinciper
brutalistisk webbdesign är design inriktad på råinnehåll, med liten hänsyn till typiska designkonventioner., Du kan se denna princip användas effektivt på konturen:
denna princip fungerar inte för alla märken, men det kan vara mycket effektivt för företag som fokuserar på konst, ungdomskultur eller DIY kultur.
Webbplatsdesignidéer för en unik hemsida med glitch art
glitch art använder digitala eller analoga glitches för att skapa en hyper futuristisk estetik. Några av de vanligaste teknikerna som används för att skapa denna estetiska är pixelering, ljusläckor och dubbel exponering.,
en webbplats som använder glitch art för att skapa en kraftfull estetik är aktiv teori:
använd en svartvitt palett
Ibland är det bästa att gå tillbaka till grunderna, och det är precis vad en svart och vit vit palett hjälper dig att göra., En webbplats som gör detta särskilt bra är marknadsföringsbyrån Councl:
Du kan använda svartvit fotografering eller illustration för att ytterligare anpassa detta utseende.
skapa din webbplats idag
med webbplatsdesignidéerna i det här inlägget borde du ha gott om inspiration för att skapa din egen hemsida.,
för hjälp med det har vi också några guider om den tekniska processen att göra en webbplats:
- hur man gör en webbplats med WordPress
- hur man skapar en blogg med WordPress
- hur man gör en webbplats med Wix