De Druglijn

De Druglijn is de Vlaamse referentie voor informatie over alcohol, drugs, pillen, gokken en overmatig gamen. In 2022 trok de site bijna een miljoen bezoekers.

De Druglijn doet meer dan informatie aanreiken. De Druglijn luistert en geeft heldere, deskundige adviezen aan mensen die met een verslaving te maken hebben. Die ondersteuning gaat verder dan het individu: ook vrienden en familie tellen mee. Wanneer iemand in je omgeving te maken heeft met druggebruik, is weten hoe je reageert niet vanzelfsprekend, en daar biedt De Druglijn ook voor hen begeleiding.

Hun vorige systeem had het einde van zijn levensduur bereikt. De support was stopgezet en het platform kon niet langer onderhouden worden, dus migreren was geen keuze. De werking van De Druglijn draait om betrouwbaar en makkelijk bereikbaar zijn, en de nieuwe site moest dat beschermen: ononderbroken, en met ruimte om te groeien.

Webdesign

Er lag al een nieuwe brand identity klaar, dus bouwden we de lay-out op basis van hun Brand Bible. We vertrokken vanuit één primaire kleur en brachten de secundaire kleuren van het merk selectief in over de site. Elk drugsthema heeft zijn eigen kleur, en pagina’s met dezelfde kleur horen bij hetzelfde thema. Zo weet de bezoeker meteen waar hij zit en waarover hij leest.

Platform Choice: WordPress

Het nieuwe CMS moest open source zijn. We wilden De Druglijn niet vastzetten in één studio of een propriëtair systeem, dus kozen we een platform dat operationeel en aanpasbaar blijft, ongeacht wie het beheert. Op dit moment zijn wij dat.

We kozen voor WordPress. Er zouden heel wat verschillende auteurs content beheren, dus het CMS moest echt makkelijk in gebruik zijn, en dat is WordPress. De visuele editor zit ingebouwd, wat betekende: geen extra page-builder-plugins en een vlotte dagelijkse ervaring voor het team.

Development

De site is volledig gebouwd op WordPress met native Gutenberg-blocks. We ontwikkelden elk component één keer, en De Druglijn kan het plaatsen waar ze maar willen. Elk block heeft zijn eigen set opties, zodat het zich aanpast aan wat een pagina nodig heeft: kleuren, spacing, fonts, achtergronden en buttons.

Voor sneller bewerken zetten we vooraf gemaakte patterns en herbruikbare blocks op. Met een pattern bouwt het team in enkele minuten een nieuwe pagina van nul, met elk component al ingevuld volgens de vooraf ingestelde opties. Herbruikbare blocks gaan nog een stap verder: pas een block één keer aan, en het wordt overal op de site meteen mee aangepast.

Migration

De Druglijn is een content-rijke website, en de organisatie bestaat al lang. Ze zagen het nieuwe platform als een goed moment om al hun content na te lezen. Pagina per pagina gingen ze door de bestaande site en bouwden ze elke pagina pixel-perfect opnieuw op het nieuwe platform, waarbij ze controleerden of alle content en kleuren correct overkwamen.

Daarna stelden we een redirect map op, zodat elke oude pagina naar de juiste nieuwe locatie verwees. De nieuwe site gebruikt een propere, SEO-vriendelijke URL-structuur, dus deze stap was belangrijk.

Deployment

De Druglijn had al een hostingaccount waarop naast deze site nog verschillende andere sites draaiden. We plaatsten de nieuwe site op diezelfde hosting om dubbele kosten te vermijden. We namen de DNS-instellingen voor onze rekening en installeerden onze CI/CD-pipelines op hun setup, zodat we snel kunnen bijspringen en hotfixes kunnen uitrollen waar nodig, zonder downtime op de live site.