01
Probleem
Kleine bedrijven weten vaak niet hoe ze moeten starten met adverteren en hebben vragen over prijs en aanpak. Daardoor moest er een tool komen die drempels verlaagt.
Project detail — Web Tool
BRIGHTFISH
Campagnecalculator
Een schoolopdracht waarin ik werkte aan een interactieve tool voor bioscoopcampagnes. De gebruiker kiest periode, locaties en advertentieformaten, waarna de tool een duidelijk budgetvoorstel en samenvatting genereert.
01 Over het project
HET
concept
Doel
Kleine bedrijven willen adverteren, maar weten vaak niet hoe ze moeten beginnen en denken dat bioscoopreclame te duur is. Daarom moest deze tool het proces eenvoudiger, sneller en duidelijker maken.
Oplossing
De campagnecalculator geeft gebruikers een eenvoudige manier om keuzes te maken, prijzen te begrijpen en een overzichtelijk voorstel te krijgen. Daarnaast werd een button-chatbot voorzien voor veelgestelde vragen.
Mijn rol
Ik werkte mee aan frontend development, UX flows in Figma, visuele structuur, schermopbouw en het verfijnen van de gebruikerservaring.
Belangrijkste features
Keuzes voor periode, locaties en formaten, een duidelijke flow, samenvatting van keuzes, ondersteunende chatbot en een responsieve interface.
02 Proces
VAN IDEE
tot flow
02
Field research
Uit gesprekken bleek dat Brightfish niet altijd bekend is en dat veel gebruikers nood hebben aan begeleiding. Daarom werd extra ingezet op eenvoud en snelle ondersteuning.
03
UX flows
Er werden twee duidelijke paden uitgewerkt: based on campaign en based on budget. Zo kan de gebruiker kiezen welke manier het best past bij zijn of haar situatie.
04
Wireframes & prototype
We werkten wireframes en een klikbaar prototype uit. Daarbij werd continu gekeken naar logica, validatie, schermvolgorde en bruikbaarheid.
05
Design
Op basis van de branding en klantdocumenten werd de visuele stijl verder uitgewerkt, zodat de tool professioneel en herkenbaar aanvoelde.
06
Testen & iteraties
De tool werd getest, teksten en labels werden verfijnd, de flow werd aangescherpt en kleine bugs werden opgelost voor een sterkere eindervaring.
03 Flows
SCHERMEN
en keuzes
De calculator bevat twee duidelijke gebruikerspaden. Kies hieronder welke flow je wilt bekijken.
Kies een flow
04 Resultaat
MIJN
bijdrage
Frontend
Opbouw van schermen, logische flow, visuele hiërarchie en aandacht voor duidelijke interactie tussen verschillende stappen.
UX & structuur
Meedenken over schermvolgorde, gebruiksgemak, labels, keuzes en hoe de gebruiker zo weinig mogelijk frictie ervaart.
Design thinking
De interface uitwerken vanuit research en branding, zodat de tool niet alleen werkt maar ook professioneel aanvoelt.
Impact
Een duidelijkere flow, minder verwarring voor gebruikers en een tool die beter laat zien wat Brightfish aanbiedt.