Tuur's Brews

Over dit project

Tuur's Brews

Wat is Tuur’s Brews?

Tuur’s Brews is geen echte brouwerij, maar een speels fictief biermerk dat ontstond uit een schoolopdracht. In plaats van een standaard e-commerce case te maken, werkte ik een eigen merk uit met een duidelijke visuele stijl, productstructuur en digitale ervaring.

Het project combineert branding, Webflow, CMS-structuur en app design in React Native.

De opdracht: Webflow webshop en React Native app

De opdracht was om een e-commerce website in Webflow en een app in React Native te bouwen, allebei gekoppeld aan Webflow CMS en API. Producten moesten dus dynamisch beheerd kunnen worden, zonder alles telkens handmatig opnieuw in te voeren.

Ik besloot er een fictief biermerk van te maken, zodat ik de techniek kon testen en tegelijk een herkenbaar, speels merk kon ontwerpen.

De oplossing: één merk over meerdere kanalen

Ik gaf Tuur’s Brews een eigen visuele stijl en werkte de website en app uit als één samenhangende digitale ervaring. De Webflow CMS-structuur zorgde ervoor dat producten dynamisch konden verschijnen, terwijl de React Native app dezelfde merkwereld doortrok naar mobiel.

Het resultaat is geen echte webshop, maar wel een volledig uitgewerkt experiment rond e-commerce, CMS-koppelingen, UI design en app development.

React native

Eerste keer React Native gebruiken. Spoiler alert: alles zorgde voor een error, zelfs dingen waarvan ik dacht dat ze onmogelijk konden crashen.

Documentatie doorspitten, lessen aandachtig volgen (mocht er toevallig een leerkracht meelezen 👀) en eerlijk is eerlijk: ook wat hulp van AI.

Tijd

Halverwege de opdracht besloot ik helemaal opnieuw te beginnen, want ik wou mijn eigen merk bouwen in plaats van gewoon Stella te gebruiken.

Nachtjes doorwerken tot Tuur’s Brews echt begon te schuimen.

Veel werk

Alles mooi laten lijken in Webflow én zorgen dat het ook in de app klopt. Twee werelden, twee keer zoveel werk.

Na een paar keer vloeken, console.logs spammen en een bende testproducten aanmaken, begon het eindelijk vlot te lopen alsof het getapt werd.

Consistentie

Consistentie in design bewaren. Na vijf pint-… euh… pagina’s begon alles er wat anders uit te zien: andere kleuren, andere knoppen, chaos alom.

Alles teruggebracht naar één duidelijke stijl: vrolijk, luchtig en altijd met een knipoog. Zo werd het meer een fris biertje dan een lauw mengelmoesje.

Stella on tap

Ik begon veilig: Stella Artois. Bekend merk, geen gezeur. De Webflow-pagina stond er snel, en zelfs de eerste React Native basis draaide. Alleen… het voelde een beetje alsof ik stage deed bij AB InBev. Niet echt mijn vibe.

• Eerste Webflow-pagina gebouwd
• React Native project opgezet
• Branding van Stella gebruikt

Crisis in de branding

Na een paar dagen besefte ik: dit voelt niet als mijn project. Dus hup, Stella aan de kant en tijd om mijn eigen merk te brouwen. Tuur’s Brews was geboren. Licht, luchtig en een pak grappiger dan een standaard pils.

• Stella gedumpt
• Eigen merk verzonnen: Tuur’s Brews
• Eerste schetsen en ideeën voor branding

Branding on tap

Tuur’s Brews kreeg kleur! Zowel in Webflow als in de React Native app begon alles steeds meer te voelen als een écht merk (ook al kon je er niks bestellen, helaas). De branding gaf het geheel de humoristische twist die ik wou.

• Branding toegepast in Webflow
• Branding toegepast in React Native
• Alles afgestemd op de vrolijke Tuur’s Brews vibe

De grote afwerking

Met de branding op punt, was het vooral finetunen en afwerken. Knoppen rechtzetten, API-calls testen, en hier en daar hopen dat React Native geen foutmelding gooide (spoiler: natuurlijk wel).

• Webflow-site afgewerkt
• React Native app afgewerkt
• Laatste bugs en foutjes gefixt

Presenteren met klamme handen

De finale: mijn project voorstellen. Met Tuur’s Brews in de hoofdrol vertelde ik over branding, Webflow en React Native. Ondertussen hoopte ik dat de jury de humor begreep én ik genoeg punten zou scoren om dit avontuur af te sluiten met een glimlach.

• Voorstelling voorbereid
• Project gepresenteerd
• Gehoopt op goede punten (en een pintje achteraf)