Carte interactive VivaTech : un projet étudiant entre design vectoriel et expérience utilisateur

Dans le cadre du cours Webdesign, les étudiants de l’ICAN ont relevé un défi technique et créatif : réaliser une carte vectorielle interactive mêlant graphisme et programmation. Le projet, encadré par Nicolas Gervais, a permis de conjuguer compétences en Illustrator, Figma ou encore HTML/CSS/JS, autour d’une thématique libre, mais avec des exigences précises en termes de design UX et de signalétique complète.

Le cas VivaTech : innovation et pédagogie au cœur du projet

Pour illustrer parfaitement l’enjeu, Noa Dufresne a choisi de travailler sur une carte dédiée à VivaTech, salon international dédié à l’innovation technologique. Ce choix fictif mais pertinent, incarne les valeurs d’accessibilité, d’interaction et de découverte que devait porter la création.

Sa carte interactive se veut à la fois :

• Informative : en structurant clairement les espaces thématiques du salon,
• Interactive : grâce à une navigation dynamique, adaptée aux usages numériques modernes, pour une exploration fluide sur grand écran ou borne tactile.

Une démarche graphique pensée UX/UI

Noa a adopté une approche visuelle épurée, s’appuyant sur un moodboard fermé et une perspective isométrique. Les formes géométriques simples suggèrent relief et profondeur sans surcharge, tandis qu’une palette de couleurs unies, contrastées et harmonieuses assure une excellente lisibilité.

Le style minimaliste favorise une compréhension rapide des zones, tout en donnant à la carte une esthétique moderne, en adéquation avec l’identité innovante de VivaTech.

Un processus itératif pour un rendu optimal

Le travail a suivi un cheminement précis :

• Modélisation vectorielle sous Illustrator,
• Import et retouches dans Photoshop pour enrichir le rendu,
• Plusieurs itérations graphiques pour affiner l’identité visuelle et la cohérence globale.

La version finale repose sur un système isométrique garantissant lisibilité à toute échelle. La carte est organisée en quatre niveaux, chacun dédié à une grande thématique, avec un choix de couleurs et une typographie Stolzl contemporains et adaptés à l’usage.

L’ICAN, un laboratoire d’innovation graphique et interactive

Ce projet illustre parfaitement la volonté de l’ICAN d’enseigner les compétences actuelles du design numérique, où graphisme, ergonomie et technologies web s’entremêlent pour créer des expériences engageantes, à la pointe des attentes des métiers du design digital.