11 van de beste microsite-voorbeelden die we ooit hebben gezien

Ze zeggen dat de beste dingen vaak in kleine verpakkingen komen. Denk er maar eens over na: sieraden, Snapchats, boeken, de sleutels van een gloednieuwe auto … het zijn allemaal dingen die deze gedachte ondersteunen.

En nu onze aandachtsspanne krimpt tot onder die van een goudvis, mag het geen verrassing heten dat we ook op kleinere schaal beginnen te verlangen naar meer gerichte content.

En daar is de opkomst van microsites. In tegenstelling tot gewone websites zijn microsites vaak eenvoudiger en makkelijker te navigeren. Dat wil niet zeggen dat je er niet een tijdje op kunt rondneuzen, hoor. Klaar om een paar use-cases te zien? Bekijk de lijst hieronder voor een aantal fantastische voorbeelden van microsites in actie.

Opgelet: er wordt gevloekt in voorbeeld zeven, dus scroll verder als dat niet je ding is.

Wat is een microsite?

Een microsite is een individuele webpagina of een klein cluster van webpagina’s die fungeren als een aparte entiteit voor een merk. Een microsite bevindt zich meestal op een eigen domein, maar sommige bestaan als een subdomein.

Microsites kunnen worden gebruikt om merken te helpen een aantal dingen te bereiken. Sommige bedrijven hebben ze bijvoorbeeld gebruikt om een specifieke campagne onder de aandacht te brengen of zich te richten op specifieke buyer personas. Anderen hebben ze gebruikt om een kort verhaal te vertellen, of om een specifieke call-to-action te inspireren.

11 Voorbeelden van ingenieuze microsites

1) YearInMusic.Spotify.com | Spotify

Behalve dat het dient als een pijnlijke herinnering aan hoeveel Justin Bieber-liedjes ik vorig jaar op repeat heb geluisterd, is Spotify’s Year in Music een van de meest goed uitgevoerde microsites die we ooit hebben gezien.

De interactieve site van Spotify wordt vaak een “viering” genoemd van de muziek die ons het afgelopen jaar heeft gedragen, en is speciaal voor jou gepersonaliseerd, op basis van je luistergewoonten.

Wat houdt dat precies in? De tool maakt het je gemakkelijk om een gepersonaliseerde recapitulatie te maken die details bevat zoals je eerste afgespeelde nummer, top artiesten per seizoen, en hoeveel tijd je hebt besteed aan het luisteren. De ervaring is uniek voor de gebruiker, waardoor het leuk voor hen om te delen en te vergelijken hun synopsis met hun vrienden.

En als het op delen aankomt, maakt de microsite het wel heel gemakkelijk. Elke statistiek die de site voor je trekt, kan worden gedeeld op sociale media dankzij een handige knop rechtsonder in het scherm.

2) DangersOfFracking.com | Linda Dong

In een poging steun te krijgen voor de FRAC Act (Fracturing Responsibility and Awareness of Chemicals Act), ontwierp Interaction and Industrial Designer Linda Dong een prachtige microsite die gebruik maakt van parallax design om het verhaal te vertellen over de gevaren van hydraulic fracturing.

Het verhaal begint met een waterdruppel die uit een wolk valt, en terwijl je naar beneden scrollt, volg je de waterdruppel terwijl deze van de vrachtwagen naar de breeklocatie wordt gebracht, wordt omgezet in traceervloeistof en via een gasbron de grond in wordt gestuurd. Onderweg kom je drijvende feiten en statistieken over de gevaren van fracking tegen tot je helemaal aan het eind twee eenvoudige oproepen tot actie tegenkomt: “Neem contact op met uw lokale ambtenaren” en “Word lid van uw lokale organisatie of steun deze.”

Microsites als deze zijn sterk gericht op het gebruik van directionele aanwijzingen (in dit geval de parallaxbeweging) om gebruikers een bepaalde call-to-action te laten voltooien — dus elke andere afleiding of navigatiebalk is volledig verwijderd.

Als je microsite zich concentreert op een of twee calls-to-action, zorg er dan voor dat ze beknopt en actiegericht zijn, zoals deze, en dat je ze visueel onderscheidt van de rest van de site door het lettertype een opvallende kleur te geven of de tekst in een knop te plaatsen.

3) UrWhatUPost.com | Bolthouse Farms

“Waarom zou junk food alle eer moeten krijgen?”

Die vraag krijg je als je voor het eerst op de microsite van BoltHouse Farms, UrWhatUPost.com, komt. BoltHouse Farms creëerde de site om mensen te laten zien hoeveel sociale-mediagesprekken er worden gevoerd over gezond voedsel versus ongezond voedsel. Om dit te doen, verzamelden ze #UrWhatUPost hashtags en volgden ze het soort voedsel dat we delen op sociale media, om vervolgens het gezonde spul, zoals #grapes, af te zetten tegen het ongezonde spul, zoals #ijsroom. Het doel van de website is in lijn met hun algemene bedrijfsmissie: De manier veranderen waarop mensen denken (en berichten plaatsen) over gezonde voeding.

