← Terug naar alle projecten

Case 01 · 2026 · Klantopdracht

Busleyden Atheneum

  • Figma
  • Webflow CMS
  • React Native
Rol
UI/UX Design, Webflow & React Native
Klant
Busleyden Atheneum, Mechelen
Type
Eindopdracht — echte klant

Voor deze eindopdracht werkte ik voor een echte klant: Busleyden Atheneum in Mechelen. Alles wat ik dat semester leerde kwam hier samen in één project: een vernieuwde website in Webflow, een app in React Native, en een minigame die ik volledig from scratch bouwde.

Uitdagingen & oplossingen

Waar liep het vast, en hoe loste ik dat op

Een autonoom systeem

Uitdaging

De klant wilde zelf aanpassingen kunnen doen, zonder externe hulp.

Oplossing

Een CMS waarmee content realtime update, en een API die dezelfde content naar de app stuurt.

Trage, zware bestanden

Uitdaging

De oude website had enkel heel grote afbeeldingen, wat de site enorm traag maakte.

Oplossing

Alle beelden gecomprimeerd.

Eén briefing, een paar weken tijd

Uitdaging

Met maar één briefing en een krappe tijdlijn moest ik meteen alles uithalen en zelf verder research doen over de school.

Oplossing

Sterke planning en grondig eigen onderzoek.

Proces

Van briefing tot livegang

Het traject verliep in zes duidelijke fases. Hieronder zie je hoe het project stap voor stap vorm kreeg.

01 Briefing

Wat de klant meegaf

Uit de briefing haalde ik deze aandachtspunten:

  • Een eigen pagina per campus, met een herkenbare kleur en foto of logo.
  • Koppeling met sociale media, Google Analytics en Ads.
  • Een webshop die de klant zelf kan beheren.
  • Geïntegreerde webshop.
  • Gebruiksvriendelijkheid.
02 Onderzoek

Hoe de website er eerst uitzag

Hoewel de oorspronkelijke website visueel aantrekkelijk en uniek was, ging dit ten koste van de gebruiksvriendelijkheid. Effectief design leunt op herkenbare patronen, en die ontbraken hier. Ik bracht structuur aan, en zorgde dat de site er niet alleen mooi uitziet, maar ook intuïtief aanvoelt.

Oude homepage van Busleyden Atheneum
De oude homepage
Oude footer met campusoverzicht
Oude opleidingenpagina
03 Doelgroepbepaling

Voor wie, en waarom

Drie doelgroepen: leerlingen, ouders en leerkrachten, elk met een eigen reden om op de site te belanden. Het doel was dus simpel: een site die er mooi uitziet, intuïtief aanvoelt, en Busleyden Atheneum laat opvallen zonder in te boeten aan bruikbaarheid.

04 Design

Nieuwe navigatie, nieuwe footer

Een volledig nieuwe navigatie en footer, from scratch getekend in Figma en getoetst aan de huisstijlgids. Elke campus kreeg een eigen kaart met een eigen kleur.

Nekkerspoel De Beemden Caputsteen Pitzemburg Botaniek Zandpoort Stassart
05 Bouw in Webflow

Alles in één CMS

Volledig van scratch gebouwd in Webflow, met de vroeger externe webshop er nu gewoon bij. Alles loopt via het CMS, dus de klant kan zelf teksten en pagina's aanpassen, toevoegen en updaten zonder dat ik erbij hoef te zijn.

06 App & mini-game

Dezelfde merkwereld, mobiel

Dezelfde huisstijl doorgetrokken naar een React Native-app, aangevuld met een speelse mini-game als extraatje voor de klant.

Interactief

Sleep en vergelijk.

Sleep de lijn heen en weer om de oude Busleyden-website te vergelijken met het herontwerp.

Oude homepage van Busleyden Atheneum
Voor Na

Eindresultaat

De nieuwe website

Nieuwe homepage van Busleyden Atheneum
Nieuwe homepage

React Native app

Dezelfde merkwereld, mobiel

Homescherm van de Busleyden-app
Home
Webshop in de Busleyden-app
Webshop
Campusdetail in de Busleyden-app
Campusdetail
Bekijk de React Native app op GitHub ↗

Wat ik hieruit meenam

Met slechts één briefing leerde ik vooral om zélf tussen de regels door te kijken en noden te spotten die de klant niet expliciet benoemde, om die vervolgens om te zetten in doordachte keuzes.

Volgend project

PHP webshop — Van Hoecke

Bekijken →