Zo werd cateraar Albron een open kookboek voor de B2B-markt
Wat als een merk zonder duidelijke smoel eigenlijk een heel bijzonder verhaal te vertellen heeft? Die ontdekking deden we samen met cateraar Albron, waarna we een onderscheidend merk en krachtige homepage ontwikkelden. Want het eten van Albron is niet alleen lekker, het smaakt zelfs naar… beter!
Het probleem van onzichtbaarheid
Als cateraar is het voor Albron lastig om het eigen gezicht te laten zien. De organisatie staat namelijk vrijwel altijd in dienst van andere bedrijven en labels (zoals ASML, het UMC, Center Parcs, Brownies&Downies en nog veel meer). Dit heeft grote gevolgen voor het aantrekken en behouden van klanten. Zonder onderscheidend verhaal ben je nu eenmaal gelijk aan concurrerende cateraars en wordt het een kwestie van plat punten verdienen in complexe aanbestedingstrajecten.
Gevonden: een supersociaal verhaal
Toch heeft Albron (naast lekker eten) een ongelooflijk mooi sociaal verhaal. Met misschien wel als mooiste en duidelijkste voorbeeld dat Albron B.V. eigendom is van de Stichting Albron. De helft (!) van de winst van de B.V. gaat naar die stichting, die er vervolgens sociale verandering mee financiert. Denk maar aan het aanbieden van schoollunches voor arme kinderen of het aannemen van mensen met een afstand tot de arbeidsmarkt.
Dat smaakt naar beter
Het resultaat daarvan zie je op elk bord dat Albron serveert. Je eet niet alleen een heerlijke maaltijd, je prikt ook met je vork in sociale impact. Daarom bedachten wij de pay-off ‘Dat smaakt naar beter’, waarin dat smaakvolle eten en het sociale doel samenkomen. Dat gaf ons gelijk de ruimte om het verhaal van Albron in receptvorm te vertellen. Want een groene curry gekruid met sociale impact… dat smaakt naar beter!
Homepage als kookboek
Om bestaande en potentiële klanten, interne en externe stakeholders hiermee te bereiken, ontwikkelden we een verhalende homepage voor Albron. In één smaakvolle receptuur ontdek je precies waarom het eten van Albron naar beter smaakt. Van de start in 1899 tot de duizenden collega’s vandaag de dag. Zo leverden we binnen de doorgaans formele B2B-markt een oprecht emotionele beleving af.
Kijkje in onze keuken
Wie de pagina bekijkt, ziet het recept tot leven komen. Hajar, Frontend Developer: “Om het verhaal goed te vertellen, wilden we veel gebruik maken van motion. Helemaal aan het begin word je ontvangen met een animatie van een pan die opengaat, terwijl groentes en letters je scherm in bewegen."
“We werkten met GSAP-timelines om elke animatiestap vast te leggen. Bij elk element, van pan tot groente, worden de timelines getriggerd zodra ze in beeld komen.” Toch kon niet elk onderdeel op die manier met code geanimeerd worden, licht Hajar toe. “De rookanimatie boven de pan bleek lastig. De oplossing was een MP4 met HEVC-codec en transparante achtergrond.”
Frontend Developer Martijn vult aan: "Het leukste aan deze pagina vind ik hoe het hele verhaal naar je toekomt en hoe je wordt meegenomen. Interactieve elementen, zoals de garnering, maakten we met Matter.js, een 2D physics engine waarmee je leuke interactieve animaties creëert. Tegelijkertijd wilden we voorkomen dat de site heel zwaar werd, en dachten we na over performance optimalisatie, bijvoorbeeld met webp-afbeeldingen en lazy loading."
Het resultaat: een soepele, responsive website die Albrons verhaal visueel en technisch lekker overbrengt.
Naar de toekomst
De nieuwe pay-off en het bijbehorende merkverhaal vormt vanaf nu de rode draad binnen alle uitingen van Albron. De homepage is daarvoor het intensieve startpunt en de plek waar alle middelen naar toe zullen leiden.
Blijf Ontdekken
