We moeten zelf toepassen wat we onze klanten adviseren. Als we zeggen dat snelle, onderhoudbare en goed gestructureerde webplatforms de moeite waard zijn, moet onze eigen website dat laten zien.
Daarom leggen we hier uit wat we bij het herontwerp van rosedev.nl hebben gedaan: de keuzes, de afwegingen en wat we een volgende keer anders zouden aanpakken.
Een eigen framework, geen CMS
De website draait op ons eigen PHP-framework. Geen WordPress, geen Craft en geen headless CMS met een maandelijks abonnement. De volledige applicatie telt minder dan 27.000 regels PHP, heeft één door Composer beheerde verzameling afhankelijkheden en wordt uitgerold door bestanden te kopiëren.
Dat is geen principieel standpunt tegen CMS’en. Het is een praktische keuze voor een website die we jarenlang willen onderhouden. Hoe minder code van derden we gebruiken, hoe minder beveiligingspatches, updates die bestaande functies breken en conflicten tussen plug-ins we moeten oplossen.
Eerst het ontwerpsysteem
Voordat we één template schreven, legden we het visuele ontwerp vast in een systeem van ontwerpvariabelen. Elke kleur, tussenruimte, tekstgrootte en hoekafronding is een CSS custom property. Daardoor kunnen we de volledige visuele stijl in één bestand aanpassen. De templates blijven bovendien leesbaar, omdat ze verwijzen naar benoemde waarden in plaats van onverklaarde getallen.
De tekstgroottes volgen een modulaire schaal. De tussenruimtes zijn gebaseerd op een raster van acht punten. Kleuren hebben een duidelijke functie, zoals primair, achtergrondvlak, rand of ingetogen tekst, in plaats van losse hexwaarden verspreid over de stylesheets. Dit is infrastructuur die zich al in de eerste maand van de ontwikkeling terugverdient.
Goede prestaties als uitgangspunt
Elke pagina behaalt een score van 100 op Lighthouse Performance. Dat is geen uitzonderlijke truc: het volgt uit het weglaten van alles wat niet nodig is. Er is geen JavaScript-framework, geen weblettertype met twaalf gewichten en geen widget van derden die bij iedere paginaweergave gegevens naar de aanbieder stuurt.
Google Analytics 4 en Microsoft Clarity worden pas geladen na uitdrukkelijke toestemming voor cookies. Dat past bij de AVG en heeft als bijkomend voordeel een kortere laadtijd voor nieuwe bezoekers.
Het beheerpaneel
Alles op de website, van artikelen en portfolio-items tot pagina’s, praktijkvoorbeelden en klantreacties, wordt beheerd via een eigen beheerpaneel. Daarvoor zijn geen externe accounts, SaaS-abonnementen of licentiekosten nodig. Als we een nieuw inhoudstype nodig hebben, maken we de tabel en de controller. De beheertemplate volgt vervolgens hetzelfde patroon als de rest.
Het klantenportaal volgt dezelfde aanpak: een afzonderlijke omgeving waarvoor klanten moeten inloggen. Daar kunnen zij de voortgang van hun project volgen, opgeleverde bestanden downloaden en met ons communiceren. Het portaal maakt deel uit van dezelfde codebase en vereist geen externe projectmanagementtool.
Wat volgt?
De website is live en het portfolio is gevuld. De komende maanden publiceren we artikelen over opgeleverde projecten en de technische keuzes erachter. Als u wilt beoordelen of Rose Development de juiste partner voor uw project is, geven die artikelen waarschijnlijk het eerlijkste beeld dat we kunnen bieden.
We bouwen voor klanten op dezelfde manier als voor onszelf.