Een recruitmentwebsite met video als ASCII-art

Doel

Twee soorten bezoekers

Op de site komen werkgevers die iemand zoeken en kandidaten die een baan zoeken. Die willen andere dingen weten. Daarnaast wilde Doghouse een uitstraling die bij een techbureau past, en moest de site op elk scherm snel zijn en goed werken.

Aanpak

Voor elke bezoeker een eigen route

Op de homepage kies je meteen of je werkgever of kandidaat bent, en vanaf daar is de volgende stap steeds duidelijk. De layout heb ik vastgezet, zodat het design klopt wie er ook iets aanpast. Teksten, beelden en vacatures past het team zelf aan.

Uitvoering

Video als ASCII-art

Het herkenbaarste deel van de site is een WebGL-systeem dat ik zelf schreef. Het zet video om in ASCII-tekens, in een willekeurige vorm of in een vast patroon. De animatie speelt in een loop en reageert niet op de muis. Het moest rustig en filmisch blijven, niet iets om mee te spelen. Ik gebruikte er geen libraries voor, dus het blijft een klein stuk code.

Bouw

De site is gebouwd in Next.js, met componenten die je kunt hergebruiken als er pagina's bijkomen. De animatie staat achter de tekst en nooit ervoor. Op mobiel, tablet en desktop werkt alles hetzelfde.

CMS en vacatures

In DatoCMS past het team alle teksten en beelden aan, en zet het zelf nieuwe vacatures online. Kandidaten solliciteren via een kort formulier. De sollicitatie komt per e-mail binnen bij de contactpersoon van die vacature.

SEO, meten en livegang

De SEO-basis zat er vanaf de lancering in, en pagina's zien er goed uit als je ze deelt. Via Google Tag Manager ziet Doghouse hoe bezoekers de site gebruiken. Elke wijziging in de code gaat via een automatische pipeline naar Vercel.

Resultaat

Een rustige site met een eigen gezicht

Doghouse heeft nu een site die laat zien dat ze verstand hebben van tech, zonder dat het druk wordt. Werkgevers en kandidaten vinden allebei hun eigen route, en het team beheert de site na de lancering zelf.