Bolthouse Farms bewijst dat microsites niet minimalistisch hoeven te zijn. De pagina’s op de site zijn kleurrijk en geanimeerd, met woorden en bewegende cijfers die veranderen in bungelende wortels en zwaaiende granaatappels. Klik op een voedselitem en er gebeurt iets magisch – elk voedselitem is anders. Klik op een granaatappel en je kunt er met je clicker op slaan als op een piñata. Klik op een meloen en je gaat naar een “meloen meditatie” pagina, een beetje zoals de iTunes Visualizer.

4) Dominosdxp.com | Domino’s Pizza

Vorig jaar kondigde Domino’s hun nieuwe Chevy Spark pizzabezorgauto’s aan, bekend als DXPs. De auto’s zijn speciaal ontworpen voor het bezorgen van pizza’s, en als gevolg daarvan beschikken ze over een heleboel geweldige functies – zoals een oven waar de linkerdeur zou moeten zijn, ruimte voor maximaal 80 pizza’s, aangepaste opslag voor sauzen en drankjes.

Om te pronken met deze geweldigheid, hebben ze onlangs een speciale microsite gelanceerd die alles over de DXP beschrijft.

De site is zeer interactief en stelt bezoekers in staat in te zoomen op elk van de functies om een beter inzicht te krijgen in het doel en de mate van aandacht die aan elke toevoeging is besteed. De hele site is ook vakkundig geanimeerd, waardoor het echt interessant is om over elke functie meer te leren.

In ieder geval is dit een goed voorbeeld van hoe je een vrij complex product of idee kunt promoten en uitleggen op een manier die zowel leuk als makkelijk verteerbaar is. Maar geloof ons niet op ons woord … bezoek de website om het zelf te ontdekken.

5) EmojiTracker.com | Matthew Rothenberg

Er is geen “punt” aan emojitracker.com — het is gemaakt door Matthew Rothenberg, voormalig hoofd product bij Flickr en Bitly, als een experiment in het real-time bijhouden van alle emoji’s die op Twitter worden gebruikt.

De enige oproepen tot actie op de site zijn de tweet- en follow-knoppen helemaal onderaan. Voor de rest is de site alleen maar interessant. Zonder navigatiebalk of een manier om naar een andere site te gaan, zou het voor sommige mensen verwarrend kunnen zijn.

Technisch gezien is het in strijd met de regels voor een goed ontwerp van de gebruikersinterface, maar het laat wel zien dat microsites geen ingewikkelde ontwerpen hoeven te hebben. Houd het simpel om mensen op de pagina te houden zonder dat het te veel van hun tijd in beslag neemt.

6) Fu2016.com | House of Cards

Stap opzij, Donald Trump. Er is een nieuwe presidentskandidaat die het internet bestormt met deze indrukwekkende, interactieve microsite.

Als je niet bekend bent met de Netflix-serie “House of Cards”, volgt het programma een man genaamd Francis Underwood, een meedogenloze politicus met een verborgen agenda. Nu de serie seizoen vier ingaat, promoten ze de première met een slimme microsite die de politiek op de hak neemt. Over perfecte timing gesproken, amirite?

De microsite nodigt bezoekers uit om zich aan te sluiten bij Underwoods beweging en steun te betuigen aan “belangrijke” kwesties als ongelijkheid, oneerlijkheid en rechteloosheid. Maar alle grappen terzijde, wat we het leukst vinden aan deze microsite is het ontwerp. In feite zou je gemakkelijk kunnen stellen dat de site beter functioneert dan die van echte presidentskandidaten. Van Underwoods aandachttrekkende, schimmige ogen (bezoek de website om het zelf te zien) tot de hoogwaardige video’s, de microsite trekt je naar binnen en geeft je goede redenen om te blijven hangen en de inhoud te bekijken.

7) WhatTheF*ckShouldIMakeForDinner.com | Zach Golden

Heb je geen groot budget? Neem een hint van Zach Golden, auteur van What The F*ck Should I Make For Dinner?, die een microsite maakte om het boek te promoten.

Oorkappen, kinderen.

De site heeft een heel eenvoudige lay-out: Een roterende “doel van het recept” regel, een roterend recept uit het boek, en drie links waarmee je een soort van “kies je eigen reis”. Het heeft een zwart-wit, minimalistisch thema, gebruikt allemaal hoofdletters, en plaatst een kleine call-to-action in de hoek die zijn boek promoot. Dat is alles.

Mediabedrijf Digiday nam een voorbeeld aan Golden en gebruikte zijn microsite-sjabloon om een eigen experiment uit te voeren. Ze maakten de microsite WhatTheF*ckIsMyTwitterBio.com — zonder mediabudget — om te zien of de content viral zou gaan en zou helpen hun merk op te bouwen.

“Dankzij de open-source WTFEngine van Justin Windle, wat goedkope webhosting en een domeinregistratie van $12, was WhatTheF*ckIsMyTwitterBio.com in minder dan twee uur up and running,” staat in het persbericht van Digiday. “

