Veggipedia

Veggipedia is dé onafhankelijke bron over aardappelen, groenten, fruit, kruiden en paddenstoelen. Van informatie over teelt tot voedingswaarden, aangevuld met praktische weetjes. In samenwerking met Nationaal Actieplan Groente en Fruit werkte Zooma aan een mooie overzichtelijke nieuwe website.

Het proces

Achtergrond

Veggipedia is dé onafhankelijke bron over groente en fruit. Het werd hoog tijd om deze rijke verzameling van informatie en weetjes in een mooie overzichtelijke nieuwe website te bundelen. Zooma kreeg, in samenwerking met het Nationaal Actieplan Groente en Fruit (NAGF), de eer om deze website neer te zetten. Het project is gefinancierd door het Ministerie van Landbouw, Natuur en Voedselkwaliteit.

 

Wireframes

In samenwerking met het team van NAGF heeft Zooma wireframes gemaakt om een duidelijk overzicht te krijgen van welke content waar komt. Zo kregen de besluitvoerders bij het NAGF een goed overzicht en konden zij beslissingen maken over welke aspecten prioriteit hadden. Zooma's designers produceerde vervolgens, met tussendoor terugkoppeling vanuit de klant, een geheel nieuw design dat strak en clean, maar ook herkenbaar is, en past binnen de door NAGF aangeleverde huisstijl.

 

Ontwerp

Voor het maken van de nieuwe Veggipedia website zijn we begonnen met het datamodel, om te zorgen dat er bij het importeren van de data van de oude website meteen alle benodigde koppelingen goed neergezet zouden worden. Daarna hebben we de verschillende secties van de site (groenten en fruit, recepten, zoekpagina etc.) aan de hand van het design uit te werken tot echte webpagina's. Als laatste schreven we ook een migratie om alle data van de oude website over te zetten naar de nieuwe.

 

Ontwikkeling

Het resultaat is een mooie website met veel mogelijkheid om groenten en fruit, evenals recepten, te doorzoeken en te filteren op allerlei eigenschappen. Elk recept en elk product heeft een eigen pagina die in het CMS gemakkelijk bewerkt kan worden, er kunnen bijvoorbeeld plaatjes en video's toegevoegd, of gerelateerde recepten en producten gekoppeld worden. Bekijk de website hier

  • Wireframes

    Eerst heeft Zooma samen met Veggipedia de wireframes gemaakt.

  • Ontwerp

    Daarna vertaalde Zooma de wireframes naar een overzichtelijk ontwerp.

  • Ontwikkeling

    Tenslotte bouwde Zooma de responsive website. Op alle schermen toegankelijk!

Het resultaat

Desktop
Screenshot Screenshot Screenshot Screenshot Screenshot

Ook zo'n mooie website?

Heeft u een vraag over de Veggipedia website of wilt u gewoon eens komen praten, neem dan contact op met Bas.

Tim

Draai je telefoon een kwartslag, dan ziet onze site er een stuk beter uit!