Refonte d'un site corporate avec Next.js
Refonte complète du site vitrine d'une entreprise de commerce international, du builder Odoo vers une application Next.js moderne.
Preuves visuelles
Captures et démonstrations issues des projets réels.
Hero vidéo et positionnement
Premier écran du site corporate, conçu autour d'un fond vidéo, d'un message clair et de CTA orientés distribution/création produit.
Mise en avant des marques partenaires
Section interactive avec logos de marques distribuées et animation GSAP draggable.
Preuves de distribution retail
Section de réassurance orientée partenaires retail et crédibilité commerciale.
Rendu local du hero
Capture générée depuis le site corporate monté en local pour vérifier le rendu réel.
Audit Lighthouse production
Score mesuré en production : 99 performance, 100 accessibilité, 96 bonnes pratiques.
01
Présentation
Le site corporate de 1UP Distribution était construit avec le website builder d'Odoo 16 et était complètement dépassé, tant au niveau du design que des performances et du référencement. Le nouveau site a été pensé comme une plateforme corporate internationale : 13 locales, pages statiques clés, blog/carrières via Sanity, hero vidéo, carrousels de marques et partenaires retail, formulaires de contact/candidature, JSON-LD, sitemap, hreflang et conformité légale.
02
Objectifs, contexte et enjeux
L'objectif était une refonte complète : nouveau design moderne, performances optimales, bon référencement SEO, responsive design, et une expérience utilisateur qui met en valeur les marques distribuées par l'entreprise (figurines Minix, peluches Nintendo, accessoires gaming Oniverse).
03
Les étapes — ce que j'ai fait
J'ai travaillé en solo en tant que développeur, mais en étroite collaboration avec les graphistes/designers de la boîte pour les maquettes et le directeur de l'équipe marketing pour le contenu textuel du site. J'ai aussi travaillé avec le CEO pour définir l'image générale à renvoyer. Le développement a été fait avec Next.js pour le framework, GSAP pour les animations, et Tailwind CSS pour le styling.
04
Les acteurs — les interactions
Collaboration avec l'équipe graphique/design pour les maquettes, le directeur marketing pour le contenu, et le CEO pour la vision et l'image de marque. Le développement technique était entièrement de ma responsabilité.
05
Les résultats
Le site représente un vrai changement positif pour l'image de l'entreprise. Un audit Lighthouse réalisé en production donne 99/100 en performance, 100/100 en accessibilité et 96/100 en bonnes pratiques. Le site couvre 13 locales et met en avant des preuves commerciales fortes : 35 pays couverts, 5000+ points de vente, 120+ marques partenaires et 25 ans d'expérience.
06
Les lendemains du projet
Les prochaines étapes sont la validation finale du site par la direction et sa mise en production. Le site continuera d'évoluer avec l'ajout de contenu et de fonctionnalités selon les besoins marketing.
07
Mon regard critique
Ce projet m'a permis de donner ma touche personnelle à l'image et l'histoire de la boîte, ce qui est une expérience enrichissante. En termes de choix techniques, la stack Next.js + GSAP s'est avérée pertinente pour ce type de site vitrine où les animations et les performances sont clés.
08