Retour au portfolio
opcodia.com
Synthèse
Ce site. Tout est construit avec la même stack et le même niveau de soin que les projets clients.
Le brief
“Ce site. Vitrine du studio Opcodia, construit avec la même stack et le même niveau de soin que les projets clients.”
Le défi
Ce qu'il fallait régler.
- 01Prouver la qualité du studio à travers son propre site (effet vitrine)
- 02Équilibrer démonstration technique et clarté commerciale
- 03Supporter à la fois visiteurs B2B techniques (devis dev) et prospects produit (audit, apps IA)
Les décisions
Ce qu'on a tranché.
Les choix concrets, ceux qui ont fait la différence côté design, tech et délai.
- Décision · 01
Monorepo Turborepo pour séparer vitrine et backoffice Payload CMS
- Décision · 02
Design system OKLCH + tokens Tailwind v4 sur mesure
- Décision · 03
Animations Motion + View Transitions pour polish
- 04Performance obsessive : LCP < 1s, bundle < 80kb JS
Le résultat
Les chiffres, sans filtre.
- Lighthouse98+sur toutes les pages
- LCP mobile0.7sen moyenne
- Bundle JS76kbcompressé
Galerie
Le projet, en mouvement.
Desktop ↔ mobile. Chaque écran a été conçu pour son contexte, pas redimensionné à la va-vite.
opcodia.com
Desktop·Mobile
Desktop·Mobile
Desktop·Mobile
opcodia.com
Desktop·Mobile
Projet suivant
SConnect France
Landing B2B télécoms pros
Next.jsTailwindSanity
Desktop·Mobile