We bouwden een nieuwe website. Dit hebben we gedaan.

Als we klanten vertellen dat snelle, onderhoudbare, goed gestructureerde webplatforms de moeite waard zijn om te bouwen, moet onze eigen site dat aantonen.

Dus dit is wat we eigenlijk deden toen we de beslissingen, de compromissen opnieuw ontwierpen en wat we de volgende keer anders zouden doen.

Een aangepaste framework, geen CMS

De site loopt op ons eigen PHP framework. Geen WordPress, geen Craft, geen headless CMS met een maandelijkse abonnement. De hele toepassing is onder 27.000 regels PHP, heeft een enkele afhankelijkheidsboom beheerd door Composer, en deployeert met een bestandskopie.

Dit is geen filosofische houding tegen CMS's. Het is een praktische keuze voor een site die we jarenlang willen onderhouden: hoe minder code van derden in de afhankelijkheidsketen, hoe minder beveiligingspatches, breaking updates en pluginconflicten we gaan aanpakken.

Ontwerp systeem eerst

We bouwden het visuele ontwerp als een token systeem voordat we een enkele sjabloon schreven. Elke kleur, spacing waarde, typografie grootte en radius is een CSS aangepaste eigenschap. Dit betekent dat de hele visuele taal van de site kan worden gewijzigd in één bestand en het betekent dat onze sjabloons leesbaar zijn omdat ze verwijzen naar naamwaarden in plaats van magische getallen.

De type schaal is modulair. De spacing schaal is gebaseerd op een 8-punts grid. De kleurenpalet heeft semantische rollen primaire, oppervlakte, grens, gedempte in plaats van ruwe hex-waarden verspreid door de stijlbladen. Het is het soort infrastructuur dat zichzelf betaalt binnen de eerste maand van ontwikkeling.

Performance standaard

De site scoort 100 op Lighthouse Performance op elke pagina. Dit is niet opmerkelijk het is wat er gebeurt als je niet dingen laadt die je niet nodig hebt. Er is geen JavaScript-framework, geen web font met twaalf gewichten, geen widget van derden die thuis belt bij elke pagina load.

Analytics (Google Analytics 4 en Microsoft Clarity) worden alleen geladen na uitdrukkelijke toestemming voor cookies, wat zowel het juiste is om te doen onder GDPR als een bijwerking die de laadtijd voor eerste bezoekers verbetert.

Het beheerpaneel

Alles op de site artikelen, portfolio items, pagina's, case studies, getuigenissen wordt beheerd via een aangepaste admin paneel. Geen accounts van derden, geen SaaS-afhankelijkheid, geen licentiegeld. Als we een nieuw type content nodig hebben, bouwen we de tabel, schrijven we de controller, en de admin sjabloon volgt hetzelfde patroon als alles anders.

Het klantportaal is dezelfde aanpak: een apart geautenticeerd gebied waar klanten de voortgang van het project kunnen volgen, afleveringen kunnen downloaden en met ons kunnen communiceren ingebouwd in dezelfde codebase, zonder dat er een extern projectbeheerinstrument nodig is.

Wat is de volgende stap ?

De site is live en de portfolio is bevolkt. In de komende maanden zullen we artikelen publiceren over de projecten die we hebben verzonden en de technische beslissingen achter hen. Als u beoordeelt of Rose Development de juiste studio is voor uw project, is het lezen door deze artikelen waarschijnlijk de meest eerlijke beoordeling die we kunnen bieden.

We bouwen op dezelfde manier voor klanten als voor onszelf.