18 van de beste ideeën voor websiteontwerp voor inspiratie in 2020

18 ideeën voor websiteontwerp met echte voorbeelden

gebruik een website van één pagina

een website van één pagina houdt alle belangrijke informatie over uw bedrijf op één pagina zodat gebruikers alles kunnen leren wat ze nodig hebben zonder gedwongen te worden om naar verschillende delen van uw site te navigeren., Een van de beste manieren om dit te bereiken is door al uw informatie op een schuifregelaar op Volledig scherm te plaatsen, zoals de galjoen-en Caravan-Site heeft gedaan:

het belangrijkste om te onthouden bij het werken met dit soort ontwerp is dat u wilt u voorkomen dat de pagina te veel informatie.,

👉 Hoe maak je een website van één pagina

Website ontwerp ideeën voor video

Video-inhoud kan een effectief onderdeel zijn van elke website, en het is een bijzonder krachtige manier om bezoekers op uw homepage te verwelkomen. Een site die video goed gebruikt op hun homepage is de Canadese Agorapulse site:

u kunt ervoor kiezen om een video gemakkelijk af te spelen vanaf uw homepage of zelfs instellen op Automatisch afspelen, maar zorg ervoor dat u kies niet automatisch afspelen als de video geluid bevat., Veel mensen geven de voorkeur aan stil browsen.

👉 How to add video to WordPress

investeer in illustratie

aangepaste illustraties zijn een geweldige manier om het unieke gevoel van uw merk vast te stellen en bezoekers een idee te geven van hoe het werken met uw bedrijf zal voelen., Een site die dit bijzonder goed doet is Social Media Examiner:

hun op maat geà llustreerde banner toont de betrokkenheid van Social Media Examiner bij het verkennen van nieuwe aspecten van sociale media en de vriendelijke aanpak die zij hanteren om met klanten te werken.

natuurlijk kan deze route duur worden, dus u wilt zich concentreren op twee of drie aangepaste illustraties voor uw hoofdpagina.,

accentueer uw homepage met animaties

een andere geweldige manier om uw homepage uniek te maken en de aandacht van bezoekers te behouden is om aangepaste animaties te gebruiken. Deze kunnen uw gehele homepage vullen of als een accent worden gebruikt zoals ze op de site staan voor de beste dag ooit onderwijs:

Houd uw animaties Eenvoudig en kort om de korte aandachtsspanne van bezoekers te ontvangen. U kunt ook een oproep tot actie in uw animatie opnemen.,

Gamify uw site

een van de beste manieren om een publiek te overtuigen om actie te ondernemen op uw website is om het leuk te maken. Zurb heeft dit bijzonder goed gedaan met een website die fungeert als een choose-your-own-adventure spel waar je kunt gebruiken om uit te vinden hoe je kunt werken met hen.

u kunt vrij eenvoudig uw eigen choose-your-own-adventure-website maken, of deze strategie naar een hoger niveau tillen door uw eigen valuta te creëren en gebruikers te belonen voor specifieke acties.,

Add a popup

Popups kunnen een van de meest irritante marketing tactieken op het web zijn, maar ze zijn ook een van de meest effectieve: in één experiment trok een enkele opt-in popup 1,375% meer abonnees. Echter, je wilt niet om mensen te ergeren met pop-ups voordat ze uw inhoud te lezen; de meest effectieve tijd voor een pop-up te verschijnen is wanneer iemand probeert om uw website te verlaten.,

Social Media Examiner heeft gedaan dit bijzonder goed, met meerdere pop-ups met behulp van verschillende beelden en bewoordingen te trekken in de meeste abonnees mogelijk:

👉 Het toevoegen van gepersonaliseerde pop-ups naar WordPress

Gebruik een full-size foto

in Plaats van een gewone witte achtergrond, overweeg dan een full-size foto als achtergrond voor uw homepage., Nog beter als de foto een gezicht gebruikt, zoals de achtergrond van de Bluehost-homepage:

Dit helpt mensen op een persoonlijker niveau verbinding te maken met uw website en uw merk.

Website design ideas for eCommerce

verkoopt u producten online? Maak uw homepage deel uit van uw e-commerce winkel en mensen aan te moedigen om te beginnen met het kopen van het moment dat ze uw website., U kunt zien dat dit idee goed wordt uitgevoerd op de Jeep People-site:

natuurlijk, als u deze route kiest, wilt u er ook zeker van zijn dat u geen van de veelvoorkomende fouten in het ontwerp van eCommerce-sites maakt.

