L'Aventure Sonore de Montbéliard
Application interactive pour découvrir la ville de Montbéliard
Rôle
UX/UI Designer, graphic designer, app developer
Contexte
Projet de fin d'études - Master
Crédit
François Haegelin - Sound Designer
Année
2022
Outils
Figma, Photoshop, Illustrator, Xcode (swift)
Cette application a été conçue et développée dans le cadre de mon projet de fin d'études suivant la découverte de la ville de Montbéliard et ses alentours à partir d'un service numérique interactif.
L'objectif de ce projet est de proposer une interactivité sonore à l’utilisateur en se promenant dans des endroits divers dans la ville de Montbéliard. Avec une dimension ludique, cette application est ouverte tant aux touristes comme aux locaux. Le but serait que l’utilisateur vive cette expérience comme une quête avec des missions à accomplir, une alternative à un simple guide audio.
Le projet de l’Aventure Sonore de Montbéliard a émergé d’une volonté de faire découvrir la diversité des lieux emblématiques du Pays de Montbéliard sous une autre forme ; en y ajoutant une dimension sonore exclusive et personnalisation selon le lieu dans lequel on s'y trouve. Nous avons choisi le format d’application mobile pour sa mobilité et sa simplicité d’utilisation pour un jeune public.
Principaux écrans de
l'application
L'application présente trois écrans principaux : la liste de lieux, la page de lieux (contenant le son et informations du lieu) et une carte GPS. Cette dernière a comme fonctionnalité guider l'utilisateur à chaque endroit.
Un voyage dans le temps
Chaque parcours est une expérience unique à découvrir. L'utilisateur peut connaître l'histoire des lieux proposés sur nos écrans accompagnée des sons à écouter, créant un voyage dans le temps remarquable.
Un parcours adapté selon sa localisation
Avec la fonctionnalité de maps pour iOS intégré à l'application, celle-ci propose un parcours personnalisé selon la localisation de l'utilisateur. Elle va donner les indications pour arriver au lieu le plus à proximité à visiter afin d'éviter de faire des longs trajets entre deux points.
Conçue pour iOS
L'application a été développée utilisant le langage de programmation Swift avec Xcode. Cela a permis de créer le design d'interface suivant les principes de conception d'Apple.
Démarche UX
L'expérience utilisateur a une variété du public ciblé. L'utilisation personas, user flows et use cases a permis créer une cohérence entre les différentes parties réalisées.
Un échantillon est présenté ci-dessous de la démarche d'expérience utilisateur.
Sitemap de l'application
Use case
Branding et identité visuelle
Le logotype de l’application est composé par des ondes de son qui sont transformées avec la forme de la lettre “M” en référence à la ville de Montbéliard. De cette façon, ce logo est en accord avec l’identité de notre application de parcours sonore.
Logo principal
Déclinaisons
Typographie
Couleurs
En termes de couleurs, notre palette a été formée par les couleurs du blason de Montbéliard avec une couleur rouge dominante.