Ontwerp

Een koers uitzetten voor een organisatie is iets wat in gezamenlijk overleg gebeurt. Samen met partners en medewerkers ontdekt Zayaz de wereld van mogelijkheden, kansen en uitdagingen. Dit wordt waargenomen en opgenomen in het Strategisch plan voor de komende Jaren.

Deze ontdekkingstocht hebben we letterlijk genomen in de vormgeving van de website. De titels, verhalen en algemene informatie is aan elkaar geknoopt door middel van stippellijnen, welke de lezer uitnodigen om rond te speuren op de website.

Zayaz kent een vrij kleurrijke huisstijl. De kleuren uit de huisstijl hebben we gebruikt om thema's aan te duiden.

Ontwikkeling

Het ontwerp van Waarwijvanzijn betekende voor de ontwikkel-afdeling een aantal lastige opgaven. Dat zat 'm vooral in de stippellijnen die van blok naar blok een 'pad' moesten vormen zodat de bezoeker de qua inhoud uitgebreide voorpagina goed kon begrijpen. Van nature denkt een webbouwer in horizontale stroken om de content in te tonen, maar deze lijnen gingen alle kanten op. Dat zou je bijvoorbeeld op kunnen lossen door vaste plaatjes achter de blokken te plakken, maar aangezien de site natuurlijk op allerlei schermformaten goed moet ogen, is dat geen goede optie.

Onze oplossing zat in een combinatie van onder andere het HTML5-element <canvas>, de jCanvas-library van Caleb Evans en zelfgeschreven functies die de data-attributen van de blokken gebruiken om de loop van de lijn te bepalen. Een versimpelde versie van hetzelfde systeem is te zien bij de Reisgids, maar op de hele site komen elementen met paden terug.

Als back-end maakt Waarwijvanzijn gebruik van WordPress, waar nodig uitgebreid met behulp van custom fields vanuit het Unyson-framework.