RECEPTEN WEBSITE

DE UITDAGING

De opdracht vereiste de ontwikkeling van een gebruiksvriendelijke receptenwebsite waarbij een ijzersterke back-end centraal stond. De primaire focus lag op de logica van het Content Management System (CMS), een naadloze dynamische koppeling met de front-end en de integratie van externe tools.

Visueel koos ik bewust voor een subtiele, functionele branding met een beperkt kleurenpalet en een minimalistisch Google Font. Hierdoor eist de interface geen aandacht op, maar staan de realistische, rechtenvrije beelden van de gerechten volledig in de schijnwerpers.

CMS ARCHITECTUUR & TECHNIEK

In Webflow bouwde ik een schaalbaar en diepgaand contentmodel. Ik zette diverse collections op—zoals Recepten, Categorieën, Producten, Ingrediënten en Gebruikers—die via (multi-)reference fields complex met elkaar verbonden zijn. Hierdoor kunnen ingrediënten dynamisch worden samengesteld uit hoeveelheden en productnamen, hebben auteurs een eigen profielpagina, en kunnen gebruikers recepten liken.

De back-end werd volledig Engelstalig en fool-proof ingericht met specifieke constraints en required fields voor beheerders. Aan de front-end werd de lay-out gestructureerd opgebouwd volgens Webflow best practices, met een logische container-structuur, flexibele CSS-variabelen en herbruikbare classnames.

HET RESULTAAT

Het traject begon in Figma met een doordacht contentmodel en mobile-first wireframes, en resulteerde in een responsive, SEO-geoptimaliseerd platform met een functionerende externe widget. De live site biedt een homepagina met de hoogst gewaardeerde recepten, een overzichtspagina met dynamische filtering en paginatie, en detailpagina's waarvan de lay-out zich visueel aanpast aan de specifieke categorie van het gerecht.