Blog
Een Frisse Actiewebsite voor Libelle
3 mei 2010
Afgelopen week hebben we een nieuwe website opgeleverd: een frisse actiewebsite voor Libelle. In samenwerking met Buzzer, een bureau in Word-of-Mouth marketing, hebben we een actie website ontwikkeld die Libelle als fris, jong en aansprekend in de markt moet zetten.
Het is een uitdagend project geworden en het resultaat mag er wezen! Zie www.buzzmeteenfrisseblik.nl. Graag lichten we er een aantal onderdelen specifiek uit.
De opdracht
Enige tijd geleden werden we door Buzzer benaderd om een actiewebsite te ontwikkelen als onderdeel van een Buzz-campagne voor het tijdschrift Libelle. De bedoeling was dat deelnemers aan de campagne thuis de Libelle konden lezen en zouden aangeven welke artikelen zij leuk, aansprekend, inspirerend of interessant vonden. Vervolgens werd hen gevraagd om online hun 'Aansprekende Artikelen' te delen.
Het belangrijkste onderdeel van de website was dat bezoekers online door de Libelle moesten kunnen bladeren, om daar hun aansprekende artikelen te selecteren. En vervolgens moest er een overzicht komen van de meest aansprekende artikelen.
Het design
Voor het design is gekozen voor het 'actie-website formaat'. Bij actiewebsites is het belangrijk dat de gehele website direct in beeld is. Scrollen is uit den boze! Dit betekent dat de website een vast formaat heeft en horizontaal en verticaal gecentreerd in het browser venster wordt weergegeven. De afmetingen zijn zodanig gekozen dat deze op de laagste, meest gangbare resolutie precies past (1024x768). En heb je een beeldscherm met een hogere resolutie, dan zijn de marges rondom de website groter.
Het design is geinspireerd op de huisstijl van Libelle en de kleurstelling van de Libelle editie die voor deze campagne werd gebruikt.
Online bladeren
Het concept van online bladeren kennen we van diverse actiefolder-websites. Dit gebeurt meestal in Flash. Hoewel er diverse standaard Flash oplossingen voor online bladeren beschikbaar zijn, hebben we besloten hier niet mee te gaan werken. De voornaamste overweging is dat we niet alleen wilden bladeren, maar daarna ook interactief artikelen wilden selecteren. En met een standaard oplossing, is dat niet altijd mogelijk precies op de manier die we voor ogen hadden.
In plaats daarvan hebben we er voor gekozen om een Javascript oplossing te ontwikkelen. Uiteindelijk hebben we het voor elkaar gekregen om een realistisch blader effect te realiseren met als voordelen:
- Bladeren gaat erg snel en soepel
- Er zijn geen specifieke plugins nodig om te kunnen bladeren
- Interactie met de pagina's (artikelen selecteren) konden we zonder bekerkingen invullen
In onze oplossing openen de Libelle pagina's op ware grootte in een popup. De selecteerbare artikelen zijn van te voren gedefinieerd in hotspots, en de bezoeker kan deze eenvoudig aanklikken door met de muis over de pagina te bewegen.
De resultaten bekijken
De voornaamste uitdaging bij het tonen van de meest geselecteerde artikelen lag in de beperkte afmetingen van een actiewebsite. Als oplossing hebben we ervoor gekozen om een 'collage' van de top 10 (en top 20, 30, 40 etc.) te maken. We hebben gebruik gemaakt van 'thumbnails' van de geselecteerde pagina's, die vervolgens weer op ware grootte openen in een popup.
In deze popup zie je direct de reacties van lezeressen op deze artikelen. Waarom vonden zij dit specifieke artikel aansprekend?
Om een stukje extra interactie te creëeren, kan er gestemd worden op de reacties. Op basis van de stemmen op een reactie hebben we een andere pagina met de 'top 10 meningen' toegevoegd.
Ook is er in de popup ruimte gemaakt om het Libelle artikel direct met anderen te delen. Er kan een 'tell-a-friend' email verzonden worden met een directe link naar het artikel en het artikel kan gedeeld worden via social bookmark sites zoals Hyves, NuJij.nl en Twitter.
Eindresultaat
Het eindresultaat is een frisse website geworden, waar bezoekers met een frisse blik de Libelle kunnen bekijken. In de eerste 2 dagen dat de website live staat is al 150 keer een artikel geselecteerd. Bekijk zelf het resultaat op www.buzzmeteenfrisseblik.nl.
Reageren
