Universiteit Leiden

Responsive Website

Op basis van een uitgebreide brainstormsessie met het team van Mare heeft Zooma allereerst de wireframes gemaakt. Dit werd het skelet van de nieuwe website: hier bepalen we de content en positionering van de website. Ook bepalen we in deze fase de verschillende 'type' pagina's: de website is zo ontworpen dat Mare zelf nieuwe pagina's kan aanmaken.

Tijdens het ontwerpen van de website is veel aandacht gegeven aan de leesbaarheid van de artikelen en overzichtelijkheid van de website als geheel. Daarom is er bijvoorbeeld gebruikt gemaakt van veel witruimte tussen zowel objecten als tekstregels. De hoofdkleuren zijn wit, rood en zwart. Deze kleuren zijn gebaseerd op de bestaande huisstijl van Mare.

Tenslotte heeft het development team de website in rap tempo gebouwd: een volledig responsive websites met micro-animations en een gebruiksvriendelijk CMS om de artikelen mee te kunnen publiceren.

iOS en Android apps

Ongeveer een jaar na het bouwen van de app kreeg Zooma de opdracht om ook de Mare app te bouwen. De app is native ontwikkeld; de menu's, navigatie, etc. zijn native ontwikkeld, maar de artikel detailpagina's zijn in-app web pagina's. De performance / snelheid van de app is bij deze technische oplossing niet optimaal maar zo konden we snel, en binnen het budget, de vaste gebruikers van Mare tóch van mooie apps voorzien.

Het design van de app is gebaseerd op de website. De lay-out van de app is echter iets anders dan die van de website: in de app zit de navigatiebar aan de onderkant in plaats van aan de bovenkant. Zo kan de gebruiker makkelijk met diens duim door de menu items navigeren. Daarnaast heeft de app een aantal extra features, namelijk het kunnen ontvangen/versturen van push berichten per nieuws categorie, het in-app bekijken van de nieuwste digitale krant en het delen van artikelen.