Interactive Map Development for 4DViews

Réalisation : https://www.4dviews.com/volumetric-studios

4DViews souhaitait valoriser son réseau mondial de studios partenaires à travers une carte interactive, élégante et fonctionnelle, intégrée dans une page marketing.

À l’époque encore en phase d’apprentissage, j’ai mené ce projet de A à Z en vanilla JS, HTML et CSS, sans framework, en concevant une carte SVG sur-mesure, générée via QGIS, puis animée et enrichie d’interactions via d3.js.

✦ Placement dynamique des pins via d3-force pour éviter les chevauchements

✦ Affichage contextuel de popups avec redirection fluide vers l'accordéon des studios

✦ Adaptation mobile complète malgré des contraintes techniques fortes (taille, lisibilité, interactions tactiles)

Le projet m’a permis de développer très tôt une approche orientée produit : refuser les solutions standards (Leaflet, Mapbox) pour répondre à une exigence de cohérence visuelle et de lisibilité marketing.

Il pose aussi les bases de ce que je fais aujourd’hui : ne jamais m’arrêter à ce que “tout le monde fait” quand ce n’est pas à la hauteur de ce qu'on veut faire comprendre.