Headless platform for Sprints & Sneakers
Headless platform for Sprints & Sneakers on Next.js and Strapi, with a new logo, a design system and a scroll-reactive 3D animation on the homepage.
Deliverables
- Headless web platform (Next.js and Strapi v5)
- Logo redesign and S&S monogram
- Brand refresh and design system
- Scroll-reactive 3D animation
- Modular CMS with role-based access
- Technical SEO
- WCAG 2.1 AA accessibility
- Bilingual: Dutch and English
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 a growth marketing agency. The agency was growing, but its Framer site could not keep up: no CMS where several people could work at once, no reusable content blocks and no room to scale internationally. Your Tech Club designed and built the new platform.
What was the problem?
The site had hit three limits. There was no CMS where several editors could work at once and no reusable content blocks, so every new case or blog post needed a developer. The technical foundation lacked server-side rendering, structured data and hreflang. And the design felt like a template, which clashed with the agency's positioning.
What did we build?
A headless CMS in Strapi v5
A CMS where the team builds pages itself from reusable blocks: cases, blogs, podcasts, events, vacancies, downloads and lead magnets. With role-based access, a preview environment and a design system documented in the CMS itself.
A Next.js frontend
A lightweight frontend in Next.js 15 and React 19, with server-side rendering and streaming, edge caching through Vercel and Cloudflare, automatic image optimisation to WebP and AVIF, and lazy loading of heavy assets.
Scroll-reactive 3D animation
The homepage opens with a 3D animation of the S, built in Three.js and React Three Fiber, with progressive loading and a fallback for mobile. A visual anchor tied to how the visitor scrolls.
Technical SEO and accessibility
Built in as standard: semantic HTML with a correct heading structure, an automatic XML sitemap and robots.txt, structured data for Organization, Article, BreadcrumbList, FAQ, Event and JobPosting, hreflang for Dutch and English with language-specific sitemaps, Open Graph and Twitter cards on every page, an llms.txt file and ARIA labels in line with WCAG 2.1 AA.
Brand update and logo redesign
A new S&S monogram as a brand mark for digital and social use, a refined colour system with a black-and-white base and fluoro accents, and a stronger typographic hierarchy. It is all captured in the design system.
What were the results?
Lighthouse scores the platform 100 out of 100 for performance, accessibility, best practices and SEO.
Largest Contentful Paint is under 1.2 seconds, four times faster than the old site. The layout barely shifts (CLS under 0.05) and the site responds to input within 100 milliseconds (INP).
Organic traffic rose by 180% within three months of launch.
What can Sprints & Sneakers do now?
Eight editors work in the CMS at the same time without conflicts, in Dutch and English, with automatic language detection and hreflang. New pages are put together from existing blocks instead of being built.
The infrastructure is ready for AI features, such as an intake agent, personalised landing pages, lead scoring and automatic content suggestions.
Get in touch with us directly. We'll get back to you as soon as we can
Your message goes straight to our team in Amsterdam.Who built the Sprints & Sneakers website?
Your Tech Club designed and built the Sprints & Sneakers platform. The work covered a logo redesign, a brand refresh, a modular headless CMS in Strapi v5, a Next.js frontend and a scroll-reactive 3D animation.
What did Your Tech Club build for Sprints & Sneakers?
A headless web platform where the team puts pages together from reusable blocks, with role-based access, a bilingual Dutch and English setup, technical SEO and a new brand mark with its own design system.
What technology does the Sprints & Sneakers website run on?
Next.js 15 with React 19 and TypeScript on the front end, Strapi v5 as the headless CMS with PostgreSQL behind it, hosted on Vercel with Cloudflare for edge caching. The 3D animation runs on React Three Fiber and Three.js.
What did the new Sprints & Sneakers platform deliver?
Lighthouse 100 out of 100 for performance, accessibility, best practices and SEO, an LCP under 1.2 seconds, four times faster than the old site, and 180% more organic traffic within three months of launch.
What is a headless website and why do marketing agencies choose one?
A headless website separates the content in the CMS from the presentation in the frontend. The marketing team manages content in its own dashboard, while visitors see a separately built frontend. That gives you room on performance, multiple languages and design.
Can a marketing team manage content itself in a headless CMS?
Yes. Strapi v5 offers a visual editor, reusable content blocks, a preview mode and role-based access. At Sprints & Sneakers, several editors publish blogs, cases, events, podcasts and vacancies at the same time, without a developer.
Do you need to redesign your logo with a new website?
Not always, but you do when your positioning shifts. Sprints & Sneakers had broadened its offer, so we designed a new S&S monogram that works as a brand mark on social, app icons and the favicon.