Serfim Montagne

Création d’un site vitrine pour présenter les expertises en préparation des Jeux Olympiques d’hiver 2030.

  • Webdesign
Voir le site
Visuel principal du projet Serfim Montagne

Contexte

Fondé il y a près de 150 ans, SERFIM est un groupe indépendant spécialisé dans l'aménagement durable des territoires. À l'approche des Jeux Olympiques et Paralympiques d'hiver 2030 dans les Alpes françaises, le groupe souhaitait se positionner sur les appels d'offres liés à l'événement et rendre visibles ses savoir-faire en milieu montagnard.

Maquette du projet Serfim Montagne, visuel 1

Objectifs

  • Créer un site vitrine regroupant les 38 expertises montagne des entreprises du groupe : production d'énergie, infrastructures de domaines skiables, gestion de l'eau en altitude, dépollution ou encore immobilier en station.
  • Rendre interactive une carte vectorielle dont chaque zone cliquable renvoie vers les expertises concernées.
  • Faire du site un outil de démonstration pour le salon Mountain Planet.
Maquette du projet Serfim Montagne, visuel 2a
Maquette du projet Serfim Montagne, visuel 2b

Méthodes

Le projet a été mené dans des délais particulièrement serrés. Nous avons passé beaucoup de temps à cadrer le fonctionnement de la carte interactive. C’était le point central du projet.

  1. Optimisation de la carte SVG : La carte vectorielle, réalisée par un prestataire externe, a nécessité un important travail de préparation. J’ai nettoyé le fichier SVG puis découpé chaque zone en éléments distincts, afin de la rendre pleinement interactive et fluide lors du développement.
  2. Wireframes : J’ai réalisé des wireframes essentiellement pour commencer à réfléchir au contenu à intégrer dans les différentes pages, imaginer les différents blocs, etc.
  3. Webdesign : Pour la suite, j’ai ajouté la carte isométrique au cœur du parcours, décliné les pages expertises, appliqué la charte graphique, et prototypé l’ensemble.
  4. Passation designer × développeur : Après validation des maquettes, on a beaucoup collaboré avec le développeur sur le rendu de la carte, les différentes animations, le responsive, etc.
Maquette du projet Serfim Montagne, visuel 3

Résultats

La carte SVG interactive permet aux visiteurs de naviguer intuitivement parmi les expertises SERFIM. Malgré des délais serrés, le projet a été mené rapidement et sans compromis sur la qualité, pour être prêt à temps pour le salon Mountain Planet.

Maquette du projet Serfim Montagne, visuel 4