Een interactieve 3D-wereld die jongeren bereikt zoals geen folder of LinkedIn-post dat ooit kan. Voor het bureau dat merken en jongeren verbindt via gaming, esports en gamification.
Een speelbare wereld op je toetsenbord. Rijd door zes stations, verzamel tien coins, raak de bullseye. Aan het einde wacht een leaderboard met de snelste ontdekkers.
Zes paviljoenen met info per doelgroep. Rijd erheen, panel opent automatisch.
Tien verzamelobjecten verspreid over de wereld. Verzamel-mechaniek met SFX.
Snelste ontdekkers worden bewaard. Persoonlijke rank na voltooien.
Raak de target en het contactformulier popt open. Gamification als conversie.
GLHF moest een eigen plek krijgen waar drie hele verschillende doelgroepen (bedrijven, onderwijs, overheid) elk hun antwoord vinden. Geen brochure-website. Een speelse hub waar de boodschap zelf het bewijs is.
Advertenties. Folders. Standaard lessen.
Glijden langs ze heen.
De opdracht: bouw een site die aantoont wat GLHF kan, door het zelf te doen. De homepage moest een gamification-les op zich zijn. De 3D-wereld moest het hardste argument leveren: jongeren spelen het spel, niet alleen lezen erover.
En het moest werken voor B2B-bezoekers van bedrijven, beleidsmakers en docenten. Drie doelgroepen, één wereld.
Vanuit de 3D-wereld vertakt de site naar drie eigen landingen. Elk met eigen taal, eigen voorbeelden, eigen call-to-action.
Bereik Gen Z-talent waar ze écht zitten. Employer branding via esports-events, teambuilding met serieuze game-mechanics, recruitment-campagnes die niet als recruitment voelen.
naar landing →Esports als talentprogramma, gaming als lesvorm voor digitale geletterdheid en burgerschap. Met lesmateriaal, evaluatie-tools en docenttraining inbegrepen.
naar landing →Gaming hubs als laagdrempelige fysieke ontmoetingsplekken, jongerenparticipatie via serious games, digitale weerbaarheid en beleidsadvies voor gemeenten.
naar landing →Gaming-DNA dat ook werkt in een wethouder-presentatie. Helder, herkenbaar, schaalbaar over alle touchpoints van homepage tot HUD.
Gradient green→purple als signaal, cyaan en coin voor accenten.
d-pad + klavertje vier
De wereld is één pronkstuk. Maar onder de motorkap zit nog veel meer dat de aandacht vasthoudt en omzet in actie.
Eigen 3D-wereld in de browser. Rijbeweging, collision, speech bubbles voor de Geoffrey-avatar, portal-transities tussen paviljoenen. Werkt op desktop met WASD/pijl-toetsen, mobiel wordt netjes geredirect naar de leesbare versie.
Snelste ontdekkers worden gerangschikt en opgeslagen. PHP-backend voor scores.
De homepage is zelf een les. Negen psychologische triggers, allemaal toegepast en uitgelegd.
Raak de target en het contactformulier opent automatisch. Conversie als beloning, geen formulier-bumpsteen. "Bullseye! Laten we praten."
Volledige NL en EN versie naast elkaar. Astro i18n met aparte /en/ URL-tree en taalwissel op elke pagina, ook midden in de 3D-wereld.
Schema.org Organization en WebSite markup, OG-images per pagina, speakable specifications voor stem-zoekmachines, noscript fallbacks die zelfstandig leesbaar zijn. Speelse buitenkant, harde infrastructuur eronder.
Astro voor de schaalbare basis, Three.js voor de wereld, eigen scripts voor de game-loop en leaderboard. Snel, modern, onderhoudsvriendelijk.
Snelle build, i18n out-of-the-box, content collections voor blog en cases.
WebGL-renderer voor de speelbare wereld. Custom physics, collision detection, portal transitions.
PHP-endpoint voor het opslaan en uitlezen van snelste tijden, met server-side validatie en privacy by design.
Organization, WebSite en WebPage JSON-LD op alle pagina's voor optimale vindbaarheid en AI-citatie.
Aparte /en/ URL-tree, taalwissel op alle pagina's incl. de 3D-wereld. SEO-tags per locale.
Joystick + GAS/REV pedalen voor mobiele varianten, of redirect naar de leesbare homepage.
"Advertenties, folders, standaard lessen glijden langs jongeren heen. Wij spreken hun taal."
Een 3D-ervaring, een gamified funnel, of een complete merkenervaring. Wij bouwen het van eerste storyboard tot deploy.