👉 hoe start ik een online winkel

deel uw homepage

heeft u verschillende producten, diensten of andere informatie die u op uw homepage wilt delen? Overweeg het te verdelen in secties met blokken, verticale verdelers en witte ruimte.,

een website die dit bijzonder goed doet is Etsy:

website ontwerp ideeën voor navigatiemenu ‘s

drijvende navigatiemenu’ s Blijf bij uw bezoekers terwijl ze scrollen, waardoor het gemakkelijk is voor hen om te verhuizen naar andere delen van uw website op elk gewenst moment., Veel websites hebben deze navigatiestijl overgenomen om het leven van hun bezoekers gemakkelijker te maken, inclusief de websites van kleinere bedrijven zoals STEAMLabs:

u kunt eenvoudig een zwevend navigatiemenu toevoegen met behulp van het gratis Sticky Menu (of iets anders) op de Scrollplugin.

Focus op Toegankelijkheid

Als u doelgroepen met visuele en mobiliteitsstoornissen wilt bereiken, moet u zich richten op het bouwen van een toegankelijke website., De KidzWish Foundation is een goed voorbeeld van een website gebouwd met toegankelijkheid-eerst denken:

u kunt uw eigen website toegankelijker maken door gebruik te maken van grote lettertypen en contrasterende kleuren.

Website design ideas featuring your community

is uw website voornamelijk de thuisbasis van een online community? Overweeg het maken van het forum, chatroom of andere primaire communicatiemiddelen uw homepage., U kunt zien dat dit idee goed wordt gebruikt op Barista Exchange:

natuurlijk wilt u ervoor zorgen dat uw pagina nog steeds aantrekkelijk is. Pas uw homepage met gastvrije kleuren en afbeeldingen om mensen te trekken in.

deel uw social proof

Social proof is een van de meest waardevolle ideeën voor het ontwerpen van websites in uw marketing toolbox., Laat uw beste getuigenissen prominent op uw homepage staan, zoals ik op mijn eigen website heb gedaan:

u kunt de kracht van uw getuigenissen versterken door ze in graphics te verwerken en een slider met die graphics te bouwen.

een chatfunctie toevoegen

een chatbox of popup op uw homepage stelt bezoekers in staat om te communiceren met uw merk en meteen basisantwoorden te krijgen. Het beste van alles, je kunt een WordPress chatbot gebruiken om het hele proces te automatiseren.,

een site die een chatbot goed gebruikt is OptinMonster:

overweeg om uw bot in de rechterbenedenhoek te laten verschijnen, zodat het niet interfereert met andere toepassingen van uw homepage.

👉 How to add live chat to WordPress

quizzen toevoegen met een brede aantrekkingskracht

Iedereen houdt van een onderhoudende quiz die hun kennis test of hen iets over zichzelf laat zien. Je hebt waarschijnlijk zelf een paar uur aan Buzzfeed quizzen gedaan.,

een andere site die dit echt goed doet is de PlayBuzz site, die draait om Buzzfeed-stijl quizzen.

u kunt quizzen eenvoudig toevoegen aan uw eigen site met een WordPress quiz plugin.

👉 How to create a quiz on WordPress

gebruik brutalist design principles

Brutalist web design is ontwerp gericht op ruwe inhoud, met weinig aandacht voor typische ontwerpconventies., U kunt zien dat dit principe effectief wordt gebruikt op de schets:

Dit principe zal niet voor alle merken werken, maar het kan zeer effectief zijn voor bedrijven die zich richten op kunst, jeugdcultuur of doe-het-zelfcultuur.

Website ontwerp ideeën voor een unieke homepage met glitch art

Glitch art maakt gebruik van digitale of analoge glitches om een hyper futuristische esthetiek te creëren. Enkele van de meest voorkomende technieken die worden gebruikt om deze esthetiek te creëren zijn pixelatie, lichtlekken en dubbele belichting.,

een site die glitch art gebruikt om een krachtige esthetiek te creëren is actieve theorie:

gebruik een zwart-witpalet

soms is het beste om terug te gaan naar de basis, en dat is precies wat een zwart-wit palet je helpt te doen., Een site die dit bijzonder goed doet is het marketingbureau Council:

u kunt Zwart-wit fotografie of illustratie gebruiken om deze look verder aan te passen.

Create your website today

voor hulp hiervoor hebben we ook enkele handleidingen over het technische proces van het maken van een website:

• Hoe maak je een website met WordPress
• Hoe maak je een website met Wix