Een nieuwe look
Hoe de nieuwe website van Respellion tot stand is gekomen.
Respellion heeft sinds kort een nieuwe website met een compleet nieuwe look. Die hebben we volledig zelf ontworpen, gebouwd en in beheer genomen. We nemen je graag mee door het hele proces: van de eerste schetsen tot de technische keuzes.
Digitale soevereiniteit als uitgangspunt
Binnen Respellion vinden we het belangrijk om zelf het beheer te hebben op onze eigen digitale omgeving. Dat betekent dat we zelf beslissen hoe onze systemen werken, we zelf kunnen ingrijpen als dat nodig is en niet afhankelijk zijn van een externe partij. Voor onze eigen vernieuwde website hebben we dat principe voor het eerst volledig kunnen doorvoeren. Geen design agency dat het ontwerp maakt of het ontwikkelen overneemt, maar ons eigen team die alles van begin tot eind zelf beheert.
Bij onze vorige website was dat een probleem: We wilden een aanpassing maken, maar dat konden we niet zelf doen. Daarom hebben we besloten om zelf een nieuwe website te ontwikkelen. We hebben immers alle kennis en expertise in huis.
Twee richtingen, één weloverwogen keuze
Het proces begon bij Tessa en Niek, die onafhankelijk van elkaar met twee ontwerprichtingen aan de slag gingen: volledig zelf ontwikkeld op basis van onze bestaande huisstijl, met de vorige website als uitgangspunt. Tijdens dit proces is ook gebruik gemaakt van Claude Design, waarvan een aantal leuke elementen op onze eigen manier zijn verwerkt in het uiteindelijke ontwerp.
Het hele team is betrokken geweest bij dit proces door ontwerpen aan te presenteren, samen voorkeuren te bespreken en alle feedback te verwerken in de detaillering. Hierbij werd niet alleen naar de visuele aspecten gekeken, waarbij herkenbaarheid en gebruiksvriendelijkheid belangrijk zijn. Er werd juist ook kritisch gekeken naar ons verhaal als organisatie en in hoeverre het design aansluit bij hoe wij ons willen presenteren.
“Er is kritisch gekeken naar ons verhaal als organisatie en in hoeverre het design aansluit bij hoe wij ons willen presenteren.”
De technische uitwerking
Voor het bouwen van de website hebben we bewust gekozen voor open source technologie: Astro en Tailwind. Dit zijn technieken met een grote community die precies aan onze use-case voldoen.
Astro is modern en bedoeld voor content-gedreven websites: het genereert statische pagina’s op de plekken waar dat kan, waardoor de website snel laadt en er ook ruimte blijft voor interactieve componenten. Voor de styling hebben we TailwindCSS 4 gebruikt, wat een consistente vormgeving oplevert zonder telkens losse CSS-classes bij te moeten houden.
Een belangrijk architectuurprincipe bij de bouw was Modulariteit. De website is opgebouwd uit een set herbruikbare componenten: afzonderlijke bouwblokken voor bijvoorbeeld tekstsecties, afbeeldingen, call-to-actions en overzichten. Deze componenten worden aangestuurd vanuit .mdx-bestanden, waarin content en structuur samenkomen. Elke pagina is opgebouwd op basis van deze blokken en componenten, met elk hun eigen inhoud en variaties. Er kunnen individuele Tailwind-classes worden toegevoegd aan deze blokken, om zo enige variatie aan styling toe te voegen.
“We hebben bewust gekozen voor open source technologie, zoals Astro en Tailwind. Dit zijn technieken met een grote community die precies aan onze use-case voldoen.”
Wat dit ons oplevert
Het resultaat is een website waar ons hele team aan heeft bijgedragen, waarvan we ieder onderdeel zelf beheren en ons verhaal als organisatie goed kunnen uitdragen. De architectuur is bewust zo opgezet dat we toekomstige wijzigingen zoals nieuwe pagina’s, aangepaste content en nieuwe componenten zelf kunnen doen, zonder design agency.
En minstens zo belangrijk: het volledige eigenaarschap over ontwerp, code en infrastructuur ligt bij ons eigen team.