GeoNantes

Date

novembre 2021

Contexte et enjeux

La ville de Nantes souhaitait repenser son site web. A partir de son identité graphique existante, l'idée était de concevoir la home page et une page proposant une expérience ludique donnant envie de visiter la ville.

Le jeu ludique pouvait s'axer sur l'un de ses trois axes : l'architecture, le patrimoine ou l'histoire.

Pour le devoir de Technique de production en novembre 2021, j'ai donc dû réaliser un prototype de deux pages du site web de la ville de Nantes.

Objectifs

Les objectifs, liés à la réalisation du prototype, étaient :

• De définir l'axe du jeu ludique donnant envie de visiter la ville de Nantes
• De réfléchir au contenu et au format du jeu ludique
• De repenser l'ergonomie et l'expérience utilisateur de la home page
• De réaliser un parcours utilisateur à l'aide d'un prototype du site web
• De créer un carnet de références, composé des éléments graphiques et des sources utilisées
• De faire un vidéo de présentation de mon prototype

Outils utilisés

• Logiciel Adobe XD

Actions réalisées

🧠 Réflexion sur le concept du jeu ludique

Pour la conception du jeu « GéoNantes », j'ai imaginé un jeu interactif en 4 questions permettant de découvrir le patrimoine nantais autrement (par un système de gamification).

Le jeu ludique s'appuie à la fois sur Google Maps et sur Google Street View.

Le joueur apparait dans un des quatre endroits du jeu situé dans la ville de Nantes, en mode Street View.

Son but est de retrouver où il se situe entre les quatre choix présents sur la map de la ville de Nantes.

A la fin du jeu, le visiteur pourra obtenir son score et, soit recommencer le jeu soit retourner sur la page d'accueil.

🚀 Réalisation du prototype

Pour le prototype du site de la ville de Nantes, j'ai d'abord rédigé le carnet de références regroupant l'ensemble des sources et des éléments graphiques.

J'ai ensuite prototypé la home page de la ville de Nantes en reprenant son identité graphique existante (couleurs, typographie).

Après, j'ai conçu l'arborescence de « GéoNantes » : elle regroupe l'ensemble des parcours, de la 1ère question à la page de résultat, en fonction des réponses du joueur.

Il ne restait plus qu'à reprendre l'ensemble des combinaisons de « GéoNantes » pour l'appliquer sur mon prototype.

Une vidéo de présentation été réalisée pour illustrer un exemple de parcours utilisateur.