Design d'une appli immersive pour les passionnés de culture

#Branding

#Design UX/UI

#App. Mobile

Personnel

Client

Projet Fictif

Equipe

Guillaume Normand Michel Dujardin Takalema Bakate Alejandro

Date & durée

Date & durée

2023 - 2024

14 jours

Rôle

Rôle

Recherche UX Wireframing Direction artistique Prototypage

Se motiver à visiter des musées, expositions ou événements culturels peut être un véritable défi pour beaucoup. Mais pourquoi ? Que manque-t-il aux musées pour attirer davantage de visiteurs ? C’est la question que nous avons explorée au cours de ce projet d’une semaine. Notre mission : identifier les principaux freins des visiteurs et concevoir une solution mobile adaptée à leurs besoins.

En équipe, nous avons développé un prototype de moyenne fidélité. Souhaitant aller plus loin, j’ai affiné la direction artistique et réalisé un prototype en haute fidélité.

Ce projet s’inscrit dans un stage intensif en design UX/UI chez Ironhack, une école de formation reconnue en Europe et habilitée par le Ministère du Travail à délivrer des certifications de type TP - Concepteur designer UI. La formation, entièrement en anglais, réunissait des participants de toute l’Europe, ce qui explique la présence de contenus anglophones dans cette étude.

Curieux d’en savoir plus ? Retrouvez l’étude de cas complète sur Medium en cliquant sur le lien.

STRATEGIE & POSITIONNEMENT

Nous avons commencé par une recherche documentaire approfondie, explorant articles de blogs, études sur les musées et presse grand public pour identifier les obstacles qui freinent leur attractivité.

Les défis sont nombreux : peur de la foule, préoccupations sécuritaires, sentiment de se perdre dans des espaces immenses ou d’être submergé par trop d’informations. À cela s’ajoutent le manque de temps, de promotion, d’engagement culturel, ainsi que des contraintes financières. Sans oublier la concurrence des plateformes d’apprentissage en ligne et des alternatives de divertissement, qui compliquent encore la donne.

Pour aller plus loin, nous avons mené une recherche terrain : entretiens avec 6 personnes et enquête auprès de 26 participants. Grâce à un diagramme d'affinités, nous avons synthétisé ces défis en un persona clé : Madeleine Fodero, une jeune cadre marketing de 26 ans vivant à Paris.

Illustrations représentant le fruit de notre recherche utilisateur.
Illustrations représentant le fruit de notre recherche utilisateur.
Illustrations représentant le fruit de notre recherche utilisateur.

Illustrations représentant le fruit de notre recherche utilisateur.

Madeleine, notre persona.
Madeleine, notre persona.
Madeleine, notre persona.

Madeleine, notre persona.

Parcours utilisateur de Madeleine tandis qu'elle tente de se rendre à une exposition dans un musée.
Parcours utilisateur de Madeleine tandis qu'elle tente de se rendre à une exposition dans un musée.
Parcours utilisateur de Madeleine tandis qu'elle tente de se rendre à une exposition dans un musée.

Parcours utilisateur de Madeleine tandis qu'elle tente de se rendre à une exposition dans un musée.

CONTENU- WIREFRAMING

Nos recherches s'étant vite concentrées sur un problème d'immersion, d'interactivité et de connexion personnelle, nous avons imaginé les fonctionnalités suivantes :

  • proposition intelligente d'événements à l'utilisateur en se basant sur ses intérêts personnels,

  • redirection des utilisateurs vers les boutiques en ligne des musées pour leur permettre d'acheter leur ticket et de le stocker sur l'application ;

  • guide interactif d'exposition comprenant des explications audio et des sons immersifs pour nous plonger au cœur de l'événement ;

  • chat basé sur l'intelligence artificielle générative afin de proposer des réponses adaptées à tout moment. Pour les œuvres, nous avons également pensé que l'intelligence artificielle pourrait incarner l'auteur afin de simuler une discussion avec ce dernier (Berthe Morisot dans notre prototype).

Idéation.
Idéation.
Idéation.

Idéation.

Maquette - basse fidélité.
Maquette - basse fidélité.
Maquette - basse fidélité.

Maquette - basse fidélité.

Maquette - moyenne fidélité avant et après tests utilisateurs.
Maquette - moyenne fidélité avant et après tests utilisateurs.
Maquette - moyenne fidélité avant et après tests utilisateurs.

Maquette - moyenne fidélité avant et après tests utilisateurs.

BRANDING

ATTRIBUTS DE MARQUE

Culture

Curiosité

Intemporalité

Moodboard.
Moodboard.
Moodboard.

Moodboard.

Moodboard.

Moodboard validé

Guide de style.
Guide de style.
Guide de style.

Guide de style.

RESULTAT FINAL

Maquette haute fidélité - écran de choix des centres d'intérêt, écran d'accueil, écran des activités sauvegardées.
Maquette haute fidélité - écran de choix des centres d'intérêt, écran d'accueil, écran des activités sauvegardées.
Maquette haute fidélité - écran de choix des centres d'intérêt, écran d'accueil, écran des activités sauvegardées.

Maquette haute fidélité - écran de choix des centres d'intérêt, écran d'accueil, écran des activités sauvegardées.

Maquette haute fidélité - Ecran détail d'exposition - écran des tickets achetés - écran de départ de la visite.
Maquette haute fidélité - Ecran détail d'exposition - écran des tickets achetés - écran de départ de la visite.
Maquette haute fidélité - Ecran détail d'exposition - écran des tickets achetés - écran de départ de la visite.

Maquette haute fidélité - Ecran détail d'exposition - écran des tickets achetés - écran de départ de la visite.

Maquette haute fidélité - 3 écrans de visite.
Maquette haute fidélité - 3 écrans de visite.
Maquette haute fidélité - 3 écrans de visite.

Maquette haute fidélité - 3 écrans de visite.

Maquette haute fidélité - écran d'audioguide (exemple : portrait de Berthe Morisot), écran de chat avec l'IA générale - écran de chat avec l'IA Berthe Morisot (pour l'exemple).
Maquette haute fidélité - écran d'audioguide (exemple : portrait de Berthe Morisot), écran de chat avec l'IA générale - écran de chat avec l'IA Berthe Morisot (pour l'exemple).
Maquette haute fidélité - écran d'audioguide (exemple : portrait de Berthe Morisot), écran de chat avec l'IA générale - écran de chat avec l'IA Berthe Morisot (pour l'exemple).

Maquette haute fidélité - écran d'audioguide (exemple : portrait de Berthe Morisot), écran de chat avec l'IA générale - écran de chat avec l'IA Berthe Morisot (pour l'exemple).

  • Guillaume Normand - Studio

  • Guillaume Normand - Studio

  • Guillaume Normand - Studio