Skip to content
NL EN
Log in Start a project
All projects

Case 03 — Website for a youth centre

Jeugdhuis Wollewei

The website of youth centre Jeugdhuis Wollewei in Turnhout: everything you can do there, the free rooms and the ticket shop in one place, in the centre's own colours and tone.

Role
Web design and development, as a volunteer
Year
2026
Type
Website for a youth centre
Stack
HTML · CSS · JavaScript · Bootstrap · PHP
Screenshot of Jeugdhuis Wollewei

AThe challenge

A youth centre does far more than you'd think: bar nights, Dry Tuesday, low-stimulus pub nights, lunch on school days, workshops, free rooms for music and creative work, an artist platform and help to organise your own event. All of that had to become easy to navigate for young people who are mostly on their phones, without feeling dull or corporate.

BThe approach

A static website in HTML, CSS and JavaScript, built on a Bootstrap template and fully adapted to Wollewei: its own copy, the centre's bright colours, a striking typeface for the headings and photos of the rooms. Every activity and every room got its own page, and on the homepage you filter the rooms by what you want to do.

CWhat it does

  1. 01

    Everything in one place

    Eight activities, from bar nights and Dry Tuesday to workshops, each with a short intro and its own page.

  2. 02

    Free rooms

    Six rooms, from the recording studio to the creative attic, filterable by creative, music, productive or chilling.

  3. 03

    MIKS and ik.organiseer

    The centre's two programmes, for young artists and for anyone organising their own event, stand out on their own.

  4. 04

    Ticket shop

    Parties and events link straight to the centre's ticket shop, with a permanent button in the menu bar.

  5. 05

    Contact and opening hours

    A contact form, a map and the hours of the office, the rooms and the bar nights in the footer.

  6. 06

    What's coming up

    At the top, the site types out slogans and upcoming events in turn, such as the next party.

DScreens

Everything you can do at Wollewei, each with its own page.
01Everything you can do at Wollewei, each with its own page.
On the phone: the homepage and the free rooms with their filters.
On the phone: the homepage and the free rooms with their filters.
02On the phone: the homepage and the free rooms with their filters.
The free rooms, filterable by what you want to do.
03The free rooms, filterable by what you want to do.
A detail page, with the practical info in a sidebar that stays in view.
04A detail page, with the practical info in a sidebar that stays in view.

EUnder the hood

01Static and fast
The content needs no database or server code: plain HTML pages load fast and are cheap to host.
02Filtering without reloading
The rooms are filtered and rearranged with Isotope inside the page, without reloading it.
03Made for the phone
Bootstrap's grid and a collapsible menu make everything work just as well on a small screen.
04Motion in moderation
Sections slide gently into view as you scroll (AOS) and the hero types out slogans and events (Typed.js).
05Brand colours as variables
Pink, purple, cyan and green live as CSS variables in one stylesheet, so the colours match everywhere.

FBy the numbers

pages
17
activities
8
rooms with their own page
6
room filters
4

Need something similar?

Tell me briefly what you need. You'll get your own portal right away, where we chat, share files and you can follow your project's progress.

Start a project
  • Usually a reply within two working days
  • No strings attached: a request costs nothing
  • Chat, files and status in one place