Convertia
Un site vitrine multilingue construit sous forme de pages pilotées par un CMS, des modules d'accueil et de solutions aux parcours de contact, de blog et d'entreprise, mené jusqu'au lancement avec des corrections de SEO, de vidéo et de performance.
- Client
- Convertia — site vitrine
- Rôle
- Ingénieure frontend
- Durée
- Jusqu'au lancement
- Année
- 2024
- 9
- Pages construites
- 3
- Menus de navigation responsive
01
Le défi
Un site vitrine doit faire plus que reproduire un ensemble de maquettes : il doit aussi donner à une équipe un moyen pratique de gérer le contenu à mesure que le site grandit.
Pour Convertia, cela signifiait construire un site multilingue avec plusieurs types de pages et un contenu piloté par le CMS, tout en soignant les détails de SEO, de vidéo et de performance avant le lancement.
02
Mon rôle
J'ai été l'une des principales responsables de l'implémentation frontend du site, en transformant les maquettes en modules de page réutilisables pilotés par le CMS et en parcours de pages complets.
Je me suis aussi occupée de la navigation responsive, du travail sur les pages multilingues et de diverses corrections de SEO, de vidéo et de performance à mesure que le site approchait du lancement.
03
L'ingénierie
Des maquettes aux modules pilotés par le CMS
J'ai construit les principales sections de pages du site, dont le contenu d'accueil, les héros et CTA de solutions, les partenaires, les cas clients, la newsletter, les modules de blog, les bannières et les héros par secteur.
Ces modules étaient reliés au CMS afin que le contenu puisse être géré sans coder en dur chaque mise à jour de page.
Parcours de pages complets
J'ai construit des pages complètes de bout en bout, dont Contact, Blog, Cas d'usage, Tech Hub, À propos et Entreprise, Ressources, Confidentialité, la page 404 et Rejoignez-nous, ainsi que le footer partagé.
Navigation responsive et mobile
Je me suis occupée des expériences mobiles des menus Industries, Cases et Learn et j'ai construit une barre de navigation fluide qui s'adapte à toutes les tailles d'écran.
Finitions de lancement : SEO, vidéo et performance
J'ai refactorisé la configuration du SEO et des balises, ajouté la configuration de robots et de sitemap et intégré ReactPlayer pour la vidéo.
J'ai aussi corrigé le comportement de l'autoplay et du scroll et travaillé sur le comportement du cache aller-retour (back/forward cache) dans le cadre du travail de performance du site.
04
Ce que j'ai livré
- Modules de pages pilotés par le CMS pour l'accueil, les solutions, les partenaires, les cas clients, la newsletter, le blog et les secteurs.
- Neuf pages complètes, dont Contact, Blog, Cas d'usage, Tech Hub, Entreprise, Ressources, Confidentialité, 404 et Rejoignez-nous.
- Navigation responsive pour les menus Industries, Cases et Learn, ainsi que la barre de navigation partagée.
- Implémentation de pages multilingues sur les principaux parcours du site.
- Refactorisation du SEO et des balises, configuration de robots et de sitemap.
- Intégration vidéo avec ReactPlayer, avec corrections d'autoplay et de scroll.
- Cache aller-retour et autres corrections de performance axées sur le lancement.
05
Résultats
- J'ai livré un large ensemble de modules réutilisables pilotés par le CMS et de parcours de pages sur tout le site vitrine.
- J'ai mené le frontend à travers le travail final de SEO, de vidéo, de responsive et de performance nécessaire au lancement.
- J'ai livré le site comme une expérience maintenable pilotée par un CMS, et non comme un ensemble de pages marketing codées en dur.
06
Stack
- Application
- Next.js
- TypeScript
- Tailwind CSS
- Contenu
- WordPress (CMS)
- Médias
- ReactPlayer
Analyse suivante
PlayStation Advent Calendar 2025
Une application de campagne localisée, à déblocage par date, avec cinq jeux intégrés, qui a touché environ 1 M d'utilisateurs sur quatre marchés.