Nous avons créé un nouveau site. Voici ce que nous avons réellement fait.

Si nous disons aux clients que des plateformes web rapides, entretenibles et bien structurées valent la peine d'être construites, notre propre site devrait le démontrer.

Voici ce que nous avons réellement fait quand nous avons redessiné rosedev.nl les décisions, les compromis, et ce que nous ferions différemment la prochaine fois.

Un cadre personnalisé, pas un CMS

Le site fonctionne sur notre propre framework PHP. Pas de WordPress, pas de Craft, pas de CMS sans tête avec un abonnement mensuel. L'application entière est sous 27 000 lignes de PHP, a un seul arbre de dépendance géré par Composer, et déploie avec une copie de fichier.

Ce n'est pas une position philosophique contre les CMS. C'est un choix pratique pour un site que nous avons l'intention de maintenir pendant des années: moins de code tiers dans la chaîne de dépendance, moins de correctifs de sécurité, de mises à jour de rupture et de conflits de plugins que nous allons traiter.

Système de conception d'abord

Nous avons construit la conception visuelle en tant que système de jetons avant d'écrire un seul modèle. Chaque couleur, valeur d'espacement, taille de typographie et rayon est une propriété personnalisée CSS. Cela signifie que l'ensemble du langage visuel du site peut être modifié dans un seul fichier et cela signifie que nos modèles sont lisibles car ils font référence aux valeurs nommées plutôt que aux nombres magiques.

L'échelle de type est modulaire. L'échelle d'espacement est basée sur une grille de 8 points. La palette de couleurs a des rôles sémantiques primaire, surface, bord, silencieux plutôt que des valeurs hexagonale brutes dispersées à travers les feuilles de style. C'est le type d'infrastructure qui se paie elle-même dans le premier mois de développement.

Performance par défaut

Le site donne un score de 100 sur les performances Lighthouse sur chaque page. Ce n'est pas remarquable c'est ce qui se passe lorsque vous ne chargez pas des choses dont vous n'avez pas besoin. Il n'y a pas de framework JavaScript, pas de police Web avec douze poids, pas de widget tiers qui téléphonne à la maison à chaque charge de page.

Les analyses (Google Analytics 4 et Microsoft Clarity) ne sont chargées qu'après consentement explicite du cookie, ce qui est à la fois la bonne chose à faire sous GDPR et un effet secondaire qui améliore le temps de chargement pour les premiers visiteurs.

Le panneau d'administration

Tout sur le site articles, articles de portefeuille, pages, études de cas, témoignages est géré via un panneau d'administration personnalisé. Aucun compte tiers, aucune dépendance à SaaS, aucune redevance de licence. Si nous avons besoin d'un nouveau type de contenu, nous construisons la table, écrivons le contrôleur, et le modèle d'administration suit le même schéma que tout le reste.

Le portail client est la même approche: une zone authentifiée séparée où les clients peuvent suivre les progrès du projet, télécharger les résultats et communiquer avec nous intégré dans la même base de code, sans nécessiter d'outil de gestion de projet externe.

Qu'est-ce qui va se passer ensuite ?

Le site est en direct et le portefeuille est peuplé. Au cours des prochains mois, nous publierons des articles sur les projets que nous avons expédiés et les décisions techniques qui en découlent. Si vous évaluez si Rose Development est le bon studio pour votre projet, la lecture de ces articles est probablement l'évaluation la plus honnête que nous puissions offrir.

Nous construisons de la même façon pour les clients que pour nous-mêmes.