Af en toe kom ik een website tegen die me echt aantrekt. Dus ik vond er 32 om je te laten zien.
Deze sites verleggen de grenzen van wat bekend is als mogelijk op internet. Of het nu gaat om het ontwerp, de bruikbaarheid, de interactiviteit, het geluidsontwerp of de waarde die de site biedt, elk is een meesterwerk in zijn respectieve branche en iets om door te worden geïnspireerd.
Het is niet verrassend dat er veel organisaties bestaan om deze sites en de bijdragen die ze leveren aan internet onder de aandacht te brengen. Om enkele van de meest inspirerende ontwerpen naar boven te halen, verzamelde ik 32 prijswinnaars die hun weg hebben gevonden door verschillende belangrijke prijsorganisaties - waaronder Awwwards, UX Awards, The Webby Awards, SiteInspire, Best Website Gallery en FWA.
Klik op de onderstaande links om naar een groep website-ontwerpen te gaan die het de afgelopen jaren hebben verpletterd:
Onder deze lijst vond ik ook nog zes websites wiens homepage-ontwerpen gewoon cool zijn en de moeite waard om van te leren.
Terwijl u door de lijst bladert, moet u weten dat elke site op zijn eigen manier uitblinkt en een uniek doel nastreeft. Hoewel de ene site een uitstekend voorbeeld van visueel ontwerp kan zijn, kan een andere een uitstekend voorbeeld van interactiviteit zijn. Dit betekent dat niet al deze sites 'conversiemachines' of blauwdrukideeën zijn die u gemakkelijk naar uw site kunt kopiëren.
Het zijn eerder geweldige manieren om inspiratie op te doen voor het ontwerpen van websites en om de geavanceerde marketing te zien die in de verschillende hoeken van het web plaatsvindt.
Beste websiteontwerpen
- Virgin America
- Voeden
- ETQ
- Mikiya Kobayashi
- De geschiedenis van klimaatverandering
- Brak
- Geweven tijdschrift
- JOHO's Bean
- Wereld van SWISS
- Regenwoudbewakers
- Protest sportkleding
- The Teacher's Guild
- Binnen Abbey Road
- Gewoon chocolade
- het NU
- Citrix: het nieuwe mobiele personeel
- crypton.trading
- Zuidwest: hart van reizen
- Reductiekosten
- Overflow
- Frans Halsmuseum
- Minimumwaarden
- The Octopus: Design Blog door IDEO
- Nomadische stam
- FilmMark
- Guillaume Tomasi
- Het district
- Tej Chauhan
- Amanda Martocchio Architectuur
- Het district
- Tej Chauhan
- Amanda Martocchio Architectuur
Mooie bekroonde websites
En de prijzen gaan naar ...
Beste website-ontwerpen van 2014 - 2015
1. Maagdelijk Amerika
Award: Most Significant Industry Evolution, UX Awards 2014
In een wereld waarvan bekend is dat websites van luchtvaartmaatschappijen vol zitten met grote bruikbaarheidsproblemen, Virgin America heeft een van de beste websites die bruikbaarheid, toegankelijkheid en responsief ontwerp naar voren schuiven. Het is zelfs genoemd als de eerste echt responsieve website van luchtvaartmaatschappijen, een nieuw precedent in de branche.
2. Voer
Prijs: Site van de Dag (6/6/2015), Awwwards
Dat is niet alleen het geval Voeden een interessant concept, maar het heeft ook een verbluffende uitvoering die ons begrip van wat er mogelijk is op internet uitdaagt. Door een creatieve mix van animatie en video, dompelt de site de gebruiker onder in een zeer boeiende ervaring. Als atypische site bevat het ook verschillende unieke bruikbaarheidselementen, waaronder een navigatie die ook dienst doet als voortgangsbalk.
3. ETQ
Prijs: Site van de Dag (5/19/2015), Awwwards
ETQ hanteert een zeer minimalistische benadering van e-commerce met hun uitgeklede site met grote, boeiende beelden van hun product. Simpele, platte, op kleur gebaseerde achtergronden in combinatie met sterke typografie helpen om de focus te houden op precies wat de gebruiker kwam zien: schoenen.
4. Mikiya Kobayashi
Prijs: Site van de Dag (7/4/2015), Awwwards
Mikiya is een productontwerper met een minimalistisch portfolio dat zijn werk laat zien door middel van sterke fotografie en subtiele animaties. Zijn volledige site is oorspronkelijk in het Japans gemaakt en vervolgens in het Engels vertaald, waarmee de internationale schaalbaarheid van zijn ontwerp werd aangetoond.
5. De geschiedenis van klimaatverandering
Prijs: Site van de Dag (6/23/2015), Awwwards
Volg de voetsporen van Luc Jacquet terwijl Wild-Touch je meeneemt op deze visuele en educatieve reis over de geschiedenis van de wereldwijde klimaatverandering. Een mix van historische media en unieke animaties helpt het verhaal te vertellen.
6. Brak
Award: Site of the Day (4/19/2015), Beste Website Gallery
Brak doet uitzonderlijk werk door visueel en progressief het verhaal van hun product op een eenvoudige en gemakkelijk verteerbare manier te vertellen. Dit is een grote uitdaging voor veel startups, vooral wanneer ze nieuwe concepten introduceren in bestaande markten. Mensen willen weten: “Wat is uw product? Hoe werkt het? Waarom kan het mij schelen? " Beagle beantwoordt al die vragen terwijl ze tegelijkertijd hun product laten zien en de gebruiker ertoe aanzetten om te kopen. Bovendien zijn ze een van de weinige sites die "scroll-kaping" daadwerkelijk correct hebben geïmplementeerd.
Uitgelicht door Best Website Gallery
7. Geweven tijdschrift
Award: Site of the Day (4/4/2015), Beste Website Gallery
Geweven is een online publicatie die kunstenaars, ambachtslieden en makers viert. Voor mij vormen ze een bevestiging dat publicaties mooie, boeiende sites kunnen (en zouden moeten) hebben met gemakkelijk te lezen inhoud. Deze site is vrij van afleidingen zoals pop-ups en opdringerige advertenties en draait helemaal om de ervaring van de inhoud zelf.
Uitgelicht door Best Website Gallery
8. JOHO's Bean
Award: FWA van de dag (8-7-2015), favoriete website-awards
De website voor JOHO's Bean heeft ongelooflijke beelden, interactiviteit, verhalen vertellen, visueel ontwerp en vooral geluidstechniek. Deze komen allemaal samen om een boeiende, emotionele en boeiende site te creëren die het verhaal vertelt van de reis van een koffieboon.
9. Wereld van SWISS
Award: Best User Interface, Webby Awards 2015
Een andere luchtvaartmaatschappij ?! Wat gebeurt er?! Ja, SWISS luchtvaartmaatschappijen hebben een ongelooflijk meeslepende site gebouwd die hun verhaal vertelt en beschrijft hoe het is om met hen te vliegen - en ze deden het gewoon te geweldig om te worden genegeerd. Sterke beelden en animaties laten de gebruiker kennis maken met verschillende delen van de site die boordevol informatie staan die verder gaat dan de gebruikelijke verkoop- en marketingpraatjes die tegenwoordig zo gewoon zijn.
Uitgelicht door The Webby Awards
Beste website-ontwerpen van 2016
10. Regenwoudbewakers
Award: Best Activism Website, Webby Awards 2016
Regenwoudbewakers werd een van de meest meeslepende non-profitorganisaties van 2016. Om het bewustzijn rond ontbossing op te bouwen, stelt de site gebruikers in staat om de verschillende dorpen, inboorlingen en waterwegen van het Amazone-regenwoud te 'bezoeken'. De site stelt interactiviteit centraal in de gebruikerservaring - een verstandige keuze als het uw doel is om mensen te verbinden met uw doel en om te zetten in vrijwilligers.
Uitgelicht door The Webby Awards
11. Protest Sportkleding
Award: Site van het Jaar (2016), Awwwards
De Awwwards roept Protest sportkleding een "shoppable look book", en dat is precies wat deze site is. Als kledingfabrikant heeft deze website de manier waarop ze hun product op de markt brengen opnieuw uitgevonden: in plaats van kledingstukken te promoten, promoot Protest Sportswear 'looks'. Dit maakt het product van het bedrijf het meest aantrekkelijke onderdeel van de website zelf, door een collage van stijlen te gebruiken om een homepage te ontwerpen die net zo vaak verandert als de stijlen van de klant.
12. Het lerarengilde
Award: Best Association Website, Webby Awards 2016
The Teacher's Guild is een professionele gemeenschap van docenten wiens website inhoud publiceert die de belangrijkste uitdagingen van vandaag in het onderwijs aanpakt. Wat deze website bekroond maakt, is hoe het verschillende soorten inhoud - programma's, oplossingen, benaderingen en samenwerkingen - in evenwicht brengt zonder de bezoekers te overweldigen. Niet alleen zijn de achtergrondbeelden prominent geplaatst, maar ze gebruiken ook witruimte om de schriftelijke call-to-action in het midden te benadrukken, zoals te zien is in de onderstaande schermafbeelding.
Uitgelicht door The Webby Awards
13. Binnen Abbey Road
Award: Best Music Website, Webby Awards 2016
Google sloeg het uit het park met deze zeer interactieve website, waarmee gebruikers de Abbey Road Studios kunnen binnenstappen. Briljant geluidsontwerp, navigatiemechanica en beelden gecombineerd met de gebruikelijke "Google-flair" helpen allemaal om bezoekers naar deze goed gemaakte webproperty te trekken.
Uitgelicht door The Webby Awards
Beste website-ontwerpen van 2017
14. Gewoon chocolade
Award: Site van het Jaar (2017), Awwwards
Je zult een verlangen naar chocolade krijgen als je naar deze website kijkt - en in zekere zin is dat Gewoon chocolade's website werkt zoals ontworpen.
Deze smakelijke website is die van een chocolademaker uit Denemarken genaamd Simply Chocolate. De website gebruikt een verscheidenheid aan kleuren (en creatieve productnamen) om elke chocoladereep te promoten. En terwijl je van het ene product naar het andere bladert, lijken ze allemaal consistent qua merk te blijven. Het driedimensionale uiterlijk van elke chocoladereep geeft je het gevoel dat je hem van je computerscherm kunt pakken, terwijl de 'Toevoegen aan vak'-CTA linksboven ideaal is geplaatst voor gebruikers om de producten te selecteren die ze willen tijdens het browsen.
15. NAAMHEID
Award: Best Cultural Blog / Website, Webby Awards 2017
Nowness is misschien wel de coolste crowdsourced-videoblog op internet van vandaag. Dat was een hele mond vol… wat betekent dat allemaal?
het NUDe "crowdsourced" aard maakt deel uit van wat het een prijswinnaar maakt. Dit betekent dat de meeste inhoud afkomstig is van onafhankelijke creatievelingen - een steeds populairdere manier voor bedrijven om inhoud te publiceren. NOWNESS is ook een videoblog, wat betekent dat alle bloginhoud in videoformaat is. Samen zorgen deze kwaliteiten ervoor dat Nowness een boeiende hub wordt voor de verhalen die merken overal ter wereld willen vertellen.
Uitgelicht door The Webby Awards
16. Citrix: het nieuwe mobiele personeel
Award: Site of the Day (11/23/2017), Beste Website Gallery
Deze website - gewijd aan de samenwerking van Red Bull met Citrix, een cloudgebaseerd softwarebedrijf - is geweldig.
Het nieuwe mobiele personeel, een site die eigendom is van Citrix, gebruikt panoramische fotografie om bezoekers te laten zien hoe Citrix de nieuwe raceauto van Red Bull Racing ondersteunt. Zelfs als je geen autosportliefhebber bent, zijn de slimme animaties van de website om een gecompliceerde autotechnologie uit te leggen moeilijk te negeren.
Uitgelicht door Best Website Gallery
Beste website-ontwerpen van 2018
17. crypton.handel
Prijs: Site van de Dag (4/3/2018), Awwwards
Maak kennis met crypton.trading, uw robotaccountant.
Crypton.trading is een handelscentrum voor cryptocurrencies zoals Bitcoin, waarbij kunstmatige intelligentie wordt gebruikt om veranderingen in de waarde van een valuta te voorspellen en belangrijke aan- en verkoopmogelijkheden te identificeren. De website kreeg een hoge waardering vanwege de ontwikkeling en het ontwerp, omdat het geleidelijk meer van de methoden van de ontwikkelaar uitlegt naarmate bezoekers verder naar beneden scrollen.
Deze bekroonde website zorgt ervoor dat technisch onderlegde bezoekers zich meteen thuis voelen op het moment dat de begroeting van Crypton op de homepagina verschijnt, letter voor letter.
18. Zuidwest: hart van reizen
Award: Best Visual Design - Aesthetic, Webby Awards 2018
Toen Southwest Airlines wilde bewijzen dat haar klanten 'meer waren dan alleen een dollarteken', creëerde het bedrijf een website waarvan het ontwerp werd samengesteld met behulp van de vormen van de vliegroutes van hun klanten.
De website, genaamd Hart van reizen, kunnen bezoekers zelfs hun eigen kunstwerk maken van een reis die ze misschien van plan zijn te maken. Op deze manier is de website van Southwest een product van hun trouwste passagiers.
Uitgelicht door The Webby Awards
19. Reductiekosten
Award: Best Humor Website, Webby Awards 2018
Het is niet zo moeilijk om iemand op internet aan het lachen te maken; zoveel van wat we online lezen en consumeren, is bedoeld als vermakelijk. Maar het is moeilijk om het consequent te doen voor een groot publiek. Reductiekosten is een satirisch tijdschrift waarvan de krantenkoppen en algemene leeservaring hoog in het vaandel staan op het gebied van humor, waardoor de website zelf een kwaliteitseigenschap is.
Uitgelicht door The Webby Awards
20. Overloop
Award: Site of the Day (3/20/2018), Beste Website Gallery
Overflow is een ontwerptool waarmee mensen en bedrijven verhalende stroomdiagrammen van hun ideeën kunnen maken, zodat anderen ze gemakkelijker kunnen begrijpen. Afgezien van het feit dat dit slechts een goede service is, oefent de Overflow-website wat het predikt: samen met levendige rode call-to-action-knoppen voor het downloaden van de tool, promoot deze website het product op de beste manier die het kent - met behulp van een stroomdiagram.
De website levert dit stroomdiagram in de vorm van een video. En hoewel ingebedde video's er nogal onhandig uit kunnen zien in het midden van de andere ontwerpelementen van een website, is Overflow perfect geplaatst en precies wat je zou willen zien als je voor het eerst op de site belandt.
Uitgelicht door Best Website Gallery
21. Frans Halsmuseum
Award: Site van het Jaar (2018), Awwwards
Het kan moeilijk zijn voor een museum, wiens merk is gebaseerd op een verscheidenheid aan ongelooflijke kunstwerken, om alles samen te brengen op een samenhangende website. Dat is wat de website van de Frans Halsmuseum zo indrukwekkend.
Dit museum, gevestigd in Nederland, heeft een website gemaakt die een combinatie van digitale ontwerpelementen en eigen exposities gebruikt. Deze mix helpt bezoekers te begrijpen wat ze zullen zien, wanneer ze het kunnen zien en waar ze nog meer kunnen proeven van wat dit museum te bieden heeft. Over het laatste gesproken, het museum promoot zijn Instagram-account rechtstreeks op zijn homepage - een briljante zet voor een museum dat zijn publiek via zijn online kanalen wil uitbreiden.
Prijswinnende ontwerpen van 2019
22. 1917: In de loopgraven
Award: Awwwards 'Beste website van de dag
Deze website, gemaakt om de film 1917 te promoten, laat je door de loopgraven lopen en dezelfde missie uitvoeren als de personages in de film. U kunt ook hun kaarten bekijken of andere tools gebruiken.
Dit is een goed voorbeeld van een site die. ging boven en buiten met interactiviteit, evenals een site die zijn eigen inhoud en vooraf geschreven verhaallijn gebruikt om zijn film op de markt te brengen. Deze website heeft Site of the Day gewonnen met Awwwwards waarmee ontwerpers kunnen stemmen en geweldige websites kunnen nomineren die ze dagelijks zien.
23. The Octopus: een designblog van IDEO
Award: Webby-prijs voor zakelijke blog / website 2019
IDEO, een wereldwijd ontwerpbedrijf, heeft de Business Blog / Website 2019 Webby-prijs gewonnen voor zijn Octopus-blog, en niet voor niets. de blog heeft een gestroomlijnde, zwart-wit Octopus-tekening als het ontwerp van de startpagina en gebruikt geel, zwart en wit om een samenhangend thema te creëren terwijl je scrolt.
Als je de muisaanwijzer over een blogpost beweegt, wordt de titel geel gemarkeerd en als je de muisaanwijzer over een afbeelding beweegt, wordt de afbeelding naar je toe getrokken - twee kleine functies die een groot verschil maken in termen van het creëren van een unieke en boeiende gebruikerservaring.
24. Nomadische stam
Award: Awwwards 'Site of the Year-nominatie
Deze site, waarvoor was genomineerd Awwards 'Site van het jaar, is een van de interessantere sites die ik heb gezien. De homepagina begint onmiddellijk een verbluffende video af te spelen met een man die door een woestijn loopt, gevolgd door prachtige landschapsscènes en tekst als: "Heb je het geluk jezelf een avonturier te noemen?".
De tekst in het van de is speels, met kleurrijke roze en oranje en gele tinten, en de startpagina is logisch ontworpen, met CTA's die in dat bereik zijn geplaatst op commitment-niveau van "Lees meer" tot "Nu kijken" en ten slotte "Download de app". Uiteindelijk is de website prachtig ontworpen met veel aandacht voor detail en vertelt hij overal een boeiend verhaal.
25. Diana Danieli
Prijs: Webby 2019
Deze 2019 Webby winnende site pronkt met beelden van kunst en architectuur met een hoog contrast of zware belichting. Als websitebezoeker kunt u met uw muis klikken en slepen om de foto's en variaties te wijzigen. Elke afbeelding toont een werkstuk dat de kunstenaar belicht die eigenaar is van de website.
26. George Nakashima Woodworkers
Prijs: Webby 2019
Deze houtbewerkingswebsite benadrukt de natuur en zorg voor het houtbewerkingsvak. Het is in wezen een diavoorstelling met prachtige bosbouw- en landbouwafbeeldingen. Als er een nieuw beeld op het scherm komt, komt er ook een nieuw citaat met betrekking tot hout of bomen naar voren. Dit is ongelooflijk ontspannend voor de bezoeker en laat zien dat de houtbewerkers de schoonheid van bomen en de omgeving herkennen. Deze website ook won een Webbie in 2019.
Andere coole website-ontwerpen
27. Minimumwaarden
Minimumwaarden hanteert een zeer gewaagde benadering van de manier waarop ze hun inhoud weergeven, gebruikmakend van een op rasters gebaseerd websiteontwerp, grote typografie en afbeeldingen van hoge kwaliteit op volledige breedte. Hun site dient als een heel mooi voorbeeld voor het correct uitvoeren van een rasterstructuur met behoud van een mooie visuele hiërarchie in het ontwerp.
28. MovieMark
MovieMark is een groeimarketingbureau en HubSpot-partner, wiens website van top tot teen bedekt is in de service die het biedt: digitale verhalen. Het bureau is gevestigd in Colombia en maakt video tot een kernfocus van zijn merk, dus dat past alleen maar FilmMark's website volgt dit thema. En oh, wat zijn de video's op zijn website visueel aantrekkelijk ...
29. Guillaume Tomasi
Als fotograaf in Montreal, Guillaume Tomasi heeft een portfolio opgebouwd dat echt geschikt is om zijn unieke en ontzagwekkende fotografie te huisvesten. Zijn surrealistische fotostijl wordt afgewisseld met zijn eenvoudige, platte, lege en minimalistische portfolio-ontwerp dat alle focus op het werk zelf legt.
Zijn unieke serienavigatie in combinatie met op kunstgalerieën geïnspireerde werkintroducties en perfect scrollende interacties leveren een ervaring op die doet denken aan die van een echte galerie.
30. Het district
Dit merkbureau neemt zijn beeldtaal serieus, en dat zou ook moeten - het behandelt alle mediakanalen voor hun klanten. De website van het district, alleen, is een reis door enkele van de mooiste kunstwerken en fotografie die je ooit hebt gezien.
Deze provocerende tegels veranderen snel naarmate je de website verkent, en hoe gekker ze lijken, hoe meer je geïnteresseerd raakt in het leren van hun vroegere werk.
31. Tej Chauhan
Tej Chauhan heeft impressionistische kunstwerken omgezet in een bedrijfsmodel met deze intrigerende website. Elke afbeelding op de startpagina van deze productontwikkelaar schuift uit om de vorige afbeelding te bedekken en biedt weinig context rond het object dat u nu voor u ziet.
Maar is dat gebrek aan context niet precies wat ervoor zorgt dat u meer wilt leren? De slogan "Souvenirs of The Near Future" suggereert dat deze objecten deel uitmaken van hun productlijn - en een kans voor jou om deze innovatieve objecten in je leven te krijgen.
32. Amanda Martocchio Architectuur
Een architectenbureau is misschien niet gespecialiseerd in webontwikkeling, maar zijn website moet nog steeds blijk geven van zijn toewijding aan visueel aantrekkelijk ontwerp. Amanda Martocchio nam dat ter harte met deze prachtige website.
Het is geen geheim dat Amanda Martocchio Architectuur houdt van zijn werk - elke foto op de homepage van zijn website is een betoverende foto van de huizen die het bedrijf ontwerpt. De website labelt elk huis waar je doorheen scrolt met het type ontwerp dat bedoeld was, samen met tal van hoeken voor elk gebouw.
Ideeën voor het ontwerpen van websites
Nu u een aantal prachtig ontworpen en bekroonde platforms heeft gezien, houdt u deze potentiële ideeën in gedachten terwijl u uw eigen ideeën maakt.
- Overweeg manieren waarop u uw website interactief kunt maken, zoals het voorbeeld uit 1917.
- Maak een website die de mobiele ervaring benadrukt, ook al heeft deze nog steeds een goede UX op desktops.
- Maak een website die een verhaal over uw merk vertelt met foto's, tekst of video.
- Als u geen sterk interactieve site kunt maken, overweeg dan om in de ogen te tekenen met een site die een diavoorstelling van uw foto's presenteert.
- Zorg ervoor dat uw call-to-actions gemakkelijk te zien zijn en moedig bezoekers aan om uw site verder te verkennen
- Houd de navigatie schoon. Zorg ervoor dat uw bezoekers altijd weten hoe ze terug moeten naar de homepage.
- Integreer uw sociale mediasites via sociale insluitknoppen, zodat sitebezoekers u gemakkelijk kunnen volgen op uw verschillende sociale kanalen.
- Houd elk van uw webpagina's consistent in ontwerp, inclusief lettertype, kleuren, afbeeldingen en berichten.
- Test de bruikbaarheid van uw website met een hittekaart, die u laat zien op welke webpagina's uw bezoekers het meest waarschijnlijk zullen bouncen.
- Voeg een livechat of chatbot toe om bezoekers de mogelijkheid te geven om rechtstreeks op uw website met u in contact te komen als ze liever live chatten dan telefoneren. Livechat kan functies voor uw verkoop- en servicemedewerkers automatiseren en een betere communicatie-ervaring voor de klant creëren.
- krijg een SSL-certificaat om ervoor te zorgen dat uw website veilig is. SSL maakt deel uit van het Google-algoritme voor zoekrangschikking, dus een SSL-certificaat kan u helpen om hoger te scoren in de zoekresultaten.
Meer willen voorbeelden van website-ontwerp? Bekijk deze geweldige Productpagina's u wilt onmiddellijk kopiëren.