3 mei 202312 minuten
Dit artikel is voor het laatst bijgewerkt op 4 mei 2023.
Webdesign heeft een lange weg afgelegd sinds het ontstaan van internet. Met alle nieuwe technologische ontwikkelingen en de online mogelijkheden die daarmee zijn ontstaan, heeft een golf van innovatieve websites de nieuwe standaard gezet voor wat webdesign betekent.
Om deze ontluikende creativiteit te vieren, hebben we samen met Dafna Rabin, manager van het template ontwerpteam van Wix, een lijst samengesteld van de 31 beste en leukste websites van dit moment.
Wil je zelf een website maken die er uitspringt op alle vlakken? Lees dan snel verder en ontdek wat er tegenwoordig allemaal mogelijk is als het gaat om webdesign!
Van zakelijke websites tot persoonlijke blogs: de mooie websites die we gaan bespreken onderscheiden zich door hun creativiteit, geweldig gebruik van webdesignfuncties en effectieve gebruikerservaring.
In deze samengestelde lijst van beste websites, verwijzen we steeds naar één of meerdere geweldige Wix-functies. Op deze manier kun je de nodige inspiratie opdoen voor webdesign en leren hoe zelf een prachtige website kunt ontwerpen.
Tip: Weet je niet waar je moet beginnen? Bekijk deze lijst met de beste gratis website templates van Wix en pas ze zo nodig aan je eigen wensen aan!
Hoewel alle aanbevolen Wix-websites een A+ gebruikerservaring bieden, spant printstudio Dopple Press echt de kroon. De website is visueel aantrekkelijk en gemakkelijk te lezen, dankzij een strakke en ruime lay-out in combinatie met een helder kleurenschema.
Ontwerper Liv White werkte samen met Velo om creatieve animaties toe te voegen aan elke pagina, waardoor bezoekers worden aangemoedigd om op een interactieve manier met haar content om te gaan.
Spannende beelden? Check. Aantrekkelijke typografie? Check. Pittig kleurenschema? Check. Er zijn talloze redenen waarom OK Drugs deze lijst van beste websites heeft gehaald. Het gebruik van asymmetrie heeft echter de doorslag gegeven.
Een van de principes van webdesign is het creëren van balans binnen een compositie. Hoewel veel van de beste websites dit meestal bereiken met behulp van symmetrische lay-outs, benadert OK Drugs balans op een asymmetrische manier.
De lay-out met collages doet recht aan het experimentele karakter van het merk. En de overvloed aan witruimte voorkomt daarnaast dat de website zijn relaxte gasten overweldigt.
Met animatie, galerijen en een speels gebruik van typografie is de één-pagina website van Studio Sonja Van Dulmen een genot om doorheen te scrollen. Ze combineert lay-outs zonder de gebruiker te desoriënteren, waarmee ze haar bekwaamheid als designer eer aan doet.
Door één van haar ontwerpen als omslagafbeelding te gebruiken, ontwikkelde Sonja een websitekop die een tijdschriftomslag nabootst. De titel van haar website staat brutaal in het midden van de pagina en is uitgelijnd met een curve in de omslagafbeelding. Aan de rechterkant functioneren ankerpunten bovendien als inhoudsopgave.
Rabin waardeert het gebruik van de functie 'Stroken en Kolommen' van Wix: tools waarmee gebruikers responsieve elementen over de volledige breedte kunnen maken.
"Het is heel interessant, dynamisch, anders en experimenteel. De maker onderzocht verschillende opties, lay-outs, functies en manieren om typografie te gebruiken".
Dankzij deze toevoegingen is de website van Sonja een van de leukste websites van dit moment!
Hoe maak je een website voor je restaurant die er echt uitspringt? In tegenstelling tot veel restaurant websites, richt Yantra zich op de sfeer in plaats van op het eten. De homepage bevat een volledige galerij met verbluffende afbeeldingen van het interieur van het restaurant, dat om elke hoek een nieuw lust voor het oog belooft.
We vinden het top dat het online menu een tabblad heeft voor elk onderdeel ervan (het scrollen door het uitgebreide menu zou anders behoorlijk overweldigend zijn). Ook gebruikte de designer de Wix Coupon functie, waardoor gasten eenvoudig cadeaubonnen kunnen kopen voor hun dierbaren.
Bij het zoeken naar de beste 'Over ons'-pagina uit alle mooie websites die er zijn, zochten we vooral naar een website met persoonlijkheid. En dat vonden we absoluut in de website van Bhroovi Gupta: een jonge grafisch designer met een passie voor technologie en motion design.
Haar Over ons-pagina wordt geopend op een grimmige witte achtergrond met een grote koptekst, waarop staat: "Ik ben veel dingen." Daaronder staan hashtags die haar niet alleen introduceren als professional maar ook als persoon.
Gupta's biografie geeft een beknopt overzicht van haar werkgeschiedenis en inspiraties. Het CV-gedeelte toont daarnaast haar onderscheidingen, persberichten en rollen in verschillende groepen. Ten slotte bevat de pagina een paar 3D-animaties die bezoekers haar vaardigheden perfect laten zien.
Als Art Director die werkte aan commercials, films, muziekvideo's en televisie, is het geen verrassing dat Noah Demeuldre met zijn gebruik van video een welverdiende plaats inneemt in het rijtje van beste websites.
Deze één-pagina website is constant in beweging. Demeuldre's clips vullen het scherm. En het onthullende scroll-effect dat hij op elke clip toepast, zorgt ervoor dat de bezoekerservaring net zo boeiend is als zijn werk.
HERoines is de beste in de categorie non-profit website. Dit vanwege de effectiviteit die de site heeft als branding asset. Het vrouwelijke kleurenschema en de krachtige beelden creëren een samenhangend merkimago voor de organisatie.
De website gebruikt testimonials en duidelijke CTA's om nieuwe leden aan te trekken en donaties aan te moedigen. Daarnaast wordt er een sterke merkboodschap overgebracht.
Zodra je aankomt op de website van Daniel Aristizabal, een van de beste websites voor grafisch ontwerp, kun je niet anders dan toegeven: deze man heeft talent.
Het is geweldig dat hij zo'n breed scala aan Wix-tools heeft gebruikt, zoals VideoBox, Hover Box en website-animaties. Op deze manier weet hij een een super interactieve ervaring voor bezoekers te creëren.
Het belangrijkste is dat Aristizable zijn portfolio website gebruikt om zijn nieuwste projecten te presenteren en potentiële klanten vast te leggen. Een overzichtelijke paginagrote lay-out geeft ons daarnaast een overzicht van zijn werk.
Knoppen op elk van de vier hoeken van de website nodigen bezoekers ten slotte uit om contact op te nemen, door middel van een contactpagina en links naar zijn Instagram- en Behance-profielen.
Lees meer over 'Hoe maak je een portfolio', voor handige tips & tricks!
Aangezien mobiele apparaten goed zijn voor 52% van het wereldwijde internetverkeer, konden we niet anders dan een website opnemen in deze lijst die een geweldige ervaring biedt voor smartphonegebruikers.
De mobiele website van Noni Cermica valt extra op omdat het alles bevat wat een gebruiker nodig heeft: een verkort menu om gemakkelijk doorheen te bladeren, een prominente winkelknop voor toegang tot zijn winkelwagentje, en een handige chatfunctie voor snelle klantenservice onderweg.
Tiffany Cruz haar gebruik van typografie verstrekt wat toch al een geweldige website is. Door een lettertype voor haar koppen te uploaden naar de lettertypebibliotheek van Editor X, gaf ze haar moderne webontwerp een geheel eigen uitstraling.
Zoals de meeste grote grafisch designers doen, koos Cruz daarnaast een schoner, meer herkenbaar lettertype voor de tekst van haar website. Deze keuze maakt dat iedereen er een comfortabele leeservaring op nahoudt.
Benieuwd naar hoe je het beste lettertype voor websites kiest? Lees dan dit artikel en ontdek welke typografie het beste bij jouw website past.
De bedenkers achter Bod Drinks gebruiken afbeeldingen van hoge kwaliteit om de Kombucha-drankjes en hun aantrekkelijke verpakking weer te geven. Daarom verdienen ze absoluut een plekje in deze lijst van beste websites.
Foto's van hun producten gaan vergezeld van afbeeldingen van natuurlijke ingrediënten; een esthetische beslissing die het gezonde merkimago van Bod Drinks naar een hoger niveau tilt.
Het is het prominente favicon van BlinkMyBrain, welke bezoekers charmeert en hun merkidentiteit verzegelt, wat de website in onze lijst van beste en leukste websites plaatst.
Een favicon is een kleine afbeelding die in webbrowsers wordt gebruikt om een website of webpagina weer te geven. Favicons staan op tabbladen bovenaan een webbrowser, maar ook op de bladwijzerbalk, in de geschiedenis- en in zoekresultaten en naast de pagina-URL.
Het favicon van BlinkMyBrain is een stukje van een stilleven uit de clips van de animatieregisseur: een oudere man met een astronautenhelm, die buigt.
The Tea Story, gevestigd in Singapore, heeft een van de mooiste en leukste websites die er zijn.
Deze verkoper van allerlei soorten heerlijk thee gebruikt de Slideshow-functie van Wix om testimonials op te nemen op zijn homepage, plus een decoratief bloemmotief om bezoekers aan te moedigen nog even te blijven voor 'tea time'.
Met elke positieve beoordeling raken bezoekers meer geïntrigeerd door de levendige ervaring die The Tea Story te bieden heeft.
Mikaela Reuben maakt een sterke eerste indruk met de koptekst van haar website. Met een GIF op volledig scherm van de passievolle gezondheidsadviseur die rabarber uit een tuin plukt, maakt de koptekst Mikaela's holistische benadering vanaf het begin duidelijk.
Wat we vooral zo leuk vinden is dat de navigatiebalk bestaat uit een wit lettertype zonder achtergrond wanneer bezoekers bovenaan de pagina staan, maar dat deze verandert in een lettertype met een doorzichtige, gebroken witte achtergrond en een zwarte tekst wanneer ze naar beneden scrollen.
Een zoekbalk verbetert daarnaast de gebruikerservaring en biedt gemakkelijk toegang tot de overvloed aan heerlijke recepten die Rueben gratis aanbiedt.
De driedimensionale kwaliteiten van parallax-scrollen geven kijkers het gevoel dat ze verborgen content ontdekken, waardoor ze van begin tot eind een boeiende ervaring beleven. En Ivy Chen's ongedwongen gebruik van dit effect is bijzonder verleidelijk.
Ze gebruikt parallax-scrollen namelijk om haar ontwerpproces te delen. Eerst verschijnt er een schets. Dan wordt het voltooide kledingstuk er bovenop geplaatst. En ten slotte verschijnt er een foto van een model onder het kledingstuk.
Een dergelijke doordachte ontwerpkeuze laat zien hoe slim en getalenteerd Ivy is, niet alleen als modeontwerper, maar ook als illustrator en grafisch ontwerper.
Ondanks dat dit het laatste is wat mensen zien van een website, mag je de voettekst nooit vergeten aandacht te geven. En Cami Ferreol bewijst met haar website precies hoe sterk een goede voettekst op een website kan zijn.
Met een postkaartachtig ontwerp bedankt de creatieve strateeg haar websitebezoekers en laat ze haar contactgegevens en een aanbevolen playlist achter. Ten slotte markeert Cami het einde van haar website met een portretfoto en een krachtig logo. Hiermee verdiend ze ook nog eens belangrijke punten voor personal branding.
De lay-out van de website van Chico Santos is al even origineel als gebruiksvriendelijk. Aan de linkerkant van de pagina somt Santos hun projecten op in omgekeerde chronologische volgorde. De lijst functioneert als een navigatiebalk, zodat deze aan de rechterkant verschijnt zodra een gast op een project klikt.
"Het is heel eenvoudig en ongecompliceerd. Ik vind de manier waarop de ene kant 'kleeft' en de andere scrolt fantastisch. Dit is een leuke manier om georiënteerd te blijven terwijl je door afbeeldingen scrolt. Het is een slimme oplossing." Aldus Rabin.
Zelfs de beste websites hebben een goed ontworpen Lightbox nodig. En de kunstenaarswebsite van Ellen Von Wiegand is hier een geweldig voorbeeld van.
Omdat het Lightbox-ontwerp consistent is met de rest van de website, stoort het bezoekers niet wanneer het op het scherm verschijnt. Met een korting en de belofte van exclusieve aanbiedingen, stimuleert het formulier de lezer om hun e-mailadres in te voeren voordat ze de website verlaten.
Gebruikmakend van de extra ruimte op de website om bezoekers te begroeten, geeft de Splash-pagina van Lete op haar illustrator website een intrigerend voorproefje van haar talenten.
Als artiest heeft ze haar branding goed aangepakt. Dit onder andere door een pagina van een schetsboek in de achtergrond op te nemen om haar professionele identiteit te versterken. De website past goed bij de stijl van de rest van haar kunst, en behoort absoluut tot een van de leukste websites van dit moment.
We zouden naast de boot vissen als we het blogontwerp van Scarf Aid niet zouden erkennen als een van onze beste webdesigns.
De 'Busy Bee Blogger' biedt creatieve verlichting van alle stress van het coronavirus. Ze laat bij elke post een nieuwe zijden sjaal zien, die een poëtische context biedt voor haar dagelijkse dagboekaantekeningen.
De eenvoudige lay-out van de blog toont de meest recent gepubliceerde post eerst en bevat links naar elke serie in het navigatiemenu.
Op zoek naar geweldige menu voorbeelden om te gebruiken voor je eigen website? Lees dan snel dit artikel!
Het gebruik van animatie op een website kan lastig zijn. Maar zoals we kunnen zien op de website van ontwerper en illustrator Tata Resko, kan het implementeren van een beperkte hoeveelheid animatie een dynamische en boeiende visuele ervaring voor bezoekers creëren.
Van de scrollende bannerberichten tot de roterende knoppen: de bewegende elementen zijn niet alleen leuk om naar te kijken, maar zorgen daarnaast voor leuke interactie van de bezoeker met de website.
Tach Clothing verdiend het absoluut om verkozen te worden als beste webshop. Ze bewijzen namelijk hoe een mooie website met een geweldig webdesign een ideale winkelervaring voor gebruikers kan vergemakkelijken.
Het minimalistische ontwerp laat de fantastische fotografie schitteren en maakt de navigatie eenvoudig. Het feit dat een tweede productfoto wordt getoond wanneer een gebruiker met de muis over een artikel beweegt, zorgt voor een fijne en gemakkelijke winkelervaring.
Ga je je website ontwerpen? Dan moet je goed nadenken over de achtergrond. Mooie en doordachte website-achtergronden zetten namelijk de perfecte toon voor de rest van het je webdesign.
In het geval van Defne Kaynak is die toon kalm, smaakvol en ongewoon, wat een ideale setting vormt voor haar online portfolio. Het vage ontwerp complimenteert de grote tekst, de effen tinten en de scherpe vormen waaruit de content van haar homepage bestaat.
Als je geweldige foto's maakt, is er geen betere manier om ze te laten zien dan met een diavoorstelling op volledig scherm.
De in Shanghai gevestigde fotograaf Fei Luo doet precies dat, door haar beste werken centraal te plaatsen op de homepage van haar fotografiewebsite. Dit trekt meteen de aandacht van haar bezoekers en laat tegelijkertijd haar vaardigheden zien.
In Print Art Book Fair heeft een van de mooiste ontwerpen uit deze lijst met beste websites, met een fantastische FAQ-pagina. Deze geeft bezoekers antwoorden op veelgestelde vragen en onthult belangrijke details over het aanmelden en deelnemen aan het jaarlijkse evenement.
De in Jeruzalem gevestigde beurs voor kunstenaars en uitgevers, levert tevens topprestaties bij het lokaliseren van content, waarbij de FAQ-pagina in twee talen wordt verdeeld. Een ruime voettekst en een prominent menu geven bezoekers daarnaast eenvoudig toegang tot meer informatie, zoals een 'open call-applicatie', profielen op social media en archieven van eerdere evenementen.
Grafisch ontwerper Ryan Haskins gaf zijn brutalistische website een 'lo-fi' behandeling, waarmee hij zijn zelfvertrouwen en cultureel bewustzijn aantoont.
"Alles is luid en rommelig, wat enorm trendy is", zegt Rabin. Ze is vooral erg te spreken over het gebruik van Wix's Pro Gallery om zijn New York Times-clips te laten roteren en vervolgens te stoppen wanneer de cursor eroverheen zweeft.
De botsende kleuren en Powerpointachtige animaties zouden misschien als too much worden beschouwd als ze door een amateur waren gebruikt. Maar Haskins past ze effectief toe om zijn gedurfde en speelse merkpersoonlijkheid te benadrukken.
De contactpagina van Mariela Mezquita is al net zo lief als de rest van haar website. De ronde hoeken van de invoervelden, de speelse typografie en de brutale toon, creëren een laagdrempelige sfeer die bezoekers verwelkomt.
"Ik ben echt fan van het gebruik van beweging met de GIF en het kleurgebruik in de velden. Het laat alles op een spel lijken." Zegt Rabin.
Terwijl experts je normaal gesproken zouden aanraden om webformulieren te beperken tot alleen het absolute minimum, toont het feit dat het contactformulier van Mezquita voorzien is van 8 velden, haar interesse om al haar potentiële klanten te leren kennen. Vooral het voornaamveld is attent. Dit laat namelijk zien dat ze het al haar klanten naar de zin wil maken.
Website trends komen en gaan. En dit jaar zien we extremen in zowel minimalistische als maximalistische richtingen. The Robin Collective perfectioneert vooral de laatste. Ze verdienen dan ook zeker een plaats tussen de beste websites met dit pittige kleurenschema.
The Robin Collective trekt de aandacht van bezoekers met een gele achtergrond boven de vouw en uitbarstingen van roze en blauw. Dit laat zien hoe een effectief kleurenschema mensen kan aantrekken en tegelijkertijd meteen de toon kan zetten.
Niet iedereen durft het aan om een dergelijk ontwerp te maken, maar het kleurgebruik van The Robin Collective bewijst hun status als een 'Out-of-the-box' bureau.
Het is niet eenvoudig om een website met een gedempt kleurenschema spannend te maken, maar Wendy Ju heeft dit absoluut voor elkaar gekregen.
Met een subtiele maar slimme animatie in de koptekst legt ze de lat hoog, en haar creativiteit spat ervan af. We zijn vooral te spreken over het feit dat haar logo haar webdesign beïnvloedt en dat ze dunne, elegante lijnen gebruikt.
Het chique homepage-ontwerp van Sharon Radisch laat zien hoeveel impact een webdesigner kan maken met een eenvoudige lay-out. Zwart-witfoto's domineren de pagina, waarbij de weinige kleurenfoto's tegelijkertijd weelderige rode accenten toevoegen.
De naam van de artiest staat in hoofdletters geschreven op een breed uitgespreide foto en zorgt ervoor dat bezoekers hem nooit zullen vergeten. Dit is het perfecte bewijs dat foto's met een hoge resolutie op 'schone' homepages, kunnen helpen een verhaal te vertellen en indruk te maken.
Als we maar één woord mogen gebruiken om de website van Nedavius te beschrijven, dan zou dat 'maf' zijn. Toch geeft de gekheid van de website je geen reden om hem minder serieus te nemen. Het toont eerder het vermogen van Nedavius om aansluiting te vinden met Gen Z'ers, die waarde hechten aan humor en authenticiteit.
De knipperende avatar van de kunstenaar bevindt zich boven vier 3D-ontwerpen, waar bezoekers doorheen kunnen klikken om ze te verkennen. Zijn gebruik van zachte typografie en een mosgroene achtergrond brengen daarnaast een zachtheid met zich mee die zelfs de meest sociaal onhandige Gen Z'er verwelkomt.
Tot zover onze 31 beste websites van dit jaar. Wil jij graag je eigen website maken? Laat je dan door deze mooie websites inspireren en breng je ideeën to leven. Iedereen kan het, dus jij ook! Succes!
Team Wix