Beste Websites van 2022 | 25 Inspirerende Voorbeelden

1. Elegant Themes

URL: https://elegantthemes.com/

Elegant themes is een website bouwer die je kunt gebruiken om websites te maken zonder te hoeven programmeren.

De website van Elegant themes zelf ziet er gaaf uit en is zeker de moeite waard om te bekijken.

Wat je kan leren van dit mooie website voorbeeld

• Veel leuke animaties
• Duidelijke call to action knoppen
• Fijne user experience

2. WPX Hosting

URL: https://wpxhosting.com

WPX hosting heeft een uniek website design met een vrolijk kleurenpalet met leuke animaties.

Wat je kunt leren van dit mooie website voorbeeld

• Leuke cartoons
• Duidelijke call to action knoppen
• Veel sociaal bewijs

3. Bluehost

URL: https://bluehost.com/

Wat je kunt leren van dit mooie website voorbeeld

• Focus op conversie

• Fijne animaties wanneer je naar beneden scrollt

• Clean design met een modern kleurenpalet

4. Rightmessage

URL: https://rightmessage.com/

Wat je kunt leren van dit mooie website voorbeeld

• Gefocust op conversie

• Krachtige video bovenaan de pagina

• Clean design met een focus op call to action knoppen

5. Webflow

URL: https://webflow.com/

Wat je kunt leren van dit mooie website voorbeeld

• Super clean design

• Veel sociaal bewijs dankzij logo’s van klanten bovenaan de pagina
• Mooie voorbeeld screenshots om het product te laten zien

6. Leadpages

URL: https://www.leadpages.net/

Wat je kunt leren van dit mooie website voorbeeld

• Krachtige headline bovenaan de pagina

• Duidelijke call to action met een slimme ghost knop ernaast

• Duidelijke visuals die hun belofte ondersteunen

7. Viral Loops

URL: https://viral-loops.com/

Wat je kunt leren van dit mooie website voorbeeld

• Uniek kleuenpalet

• 2 call to action knoppen die fijn met elkaar samenwerken – direct bovenaan de pagina
• Duidelijke menu structuur

8. Semrush

URL: https://www.semrush.com/

Wat je kunt leren van dit mooie website voorbeeld

• Slimme call to action waardoor je direct zin krijgt om te starten met hun software
• Clean website design
• Veel sociaal bewijs dankzij logo’s van hun klanten bovenaan de pagina

9. Flying Pinata

URL: http://flyingpinata.co/

Wat je kunt leren van dit mooie website voorbeeld

• De animaties bovenaan de pagina zijn grappig en leggen het concept snel & simpel uit
• De video is grappig en duidelijk
• Leuk kleurenpalet die de website een fijn gevoel geven

10. Narrative

URL: http://getnarrative.com/

Wat je kunt leren van dit mooie website voorbeeld

• Fijne productafbeeldingen
• Slimme headlines die het product en de voordelen binnen een paar seconde uitleggen
• Slimme zwevende call to action knoppen

11. Active Campaign

URL: https://www.activecampaign.com/

Wat je kunt leren van dit mooie website voorbeeld

• De call to action knoppen zijn duidelijk en aantrekkelijk
• De website beschrijft het product op een duidelijke manier
• De tweets onderaan de pagina leveren veel sociaal bewijs

12. AdQuick

URL: https://www.adquick.com/

Wat je kunt leren van dit mooie website voorbeeld

• Duidelijke call to action knoppen bovenaan de pagina
• Veel sociaal bewijs doordat ze hun klanten tonen bovenaan de pagina
• Duidelijke screenshots die de service uitlegt binnen een paar seconden

13. Cameo

URL: https://www.cameo.com/

Wat je kunt leren van dit mooie website voorbeeld

• Duidelijke headline die het concept binnen één zin uitlegt
• Veel sociaal bewijs door de video op de achtergrond
• Duidelijke call to action knoppen over de hele website

14. Clubhouse

URL: https://clubhouse.io/

Wat je kunt leren van dit mooie website voorbeeld

• Clean design
• Veel lege ruimte op de website waardoor het geheel prettig oogt
• Duidelijke call to actions

15. Muse

URL: https://choosemuse.com

Muse is een startup die je helpt om meer mindful in het leven te staan. Ik vind het een erg gaaf design wat gebruik maakt van strakke afbeeldingen met fijne content items. Mooi gedaan!

Wat je kunt leren van dit mooie website voorbeeld

• Prachtige afbeeldingen doen het werk

• Duidelijke CTA’s

• Een strak design in zijn geheel

