The Sandwich Bar
Een site die smaakt naar de winkel: tweetalig, met catering als eigen ingang en een gratis proeflunch-box als lead. Alles zelf te beheren in Sanity.
- Webdesign
- Websites
- Animaties
- NL en EN uit één CMS
- 2 talen
- gratis proeflunch als lead
- Proefbox
- content zelf te beheren
- 100%
De vraag
The Sandwich Bar heeft meerdere vestigingen in Amsterdam en een groeiende cateringtak voor kantoren en events. De oude site vertelde dat niet: geen sfeer, geen catering-aanbod, geen manier om een lead binnen te halen. De vraag: een site die smaakt naar de winkel, in het Nederlands én Engels, met catering als volwaardige ingang en een laagdrempelige manier om te proeven. En alles zelf te beheren: menu, teksten, reviews, veelgestelde vragen, openingstijden.
Sfeer voorop
Het merk is handgeschreven en warm; de site ook. Een intro-animatie met het catering-autootje dat het scherm binnenrijdt, een hero-slider met winkelfoto’s, een fotomarquee, een sleepbare sandwich-slider met alle broodjes en fysica-ballen met het logo die je kunt aanstoten. Stickers die je over de pagina kunt slepen. Alles in de crème en plum uit het brandbook.
Catering als eigen ingang
Eigen cateringpagina met een logowand van klanten (ING, Nespresso, Gemeente Amsterdam, DeLaMar, albelli, Cognizant), het complete cateringmenu als bladerbare PDF in de browser, en het belangrijkste: een gratis proeflunch-box. Vul het formulier in, wij bezorgen vijf verse broodjes op kantoor. Het formulier gaat via Resend naar de orderinbox; elke aanvraag wordt als lead gemeten in Google Tag Manager en de TikTok-pixel.
Tweetalig, zonder dubbel werk
Nederlands en Engels via next-intl; de content in Sanity met document-internationalization, zodat elke tekst één keer per taal wordt beheerd. Hero, slogan, over-ons, catering, reviews, FAQ, contact en socials staan allemaal in het CMS, met visual editing via Sanity Presentation.
Van winkel naar site
Locaties met openingstijden en routelink, een TikTok-sectie met de laatste video’s, een loyalty-programma voor members en een menupagina met de kaart als PDF. Snelle paginawissels met view transitions, Lenis smooth scroll en GSAP voor de animaties. Ook op mobiel.
Stack
Next.js 16 · React 19 · TypeScript · Tailwind · GSAP (Draggable, ScrollTrigger) · Lenis · Matter.js · next-intl · Sanity (document-internationalization, Presentation) · pdf.js · Resend · GTM + TikTok-pixel.
