Latte Haven est un banc d'essai interne de Sōma : reproduire au pixel près un site de café-restaurant existant, puis le transformer en une vitrine crédible pour un établissement parisien. L'objectif n'était pas d'imiter à l'œil, mais d'atteindre une correspondance mesurée (mise en page, typographie, couleurs, images et interactions) avant de relocaliser entièrement le contenu.
Projet interne
Latte Haven
Un site de café-restaurant recréé au pixel.
Projet
Latte Haven
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 par getComputedStyle, vrais assets), puis reconstruit chaque section en Next.js, guidés par un harnais de comparaison pixel maison (Playwright + diff par section). Le site a ensuite été traduit en français, relocalisé à Paris (adresse et carte), et ses appels à l'action neutralisés pour une démonstration vitrine.
Une reproduction fidèle au pixel (carrousel, menu et carte compris) en code lisible et maintenable, puis muée en vitrine française pour un café parisien fictif. La démonstration concrète de l'exigence que Sōma applique à chaque projet, du statique au mouvement.
Le défi
Recréer à la main, en code propre, un site conçu avec un outil no-code : son carrousel « coverflow » à cinq visuels, ses images de menu qui restent collées au défilement, sa carte et ses micro-détails, sans jamais copier son code.
- Atteindre une fidélité visuelle mesurée, pas seulement « à l'œil ».
- Reproduire les interactions : carrousel coverflow, images sticky, reveals.
- Relocaliser le tout en français, avec une adresse et une carte parisiennes.