16. Ultimate Ears

URL: https://www.ultimateears.com/

Ultimate Ears heeft duidelijk begrepen hoe mooie afbeeldingen tot een strakke website kunnen leiden. Als je naar beneden scrollt ‘voel’ je de website gewoon ademen. Erg inspirerend!

Wat je kunt leren van dit mooie website voorbeeld

• Prachtige afbeeldingen

• Goede copywriting

• Gave video

17. Litter Robot

URL: https://www.litter-robot.com/

Ben je op zoek naar een modern website voorbeeld die zowel vrolijk als commercieel is? Check dan deze! Ik vind het prachtig om te zien hoe ze leuke kattenfoto’s gebruiken in combinatie met een duidelijk kleurenpalet.

Wat je kunt leren van dit mooie website voorbeeld

• Duidelijke CTA

• Mooi kleurenschema

• Veel witruimte

18. Molekule

URL: https://molekule.com/

Molekule is een van mijn favoriete websites ooit! De homepage heeft een gave achtergrond video en de rest van de website ziet er ongelofelijk gelikt uit. Ik zou deze zeker even checken!

Wat je kunt leren van dit mooie website voorbeeld

• Gave achtergrond video

• Goede copywriting

• Mooie afbeeldingen

19. Xuva

URL: https://xuva.mx/

Ben je. opzoek naar een moderne website in de voeding sector? Check dan even Xuva! Deze website zit vol met epische afbeeldingen waardoor dit design erg luxueus voelt. Aanrader!

Wat je kunt leren van dit mooie website voorbeeld

• Geweldige afbeeldingen

• Luxe design

• Krachtig design

20. Rent A Dinosaur

URL: https://rentadinosaur.co.uk/

Deze website is hilarisch. Ik bedoel, je kunt een dinosaurus huren. Alleen daarom al verdient deze website een plek op de lijst. Maar alle gekheid op een stokje, er is best goed nagedacht over dit design!

Wat je kunt leren van dit mooie website voorbeeld

• Duidelijke video

• Veel social proof door alle foto’s

• Duidelijke CTA

21. Tao Tajima

URL: http://taotajima.jp/

Als je een filmmaker bent moet je deze website zeker even checken. Zodra de website opent start er een een mooie video. Ook de scroll animaties zijn een aanrader!

Wat je kunt leren van dit mooie website voorbeeld

• Fijne scroll animaties
• Weinig tekst
• Mooi animaties

22. Agency 51

URL: https://www.agency51.com/

Wat een visueel spektakel! Het kleuren schema zorgt voor een opvallend design. Ze maken gebruik van gave animaties en duidelijke headlines. Mooi werk!

Wat je kunt leren van dit mooie website voorbeeld

• Gave branding
• Subtiele animaties
• Mooi kleuren schema

23. Ethos

URL: https://www.getethos.com/

Ethos maakt gebruik van een conversie gericht design. Het is inspirerend om te zien dat ze hun website gebruiken om je zo snel mogelijk naar een conversie te leiden.

Wat je kunt leren van dit mooie website voorbeeld

• Duidelijke copywriting door de hele website
• Veel lege ruimte waardoor de website fijn is om naar te kijken
• De call to action knoppen vallen op en zien er goed uit

BONUS – Een van mijn favoriete templates

Digital Product Template

URL: https://mycodelesswebsite.com/try-theme/digital-product

Waarom we dit een fijn template vinden

• Mooi design met mooie graphics
• Werkt met Wordpress en is makkelijk aan te passen
• Gratis te downloaden als je lid bent van de Divi club

Website hosting

Waar moet ik mijn mooie website hosten?

Nadat ik meerdere hosting services heb geprobeerd zijn er 2 waar ik extreem enthousiast van ben geworden.

#1 Bluehost [meer info]

✓ Perfect als je één website wilt hosten
✓ Goedkoop
✓ Goede support

#2 WPX Hosting [meer info]

✓ Perfect voor het hosten van meerdere websites
✓ Gratis migratie van je oude host naar WPX hosting

Website Ontwerp Tips

#1 Claim de juiste domeinnaam voordat hij weg is

#2 Geef niet onnodig veel geld uit

Veel mensen zijn dagen bezig omet een website te programmeren die ze in een paar uur hadden kunnen maken met een website bouwer tool.

Doe dit niet.

Het is tegenwoording ontzettend makkelijk om websites te maken en aan te passen met een krachtige drag & drop site bouwer. Onze tip is Divi, makkelijk voor beginners en ideaal als je dingen snel wilt aanpassen.

Website FAQ