Case Study, Website

YUNIQQ

Een snelle, visueel sterke website voor Tennishal Roosendaal YuniQQ. Donker, filmisch en gebouwd rond sterke fotografie, met de tennishal en de academy in de hoofdrol.

WebdesignDevelopmentNext.jsAI-built
Homepage Tennishal Roosendaal YuniQQ
Next.js 16
Framework
Tailwind v4
Styling
100%
Responsive
AI-built
Aanpak
Het project

Premium
op het net.

Tennishal Roosendaal YuniQQ wilde een website die de uitstraling van de hal en de academy waarmaakt: premium, sportief en helder. Geen standaard template, maar een site die de bezoeker meteen het gevoel van de plek geeft en moeiteloos naar de juiste informatie leidt, van baanhuur en tarieven tot de tennisacademy.

De site is opgebouwd rond sterke fotografie, met een donker, filmisch ontwerp en een hoekig vormtaal-motief dat terugkomt in de fotokaders en accenten. Alles gebouwd voor snelheid en leesbaarheid, op desktop en mobiel.

Tennishal-pagina van de YuniQQ-website
De pagina's

Helder, snel,
compleet.

Van een filmische homepage tot een glasheldere tarievenpagina en contractinformatie. Elke pagina is opgebouwd rond sterke beelden en een hoekig vormtaal-motief, met de bezoeker steeds een klik van reserveren af.

Tarievenpagina YuniQQ
Tennishal-pagina YuniQQ
Responsive

Net zo sterk
op mobiel.

Veel bezoekers komen via hun telefoon. De hele site is mobile-first opgebouwd, zodat reserveren, tarieven en informatie op elk scherm net zo soepel werken.

YuniQQ mobiel, homepage
YuniQQ mobiel, tarieven
YuniQQ mobiel, tennishal
Techniek

Snel, en goed
gevonden.

De site draait op Next.js 16 met Tailwind v4 en geoptimaliseerde afbeeldingen via next/image. Dat levert een razendsnelle, technisch schone website op die standaard goed scoort op performance en SEO.

Scroll-animaties en een verzorgde mobiele ervaring maken het geheel af, zonder de boel te vertragen. Beweging alleen waar het iets toevoegt.

Aanpak

Van concept
tot live.

Concept & fotografie

De uitstraling van de hal vertaald naar een digitaal concept, met sterke beelden als uitgangspunt in plaats van als bijzaak.

UI/UX design

Een donker, filmisch ontwerp met een hoekig vormtaal-motief in de fotokaders en accenten. Helder in navigatie, premium in gevoel.

Development

Gebouwd met Next.js 16, React 19 en Tailwind v4. Geoptimaliseerde beelden via next/image en server components voor maximale snelheid.

Performance & SEO

Technisch schoon, razendsnel en correct gestructureerd, zodat de site goed scoort in Google en prettig laadt op elk apparaat.

Volgende stap

Ook een site die
opvalt?

Een website nodig die snel laadt en blijft hangen? Laten we praten.