Service 01
Création de site web
Des sites sur-mesure, primables, taillés pour la conversion.
Sorti de l'atelier
La preuve par nos projets.
Pas de promesses : des systèmes en production, et pourquoi ils comptent.
Sites vitrines et plateformes haut de gamme : WebGL, motion design, performance. Le niveau Awwwards, au service de votre marque ET de vos résultats. Un site qui impressionne et qui convertit.
Expertise
Bénéfices
Une image de marque digitale à la hauteur de votre ambition.
Des performances et un SEO/GEO pensés dès la conception.
Une structure orientée conversion, mesurée et optimisée.
Stack technique
Livrables
- Direction artistique & design system
- Développement Next.js / WebGL
- Motion design & micro-interactions
- Performance & Core Web Vitals
- SEO technique & accessibilité
Notre approche
- 01
Direction
Un parti pris fort, une DA distincte et cohérente.
- 02
Fabrication
Code soigné, animations fluides, perf non négociable.
- 03
Lancement
Mesure, itération, optimisation continue.
Engagements mesurables
Ce que nous nous engageons à délivrer
> 95 sur pages clés
Score Lighthouse Performance mobile
< 200 ms au P75 mobile
INP (Interaction to Next Paint)
< 2,0 s au P75
LCP (Largest Contentful Paint)
< 0,05 sur tous les templates
CLS (Cumulative Layout Shift)
< 0,1 % des sessions (Sentry)
Taux d'erreur JS en production
Inclus dans la mission
- ✓Direction artistique sur mesure, moodboard et système de design tokens
- ✓Développement Next.js 16 App Router avec Server Components et streaming
- ✓Animations GSAP, Motion et scènes WebGL React Three Fiber optimisées
- ✓Intégration CMS headless (Sanity, Payload) ou contenu en MDX selon besoin
- ✓Déploiement Vercel, monitoring Core Web Vitals et SEO technique fondamental
Hors scope
- ×Rédaction éditoriale longue (copywriting facturé séparément)
- ×Production photo, vidéo et 3D originale (réseau partenaires recommandé)
- ×Campagnes SEA, ads et acquisition payante en continu
- ×Maintenance évolutive non couverte par contrat run mensuel
- ×Migration de contenu depuis CMS legacy sans export structuré exploitable
Cas d'usage
Site vitrine premium
Pour les marques qui veulent se démarquer.
Plateforme de marque
Expériences immersives WebGL et storytelling.
Refonte SEO
Migration moderne, performance et visibilité.
État de l'art, juin 2026
Notre vision technique
Stack 2026, choisir le bon framework
Next.js 16 (octobre 2025) est le standard pour les sites de marque exigeants en SEO et personnalisation : App Router avec React 19.2 (Server Components par défaut, Suspense streaming, hook useEffectEvent, composant Activity), Turbopack stable, Cache Components remplaçant l'expérimentation PPR. Astro 5 reste imbattable pour les sites majoritairement statiques avec poches d'interactivité : Server Islands permettent de différer le rendu d'un fragment serveur tout en gardant le shell mis en cache CDN. React Router v7 (ex-Remix v3) propose un mode framework Vite avec SSR, HMR et type-safety, idéal pour SPA hybrides. SvelteKit avec Svelte 5 runes (state, derived, effect) affiche 15 à 30 % de bundle en moins en production. Nuxt 4 (juillet 2025) restructure le projet en app/ avec quatre contextes TypeScript distincts. Pour Byss, l'axe Next.js 16 plus Astro 5 couvre la quasi-totalité des briefs vitrines.
Performance et Core Web Vitals
Depuis le 12 mars 2024, INP (Interaction to Next Paint) remplace officiellement FID parmi les Core Web Vitals. Les seuils sont fixes : LCP inférieur à 2,5 s, CLS inférieur à 0,1, INP inférieur à 200 ms, mesurés sur le 75e percentile d'une fenêtre glissante CrUX de 28 jours. INP juge toutes les interactions, pas la première, ce qui pénalise lourdement les bundles JS surdimensionnés. Next.js 16 stabilise Partial Pre-Rendering via Cache Components et la directive « use cache » : le shell statique est servi depuis le edge CDN, le dynamique stream ensuite. LCP edge sub-100 ms devient réaliste. next/image convertit automatiquement en AVIF puis WebP, réduisant les payloads de 60 à 80 % quand on combine resize Sharp et format moderne. Performance budget mobile non négociable : moins de 170 ko JS gzip first-load.
Design system et motion
Tailwind v4 (stable janvier 2025) bascule en CSS-first via la directive @theme dans un simple @import « tailwindcss ». Builds incrémentaux 100 fois plus rapides, mesurés en microsecondes. Les primitives accessibles Radix UI (acquis par WorkOS) restent le socle de shadcn/ui, qui depuis 2025 propose aussi Base UI (MUI) comme couche alternative plus activement maintenue. Côté animation, Framer Motion est devenu Motion (motion.dev, v12) après son indépendance en 2025 : APIs vanilla, animation native d'oklch/oklab/color-mix, scroll hardware-accéléré. GSAP 3.15 est 100 % gratuit pour tout usage commercial depuis le 30 avril 2025 (Webflow l'a acquis en octobre 2024), tous les plugins Club inclus, SplitText réécrit. Lenis (Darkroom Engineering) à 3 ko reste la référence smooth-scroll. View Transitions API : same-document baseline (Chrome 111, Safari 18, Firefox 144 depuis octobre 2025). Liquid Glass d'Apple (WWDC 2025) inspire mais attention aux problèmes de lisibilité.
3D et WebGL, sans casser le mobile
Three.js plus React Three Fiber 9 (pair avec React 19) est le standard. R3F v10 alpha apporte le support natif WebGPURenderer, un scheduler avancé pour useFrame hors Canvas, et l'intégration TSL via useUniforms, useNodes, useLocalNodes, usePostProcessing. Drei 10/11 alpha suit. WebGPU est désormais en baseline tous navigateurs majeurs : Chrome 113 (avril 2023), Safari 26 (juin 2025), Firefox 141. Le Web Almanac 2025 mesure 65 % d'adoption sur les nouveaux sites 3D. Mobile reste fragmenté : iOS 26 solide, Android Chrome OK selon hardware, Firefox Android encore derrière un flag. Pour les shaders custom, attention à LYGIA : la licence Prosperity est non-commerciale par défaut, il faut sponsoriser le projet (Patron License) ou acheter une licence permanente pour un usage commercial conforme. Budget mobile strict : moins de 30 Mo VRAM, fallback CSS sans WebGL, et désactivation post-processing si prefers-reduced-motion.
SEO, GEO et accessibilité
Le SSR ou PPR Next.js garantit l'indexation par Googlebot et les agents LLM (qui ne rendent toujours pas JS de manière fiable). Schema.org en JSON-LD prioritaire : Organization, WebSite (avec SearchAction), Article ou BlogPosting, BreadcrumbList. Une expérience Search Engine Land 2025 a montré qu'une page bien balisée apparaît seule dans les AI Overviews. WCAG 2.2 a été approuvée norme ISO/IEC 40500:2025 en octobre 2025 : 9 critères ajoutés (focus non masqué, alternatives au drag, cibles 24x24 minimum, aide cohérente, authentification accessible). Le DOJ américain impose WCAG 2.1 AA en avril 2026 mais viser 2.2 AA est désormais la baseline pro. Sitemap.xml, robots.txt, balises hreflang pour l'international, llms.txt en bonus. Pipeline Lighthouse CI obligatoire en GitHub Actions avec budget.json bloquant : score 100 perf cible sur les pages clés.
Références
- [1]Next.js 16, blog officiel. https://nextjs.org/blog/next-16
- [2]Next.js 16.2, blog officiel. https://nextjs.org/blog/next-16-2
- [3]View Transitions Guide, Next.js docs. https://nextjs.org/docs/app/guides/view-transitions
- [4]Astro Server Islands, docs officielles. https://docs.astro.build/en/guides/server-islands/
- [5]INP officiellement Core Web Vital (web.dev). https://web.dev/blog/inp-cwv-launch
- [6]Partial Prerendering, Next.js docs. https://nextjs.org/docs/app/guides/ppr-platform-guide
- [7]Tailwind CSS v4.0, blog officiel. https://tailwindcss.com/blog/tailwindcss-v4
- [8]Framer Motion devient Motion (motion.dev). https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion
- [9]Webflow rend GSAP 100 % gratuit (Webflow blog). https://webflow.com/blog/gsap-becomes-free
- [10]WebGPU disponible dans tous les navigateurs majeurs (web.dev). https://web.dev/blog/webgpu-supported-major-browsers
- [11]React Three Fiber, GitHub pmndrs. https://github.com/pmndrs/react-three-fiber
- [12]WCAG 2.2, W3C Recommendation. https://www.w3.org/TR/WCAG22/
- [13]Lighthouse CI, GitHub GoogleChrome. https://github.com/GoogleChrome/lighthouse-ci/
Glossaire
Le vocabulaire essentiel
- App Router
- Architecture de routage de Next.js basée sur le système de fichiers et les React Server Components, qui remplace le Pages Router et permet streaming, layouts imbriqués et data fetching colocalisé.
- Server Components
- Composants React rendus exclusivement côté serveur, qui n'envoient aucun JavaScript au navigateur et réduisent drastiquement le bundle client tout en accédant directement aux sources de données.
- INP
- Interaction to Next Paint, Core Web Vital qui mesure la latence entre une interaction utilisateur (clic, tap, touche) et le prochain rendu visuel, remplaçant FID depuis mars 2024.
- LCP
- Largest Contentful Paint, Core Web Vital qui mesure le temps d'apparition du plus grand élément visible above the fold, indicateur clé de la vitesse perçue au chargement.
- React Three Fiber
- Renderer React pour Three.js qui permet de décrire des scènes WebGL en JSX déclaratif, avec écosystème drei pour helpers, post-processing et abstractions courantes.
- Tailwind v4
- Version majeure du framework CSS utilitaire avec moteur Oxide en Rust, configuration CSS-first via @theme, et compilation jusqu'à 10 fois plus rapide que la v3.
- GSAP
- Bibliothèque d'animation JavaScript de référence pour timelines complexes, ScrollTrigger et morphing SVG, désormais entièrement gratuite depuis le rachat par Webflow en 2024.
- Edge Runtime
- Environnement d'exécution Vercel basé sur V8 Isolates, qui déploie le code au plus près des utilisateurs dans plus de 100 régions pour une latence minimale sur les Server Components.
FAQ
Création de site web, vos questions
Le budget dépend du périmètre. Nous cadrons ensemble lors d'un appel découverte et proposons un devis clair (périmètre, planning, prix) avant tout engagement.
Dans le même domaine
