Stichting CASA liet in maart 2009 een nieuwe huisstijl ontwerpen. Aan ons de schone taak om de nieuwe website te ontwikkelen. Met Drupal als basis van deze nieuwe website heeft CASA nu een zeer flexibel webplatform voor het informeren en adviseren van haar bezoekers.

Het project

Begin 2009 werd de huisstijl van Stichting CASA onder handen genomen door Studio Lonne Wennekendonk. Het resultaat was een frisse en conceptuele stijl waarmee de identiteit van Casa treffend uitgebeeld werd. Nadat ze de website hadden vormgegeven werd Ambrero ingeschakeld om de website te realiseren. Een uitdaging, want in het ontwerp zaten diverse dynamische elementen die we op een mooie manier in de website wilden verwerken.

De gedachte achter het ontwerp is dat elk mens anders is. Het individu is belangrijk voor Casa, dus de website moest persoonlijke aandacht uitstralen. Dit wordt verbeeld door een carousel van personen prominent in beeld te brengen. We wilden animatietechnieken gebruiken om deze personen mooi in elkaar over te laten vloeien, maar zonder verdere eisen aan de computer van de gebruiker te stellen door bijvoorbeeld het gebruik van Flash of Silverlight.

Ook vroeg het ontwerp van het menu om animatie: zodra de gebruiker een van de rubrieken heeft geselecteerd klapt het menu in zodat de uitstraling van de website helder en transparant blijft. Aangezien het gebruik van Flash een aanslag is op de zoekmachine-vriendelijkheid (SEO) van websites kozen we ervoor om alle animaties op te bouwen via Javascript.

De techniek

Casa.nl is gebouwd in het open source content management systeem Drupal dat geschreven is in PHP. Om de typografie van de website goed tot uiting te laten komen ontwikkelden we een module die automatisch plaatjes genereert voor onder andere titels en menu-items. Zonder dat de redactie daar iets voor hoeft te doen worden artikelen automatisch gestyled volgens de styleguide van de nieuwe huisstijl.

Voor de animaties hebben we gebruik gemaakt van de Javascript library jQuery. Door deze combinatie van technieken hebben we de website geoptimaliseerd voor zowel de bezoeker als voor indexatie door zoekmachines.

Naar de website