CISSTECH
Pièce nº 003Trempé

Un site parfait au Lighthouse, sans un gramme de framework

Un site vitrine pour une entreprise de sécurité. Le résultat tient en quatre chiffres ronds, mais l'histoire n'est pas celle du score : c'est celle de la méthode qui l'a rendu possible.

Période
2026
Format
Forfait
Rôle
Cadrage · design · développement
Nature
Site vitrine
Front
HTML · CSS · JavaScript
100/100/100/100Lighthouse : perf, accessibilité, SEO, bonnes pratiques−97 %poids des images, converties en WebP2 Kode JavaScript, au total
La méthode

Le cadrage avant le code

Le vrai déclic ne s'est pas joué dans le code, mais avant. Le client travaille dans la sécurité : je voulais que son site le raconte immédiatement, sans explication. On a construit une direction visuelle inspirée d'un écran de vidéosurveillance, avec ses repères de vigilance et son ambiance métier.

Ce cadrage, je l'ai mené avec Foundry : transformer une intention métier en projection concrète, valider vite, puis coder. Quand la vision est alignée dès le départ, le développement n'est plus qu'une exécution soignée.

Le code

Des choix simples, appliqués sérieusement

Pas de framework JavaScript, pas de framework CSS, pas de bundler compliqué. Juste du HTML, du CSS et un soupçon de JavaScript. Images en WebP, polices auto-hébergées (zéro appel externe), animations en CSS pur.

Rien de spectaculaire, et c'est le propos : la performance n'a pas créé la vente, elle a confirmé la qualité du process. Un site rapide est la conséquence visible d'un travail propre, pas un objectif en soi.

À quoi ça ressemble

Instantané, et prouvé au Lighthouse

La même méthode
Voir le site Voir les wireframes