Refonte du site corporate 1UP : passer d'un site vitrine à une plateforme marketing moderne
Contexte
1UP Distribution avait besoin d'un site corporate plus aligné avec son positionnement : distribution omnicanale, création de produits gaming et pop culture, présence internationale, marques partenaires et crédibilité retail.
L'ancien site ne permettait plus de porter cette image correctement. La refonte a donc été pensée comme un vrai support business, pas seulement comme une mise à jour graphique.
Stack technique
Le site a été construit avec une stack moderne :
- Next.js 16 et React 19 ;
- next-intl pour l'internationalisation ;
- une première livraison en français et en anglais ;
- Sanity pour le CMS blog/carrières ;
- GSAP pour les animations ;
- Lenis pour le scroll fluide ;
- Resend pour les courriels de contact et de candidature ;
- Vercel pour le déploiement.
Le site inclut aussi les pages statiques clés : accueil, services, blog, contact, carrières, candidature spontanée, mentions légales et politique de confidentialité. Côté SEO, il embarque des métadonnées localisées, des alternates hreflang, du JSON-LD, un sitemap et un robots.txt.
Travail produit
La refonte a commencé par clarifier ce que le site devait raconter :
- 1UP comme partenaire de distribution omnicanal ;
- la capacité à couvrir retail, e-commerce, marketplaces et international ;
- la création produit via ONIVERSE et les licences ;
- la crédibilité via les marques et les partenaires retail ;
- l'histoire de l'entreprise et les éléments de preuve validés par le marketing et la direction.
Travail front-end
Plusieurs sections ont demandé une attention particulière :
- le hero vidéo, pour donner immédiatement une image plus premium ;
- les carrousels de marques et partenaires, rendus interactifs avec GSAP Draggable ;
- les transitions de page ;
- les animations scroll-triggered ;
- les composants UI réutilisables : boutons, surfaces lumineuses, containers, breadcrumbs ;
- la navigation responsive ;
- le thème visuel et la lisibilité sur mobile.
Le défi était de garder un rendu riche sans transformer le site en démonstration technique gratuite. Les animations devaient soutenir le message, pas le remplacer.
CMS et contenu dynamique
Sanity a été intégré pour permettre au site de gérer du contenu éditorial et des offres de carrière.
Le code contient des schémas pour les posts, auteurs, catégories, tags, offres d'emploi et objets SEO. Les pages blog et carrières peuvent donc évoluer sans redéployer le site à chaque modification de contenu.
Formulaires et conformité
Deux parcours de formulaire ont été intégrés :
- contact commercial ;
- candidature.
Les routes API envoient les courriels via Resend. Le site contient aussi une bannière de consentement cookies et des pages de conformité, notamment les mentions légales et la politique de confidentialité.
Résultat
La refonte transforme le site en support de marque plus complet : internationalisé, animé, responsive, éditable, mieux structuré pour le SEO et plus crédible commercialement.
Un audit Lighthouse réalisé pendant le développement donne 99/100 en performance, 100/100 en accessibilité et 96/100 en bonnes pratiques. Ces scores constituent une référence à contrôler de nouveau avec l'hébergement et les contenus définitifs lors de la mise en production.
Ce projet m'a permis de travailler sur un site corporate complet, avec des enjeux de performance, d'image, d'accessibilité, de contenu, de formulaires et de maintenance à long terme.