Cette expérimentation a consisté à repenser entièrement le site d'ArdaCraft pour lever le goulot d'étranglement qui freinait la croissance de la communauté. En 150 heures réparties sur 3 mois, j'ai migré de Webflow vers une architecture décentralisée (WordPress et Webstudio en headless via GraphQL), divisant nos coûts d'hébergement par dix (-90 %). Côté expérience, une refonte guidée par les données a multiplié jusqu'à 3× l'usage des fonctionnalités clés sur l'une de nos pages les plus visitées.
Le contexte
ArdaCraft est un projet collaboratif international dont l'ambition est de recréer minutieusement la Terre du Milieu (l'univers du Seigneur des Anneaux et du Hobbit). J'ai rejoint l'aventure initialement pour créer des vidéos, avant de prendre plus de responsabilités pour me challenger et explorer de nouveaux horizons.
En 2024, j'ai produit 24 vidéos pour le compte Instagram du projet. Elles ont cumulé 27,3 millions de vues et fait passer le compte de 9 877 à plus de 115 000 abonnés, une série que je raconte dans une étude à part. Le nombre de visiteurs sur le site, lui, ne décollait pas. J'ai vite compris le problème. Notre site web était un goulot d'étranglement. Pour un utilisateur curieux, comprendre comment commencer la visite du monde relevait du parcours du combattant.
La rançon du succès
En collaboration avec un autre membre, j'ai reconstruit un site mais plus complet et aligné sur nos objectifs : agrandir la communauté et imposer ArdaCraft comme une référence auprès des fans de Tolkien.
Développée sur Webflow, cette première refonte a été un succès critique. Portée par notre stratégie de communication, elle a attiré plus de 217 000 visiteurs la première année. C'est là que les ennuis ont commencé.
Nous avons atteint la limite de notre abonnement Webflow. Passer au forfait supérieur aurait multiplié nos coûts par cinq. Pour un projet communautaire qui survit uniquement grâce aux dons, c'était impossible. Il nous fallait une solution capable de grandir avec nous sans vider notre trésorerie.
Notre nouvelle architecture technique
Pour contourner cette contrainte financière, nous avons migré vers une solution décentralisée. J'ai dû apprendre à maîtriser plusieurs nouveaux outils. Le défi était de taille. Il a fallu déplacer des milliers de points de données et faire communiquer WordPress et Webstudio via GraphQL pour gérer dynamiquement des centaines de pages en mode headless. J'ai même dû concevoir un script Python sur mesure pour compresser des milliers d'images au format WebP et optimiser les performances.
Ce chantier de refonte et de migration m'a demandé bien 150 heures de travail étalées sur 3 mois. J'ai été le contributeur principal sur cette partie, avec des coups de main réguliers du reste de l'équipe.
Je me suis basé sur 3 piliers :
- L'impact visuel : un design marquant pour faire ressortir notre personnalité.
- L'efficacité du parcours : une navigation logique pour guider le visiteur.
- L'adaptabilité : une expérience fluide du smartphone à l'ordinateur.
1. L'impact visuel
Redesigner l'intégralité des pages a été une tâche colossale. Après une phase de recherche sur Figma, j'ai introduit des concepts visuels forts : l'utilisation extensive de la couleur « or », des effets « brillants » sur les éléments interactifs et du glassmorphism.
Mon maître-mot était l'immersion. Le risque, avec des partis pris visuels aussi marqués, est de dégrader la navigation. La réponse a tenu dans la subtilité. Des images en fond, des dégradés, du glassmorphism avec parcimonie, et beaucoup moins d'éléments visibles à l'écran.
S'il est presque impossible de mesurer l'impact réel d'un nouveau design sur un projet associatif comme le nôtre, le gain est ailleurs : nous disposons enfin d'une belle cohérence visuelle sur l'intégralité des pages, et le site agit désormais comme un pilier fort de l'identité de marque d'ArdaCraft.
2. L'efficacité du parcours
Pour optimiser le parcours, je me suis appuyé sur Microsoft Clarity, un outil d'analyse UX qui permet de visualiser le comportement des utilisateurs (via des cartes de chaleur ou des enregistrements de sessions). Le constat a été simple : la plupart des éléments coupés par le bas de l'écran n'étaient jamais utilisés. J'ai donc remonté ces fonctionnalités clés en haut de page pour les rendre immédiatement accessibles.
La page listant tous les lieux du Seigneur des Anneaux est l'une des plus visitées. En appliquant cette logique, les résultats ont été immédiats. À trafic comparable entre décembre 2025 et juin 2026, l'utilisation des fonctionnalités a bondi :
| Fonctionnalité | Utilisation en décembre 2025 | Utilisation en juin 2026 | Évolution globale |
|---|---|---|---|
| Recherche | 2,98 % | 5,09 % | + 71 % |
| Filtres | 1,17 % | 7,64 % | + 555 % |
| Tri | 1,55 % | 4,99 % | + 222 % |
Nous continuons à suivre ces chiffres et à ajuster la page.
3. L'adaptabilité
De nombreuses fonctionnalités majeures, comme la carte interactive ou les filtres, n'étaient tout simplement pas adaptées aux smartphones. L'un des grands chantiers a donc été de repenser ces éléments pour le mobile.
Nous avions également remarqué que l'ancien menu mobile était délaissé car trop complexe. La nouvelle version propose un menu extrêmement simple, ce qui a radicalement facilité la navigation de nos utilisateurs nomades.
La suite
La communauté a très bien accueilli cette nouvelle mouture, le site est jugé bien plus utile et agréable au quotidien. Nous avons notamment reçu de nombreux commentaires enthousiastes sur la carte interactive.
ArdaCraft est un projet qui se base sur des recherches approfondies touchant à la géologie, la botanique, l'histoire et leurs influences sur le monde de Tolkien. Notre carte regroupe ces éléments scientifiques et narratifs pour les mettre à la disposition des passionnés. Elle a fait l'objet d'une étude séparée.
Je travaille maintenant sur la V3 de cette carte.
