Headless platform voor Sprints & Sneakers
Voor Sprints & Sneakers bouwden we een headless platform op Next.js en Strapi, met een nieuw logo, een design system en een 3D-animatie op de homepage.
Deliverables
- Headless webplatform (Next.js en Strapi v5)
- Logo-redesign en S&S monogram
- Brand refresh en design system
- Scroll-reactieve 3D-animatie
- Modulair CMS met rolgebaseerde toegang
- Technische SEO
- WCAG 2.1 AA-toegankelijkheid
- Meertalig NL en EN
Tech stack
- Next.js 15, React 19, TypeScript
- Tailwind CSS, Framer Motion
- React Three Fiber, Three.js
- Strapi v5 (headless CMS)
- PostgreSQL
- Vercel, Cloudflare
- GitHub Actions CI/CD
Sprints & Sneakers is een growth marketingbureau. Het bureau groeide, maar de bestaande Framer-site kon dat niet bijhouden: geen CMS waarin meerdere mensen tegelijk kunnen werken, geen herbruikbare contentblokken en geen ruimte om internationaal op te schalen. Your Tech Club ontwierp en bouwde het nieuwe platform.
Wat was het probleem?
De site liep tegen drie grenzen aan. Er was geen CMS waarin meerdere redacteuren tegelijk konden werken en geen herbruikbare contentblokken, dus elke nieuwe case of blog vroeg om hulp van een ontwikkelaar. De technische basis miste server-side rendering, structured data en hreflang. En de vormgeving voelde als een template, wat botste met de positionering van het bureau.
Wat hebben we gebouwd?
Headless CMS in Strapi v5

Een CMS waarin het team zelf pagina's bouwt uit herbruikbare blokken: cases, blogs, podcasts, events, vacatures, downloads en lead magnets. Met rolgebaseerde toegang, een preview-omgeving en een design system dat in het CMS zelf is gedocumenteerd.
Next.js frontend
Een lichte frontend in Next.js 15 en React 19, met server-side rendering en streaming, edge caching via Vercel en Cloudflare, automatische beeldoptimalisatie naar WebP en AVIF, en lazy loading van zware assets.
Scroll-reactieve 3D-animatie
De homepage opent met een 3D-animatie van de S, gebouwd in Three.js en React Three Fiber, met progressive loading en een fallback voor mobiel. Een visueel ankerpunt dat aan het scrollgedrag is gekoppeld.
Technische SEO en toegankelijkheid

Standaard ingebouwd: semantische HTML met een correcte koppenstructuur, een automatische XML-sitemap en robots.txt, structured data voor Organization, Article, BreadcrumbList, FAQ, Event en JobPosting, hreflang voor NL en EN met taalgerichte sitemaps, Open Graph en Twitter cards per pagina, een llms.txt en ARIA-labels volgens WCAG 2.1 AA.
Merkupdate en logo-redesign
Een nieuw S&S monogram als beeldmerk voor digitale en social toepassingen, een verfijnd kleursysteem met een zwart-witbasis en fluoro accenten, en een sterkere typografische hiërarchie. Alles is vastgelegd in het design system.
Wat leverde het op?
Lighthouse geeft het platform 100 van de 100 op performance, accessibility, best practices en SEO.

De Largest Contentful Paint ligt onder 1,2 seconde, vier keer sneller dan de oude site. De layout verschuift nauwelijks (CLS onder 0,05) en de site reageert binnen 100 milliseconden op invoer (INP).
Het organisch verkeer steeg met 180% binnen drie maanden na livegang.
Wat kan Sprints & Sneakers er nu mee?
Acht redacteuren werken tegelijk in het CMS zonder conflicten, in het Nederlands en Engels, met automatische taaldetectie en hreflang. Nieuwe pagina's worden samengesteld uit bestaande blokken in plaats van gebouwd.
De infrastructuur is voorbereid op AI-functionaliteit, zoals een intake-agent, gepersonaliseerde landingspagina's, lead scoring en automatische contentvoorstellen.
Neem direct contact met ons op. We komen zo snel mogelijk bij je terug


Je bericht komt bij ons team in Amsterdam binnen.Wie heeft de website van Sprints & Sneakers gemaakt?
Your Tech Club heeft het platform van Sprints & Sneakers ontworpen en gebouwd. De opdracht omvatte een logo-redesign, een brand refresh, een modulair headless CMS in Strapi v5, een Next.js frontend en een scroll-reactieve 3D-animatie.
Wat heeft Your Tech Club voor Sprints & Sneakers gebouwd?
Een headless webplatform waarin het team zelf pagina's samenstelt uit herbruikbare blokken, met rolgebaseerde toegang, een meertalige opzet in NL en EN, technische SEO en een nieuw beeldmerk met bijbehorend design system.
Op welke techniek draait de website van Sprints & Sneakers?
Op Next.js 15 met React 19 en TypeScript aan de voorkant, Strapi v5 als headless CMS met PostgreSQL erachter, gehost op Vercel met Cloudflare voor edge caching. De 3D-animatie draait op React Three Fiber en Three.js.
Wat leverde het nieuwe platform van Sprints & Sneakers op?
Lighthouse 100 van de 100 op performance, accessibility, best practices en SEO, een LCP onder 1,2 seconde, vier keer sneller dan de oude site, en 180% meer organisch verkeer binnen drie maanden na livegang.
Wat is een headless website en waarom kiezen marketingbureaus hiervoor?
Een headless website ontkoppelt de content in het CMS van de presentatie in de frontend. Het marketingteam beheert content in een eigen dashboard, terwijl de bezoeker een apart gebouwde frontend ziet. Dat geeft ruimte in performance, meertaligheid en vormgeving.
Kan een marketingteam zelf content beheren in een headless CMS?
Ja. Strapi v5 biedt een visuele editor, herbruikbare contentblokken, een preview-modus en rolgebaseerde toegang. Bij Sprints & Sneakers publiceren meerdere redacteuren tegelijk blogs, cases, events, podcasts en vacatures, zonder ontwikkelaar.
Is het nodig om een logo te herontwerpen bij een nieuwe website?
Niet altijd, maar bij een verschuiving in positionering wel. Sprints & Sneakers verbreedde het aanbod, en daarom ontwierpen we een nieuw S&S monogram dat werkt als beeldmerk in social, app-iconen en favicon.

