Cook at Home

Cook At Home is de go-to bestemming voor fijnproevers en thuiskoks in Vlaanderen. Het platform biedt een uitgebreide selectie hulpmiddelen om je te helpen een heerlijke maaltijd te bereiden. Met een uitgebreide collectie recepten van 10 getalenteerde Belgische chefs en bijhorende wijnaanbevelingen, heb je alles wat je nodig hebt om indruk te maken op je gasten.

Bovendien bevat het platform een lijst van toprestaurants. Als lid van Cook At Home kun je exclusieve evenementen bijwonen en profiteren van speciale kortingen bij verschillende partners.

Het platform is volledig gebouwd door Blastic. We kozen voor een composable platform op basis van Next.js en Azure Functions, Algolia en het headless CMS-systeem Kontent.AI

De uitdaging: bouw het Vlaamse Netflix platform voor chefs

Cook at Home benaderde Blastic met de vraag om een kookwebsite te creëren die zich zou onderscheiden van andere kookwebsites door tal van opties aan te bieden om het perfecte gerecht te vinden. Hun doel was om gebruikers recepten te laten zoeken op basis van de ingrediënten in hun koelkast, nieuwe recepten te laten ontdekken via het weekmenu, favoriete recepten op te slaan en zelfs hun eigen recepten in te sturen.

Toegang tot dit gedeelte van de website zou alleen worden verleend aan gebruikers met een Cook at Home platform account.

Bovendien had de website een extra gedeelte nodig waar Cook at Home waardevolle tips en trucs kon delen.

Cook at Home had ons al een voorlopig ontwerp voor het platform aangeleverd, dat we als uitgangspunt hebben gebruikt. We namen de volledige verantwoordelijkheid voor het project, van ontwerp tot ontwikkeling en oplevering.

Onze oplossing: de beste video- en kookervaring bieden door een samenstelbaar platform dat de juiste technologieën eenvoudig en snel met elkaar verbindt.

Zoals eerder vermeld, leverde de klant ons een voorlopig ontwerp, dat als uitgangspunt diende. We organiseerden verschillende workshops voor UX/UI/Design om een balans te vinden tussen de eisen van de klant en de gebruikerservaring. Parallel hieraan hielden we workshops voor functionele analyse om ervoor te zorgen dat alle functionaliteiten duidelijk waren gedefinieerd en dat de vereiste testscenario's konden worden beschreven.

Met een interactief Figma ontwerp en een gedetailleerde functionele analyse in de hand, begonnen we met de technische analyse. Na zorgvuldige overweging concludeerden we dat een composable digital experience platform de beste oplossing was.

Ons platform, gebaseerd op Next.js en Azure Functions, was ontworpen om modulair en flexibel te zijn.

We kozen voor Next.js vanwege de uitgebreide bibliotheek met tools, die het gemakkelijk maken om te integreren met andere technologieën zoals Kontent.AI en Algolia. De zoekfunctie van Algolia zorgt ervoor dat het zoeken naar recepten soepel verloopt, waarbij gebruikers kunnen zoeken naar gerechten en recepten met een ingebouwde filterfunctie. We slaan alle platformgegevens op in Kontent.AI, een headless CMS-systeem waarmee gebruikers eenvoudig inhoud kunnen toevoegen en beheren.

Azure Functions werden geïntegreerd om server-side logica aan het platform te leveren. Dit maakt communicatie mogelijk met externe partijen zoals Stripe (voor het verwerken van betalingen), Vixy (voor het leveren van video's) en PlusDeals (voor kortingen) waarvan de API's niet openbaar beschikbaar zijn. Azure B2C wordt gebruikt voor authenticatie en gebruiksbeheer, terwijl Azure Cosmos gebruikersgegevens bijhoudt, waaronder hun weekmenu's en favorieten.

TOm API-sleutels en gevoelige gegevens te beschermen, hebben we deze logica gescheiden van de client-side code. Ons platform is gebruiksvriendelijk, met eenvoudig contentbeheer en eenvoudige navigatie. Gebruikers kunnen moeiteloos en zonder obstakels zoeken naar hun gewenste gerechten.

Het resultaat

Je vindt ons werk en de heerlijke gerechten van Cook-At-Home op de website: Cook At Home