- Site institutionnel
- Blog bilingue
- Migration de contenu
Moon Assur
- Secteur
- Assurance
- Livré en
- Site web
- Année
- 2026
- Langues
- FR / EN
“Des solutions d’assurance pour chaque profil”
(Le projet)
Un site institutionnel d’environ 25 pages pour un cabinet d’assurance-crédit, entièrement bilingue, avec un contenu migré d’un ancien site WordPress vers des modules typés et propres.
(Contexte)
Un grand site qui reste cohérent.
Moon Assur couvre deux métiers, l’assurance-crédit et l’assurance toutes branches, sur de nombreuses pages : solutions pour entreprises, particuliers et professionnels, pages société, blog bilingue, espace client et pages légales complètes.
Nous l’avons reconstruit sur Next.js 16 avec une couche de traduction français et anglais et un modèle de contenu typé, en reconstituant les textes depuis l’ancien site WordPress du cabinet.
(Chiffres clés)
- pages
- ~25
- entièrement bilingue
- FR / EN
- contenu migré
- WordPress
- système de sections
- Bento
Les choix qui ont façonné le projet
Une source pour deux langues
Chaque texte passe par une fonction de traduction unique adossée à des dictionnaires français et anglais ; le choix du visiteur est mémorisé d’une visite à l’autre.
Bilingue de bout en bout
Un modèle de contenu typé
Articles et données partagées utilisent une même forme bilingue dans tout le code : les deux langues voyagent toujours ensemble.
Contenu typé
Des gabarits partagés
Gabarits de page, de section et de pages légales standardisent la structure, tandis que transitions et défilement fluide donnent une navigation d’application.
Mise en page cohérente
Une migration WordPress propre
L’ancien contenu a été analysé et réécrit en modules typés plutôt que repris tel quel en HTML brut.
Reconstruction propre
(Comment ça marche)
Le rendu bilingue
Contexte de traduction
Un fournisseur expose la fonction de traduction ; les dictionnaires français et anglais contiennent chaque texte, et la langue choisie est restaurée au chargement.
Contenu typé
Les articles migrés de WordPress sont des blocs typés portant les deux langues, rendus dans la langue active.
Composition par gabarits
Les pages sont composées de gabarits partagés avec transitions de route, pour une vingtaine de routes visuellement cohérentes.
Dans le projet
Captures de la version livrée, regroupées par produit. Sélectionnez-en une pour la voir en taille réelle.
Technologies
- Framework
- Next.js 16
- App Router
- TypeScript
- Interface
- React 19
- Tailwind CSS 4
- clsx
- tailwind-merge
- Animation
- GSAP
- Lenis
- Langues
- React context
- FR / EN dictionaries
(Projet suivant)
CybrForge
Cybersécurité, 2025
