Scalable est un projet interne de Sōma : reproduire au pixel près un template SaaS premium pour éprouver, en conditions réelles, notre exigence de fidélité. L'objectif n'était pas d'imiter à l'œil, mais d'atteindre une correspondance mesurée (mise en page, typographie, couleurs, vidéos et animations), puis de transformer le résultat en un site mono-page entièrement en français.
Projet interne
Scalable
Le pixel-perfect poussé à l'extrême, un template SaaS recréé à la main.
Projet
Scalable
Secteur
Projet interne
Prestations
Reproduction pixel-perfect, Développement, Motion design
Année
2026
Nous avons d'abord capturé la vérité terrain (captures de référence, valeurs calculées, vrais assets et vidéos), puis reconstruit chaque section en Vite vanilla, guidés par un harnais de comparaison pixel maison (Playwright + diff). Le site a ensuite été localisé en français, réduit à une seule page et doté de ses polices officielles self-hébergées.
Une reproduction fidèle au pixel, animations comprises, en code lisible et maintenable : la démonstration concrète de l'exigence que Sōma applique à chaque projet client. Build de production léger et mouvement respectueux de « prefers-reduced-motion ».
Le défi
Recréer à la main, en code propre et maintenable, un site conçu avec un outil no-code : ses vidéos en fond, son aurora animée, ses carrousels de logos et ses micro-interactions, sans jamais copier son code.
- Atteindre une fidélité visuelle mesurée, pas seulement « à l'œil ».
- Reproduire toutes les animations : vidéos, marquees, accordéons, bascules.
- Rester accessible et léger : reduced-motion, polices self-hébergées, build minimal.
Performance
ÉcoIndex
C
65/100
Lighthouse mobile
99
/ 100
Lighthouse desktop
100
/ 100
SecurityHeaders
A+
Grade