De grootste les die ze hebben geleerd? Dat een goede kopie werkt. “We hebben geen cent uitgegeven om de site te promoten, en hij bereikte bijna 100.000 unieke gebruikers ‘organisch’.”

8) ElfYourself.com | OfficeMax

Je dacht toch niet dat ik een blogpost over microsites kon schrijven en ElfYourself niet zou noemen, of wel? Natuurlijk niet. De schermafbeelding hieronder laat zien hoe de website er nu uitziet, maar verwacht dat je inbox dit jaar met de feestdagen weer vol zal staan met ElfYourself-animaties, want ElfYourself gaat niet weg.

Wat heeft de site zo populair gemaakt? Behalve dat het hilarisch is, is het ook makkelijk deelbaar, heeft het een enkele call-to-action, en maakt het de gebruikers de sterren.

“Het bracht het merk tot leven voor consumenten,” schreef Kenneth Hein in Forbes, “en voor de business-to-business menigte gaf het een menselijk gezicht aan de big box retailer.”

Met andere woorden, Office Max gebruikte de microsite om creatief te zijn en hun eigenzinnige vlag te laten wapperen, en het werkte als een charme. De campagne was gericht op de consument, niet op het merk – maar de verkoop kwam aan het eind van de ElfYourself-video’s in de vorm van coupons en promo’s.

9) TasteTheFeeling.Coca-Cola.com | Coca-Cola

Laten we eerlijk zijn: We houden allemaal van GIFs. En de mensen van Coca-Cola hebben ingespeeld op deze onvermijdelijke bewondering door een meeslepende online ervaring te creëren in de vorm van de microsite “Taste the Feeling”.

Hier ziet u hoe het werkt: Wanneer gebruikers op de pagina terechtkomen, krijgen ze een twee minuten durende videoclip te horen op de klanken van een speciaal campagne-anthem van Avicii en Conrad Sewell. De video is opgebouwd uit looping GIF’s van drie seconden die de vele emoties uitbeelden die Coca-Cola drinkers voelen. Terwijl je kijkt, kun je een emotie selecteren door op een van de 32 emotie-gebaseerde icoontjes te klikken, of je kunt je eigen emotie invoeren om een overeenkomstige GIF tevoorschijn te toveren.

Alle GIF’s kunnen gemakkelijk worden gedeeld op sociale media, wat een geweldige manier is om mensen terug te lokken naar de site om met de content aan de slag te gaan.

Deze microsite is ook een goed voorbeeld voor diegenen die hun campagne-assets willen globaliseren, want hij is beschikbaar in meer dan 20 verschillende talen.

10) Inside.Chanel.com | Chanel

Inside Chanel is een microsite die “werkt om consumenten te informeren over de geschiedenis en het erfgoed van het huis door middel van video en multimedia-inhoud,” volgens Luxury Daily. De site bevat een ton van korte, sociale video’s die de mensen, plaatsen, dingen, en gebeurtenissen die hebben bijgedragen aan het voortdurende succes van dit iconische modemerk kronieken.

Het doel? “De strategie achter deze microsite is het toegankelijk maken van de geschiedenis van Chanel, maar vooral van hun succes door de jaren heen”, legt Dalia Strum, voorzitter van Dalia Inc. uit

We zijn dol op hun videogerichte benadering van visuele storytelling. Elk van de video’s heeft als doel het gordijn te openen en bezoekers een exclusieve blik te gunnen op foto’s en verhalen van achter de schermen, die betrekking hebben op verschillende aspecten van het merk — kleur, couture, enzovoort.

Het is belangrijk op te merken dat deze site niet Chanels eerste poging is om een microsite te creëren. In feite heeft het merk geëxperimenteerd met meerdere microsite-formats, waaronder de redactionele site Chanel News:

11) BurgerBff.com | Mellow Mushroom

Deze microsite van de mensen van Mellow Mushroom — een pizzeria-franchise gevestigd in Atlanta, Georgia — is gemaakt ter ondersteuning van hun recente “Burger BFF”-campagne. De campagne werd gelanceerd om buzz te creëren voor hun nieuwe menu-items: Herb (een vegetarische burger) en Carnie (een rundvlees burger).

De menu-onderdelen zijn ten behoeve van de campagne omgetoverd tot cartooneske BFF’s … en het resultaat mag er zijn.

Mellow Mushroom gebruikt de microsite om een wedstrijd te promoten waarmee ze kans maken op een rondreis naar Denver of Seattle met hun bestie. En dat gebeurt op een aantal heel leuke en interessante manieren. Een deel van de site nodigt bezoekers bijvoorbeeld uit om de hashtag #BurgerBFF te gebruiken om mee te doen aan de wedstrijd en hun beste hamburgerfoto’s op Instagram te laten zien:

Maar dat is nog niet alles: De site biedt bezoekers ook verschillende andere boeiende, interactieve manieren om mee te doen aan de wedstrijd, waaronder quizzen en een Mad Libs-achtige verhalengenerator.

Hier vindt u 11 voorbeelden van prijspagina’s die u zeker moet bekijken.