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 ;
- 13 locales configurées : anglais, français, chinois, espagnol, portugais, hindi, russe, japonais, turc, arabe, coréen, néerlandais et polonais ;
- Sanity pour le CMS blog/carrières ;
- GSAP pour les animations ;
- Lenis pour le scroll fluide ;
- Resend pour les emails 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 ses chiffres clés.
Le site met en avant des chiffres comme 35 pays couverts, 5000+ points de vente, 120+ marques partenaires et 25 ans d'expérience.
Travail frontend
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 emails 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é en production donne 99/100 en performance, 100/100 en accessibilité et 96/100 en bonnes pratiques. Ces scores confirment que le site n'est pas seulement plus moderne visuellement : il est aussi rapide, accessible et propre techniquement.
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.