Retour
Retour
Application

Conciergerie digitale

& service à la personne

RôLE

DA, UX & UI Designeuse

client·e

Crédit

Context

Projet fictif — Master 1 Multimédia

ANNÉe

2019 — 2021

Magiik est une application de conciergerie. Elle permet aux utilisateurs·rices de créer et réaliser des missions diverses de particulier à particulier.

L'élément central de ce projet est un chatbot, nommé "Harry le Magiicien". Il rassemble la majorité des fonctionnalités clés de l'application, comme la création et la recherche de mission.

Magiik a pour vocation d'être un outil gain de temps, qui soit aussi simple et rapide qu'un coup de baguette magique.

Cette application a un univers ludique et amical, mis en place à l'aide d'une direction artistique colorée, d'un wording familier et d'un univers de marque amusant.

J'ai réalisé cette application au courant de ma première année d'étude de Master, et j'ai choisi de me replonger dans ce projet et d'effectuer une refonte UX & UI en 2021. Les contraintes du projet qui était la couleur principale (rouge), ainsi que le naming et le logo de la marque ont été conservés.

Magiik : la conciergerie 2.0

Pages principales
de Magiik

L'application présente 4 pages accessibles via la barre de navigation : le portail d'entrée vers le chatbot (qui permet la recherche et la conception de missions), la page profil, la page messagerie et la page mission.

La page mission récapitule et sépare les missions données et réalisées par l'utilisateur·rice.

Les miniatures des missions donnent accès à des pages détaillées pour chacune d'entre elles.

Harry le Magiicien,
un chatbot multifonctions !

Le chatbot est l'élément central de l'application. Il permet la personnalisation du profil lors de l'inscription et la création et recherche de missions. Il intervient aussi de manière ponctuelle pour informer l'utilisateur·rice des nouveautés de l'application, ou de l'avancée des missions en cours.

Le chatbot, personnifié sous le nom de "Harry le Magiicien", dialogue de manière détendue et amicale avec les utilisateurs·rices.

Différentes interactions

L'interface
du Chatbot

L'interface du chatbot est découpée selon 2 zones.

Une zone qui présente un récapitulatif détourné de la réponse précédente de l'utilisateur·rice.

Et une zone d'interactions avec le chatbot. Dans cet espace, l'utilisateur·rice peut répondre à Harry, remonter le fil de ses réponses et les modifier au besoin, ou réinitialiser la conversation.

Tap, Drag & Type

Les interactions possibles avec le chatbot sont variées dans le but de briser toute monotonie et instaurer une gamification dans l'application.

Les réponses peuvent nécessiter de toucher/cliquer l'écran, de tirer un carousel ou d'écrire.

User Experience

Réflexion UX : Arborescence, Userflow, personnas, cas d'usage...

La réflexion UX a été centrale pour ce projet qui présente des cibles aux usages et âges variés.

Ci-après vous est présenté un échantillon de ma démarche de création UX.

Userflow

Direction artistique
& Design system

L'ancêtre de Magiik
(version 2019)

Je vous présente ici un échantillon de l'application réalisée durant mes études, avant sa refonte en 2021.

Icônes & pictogrammes

Mission & Catégorie

Navigation & Action

Typographies et couleurs

Les couleurs vives de l'application ont été choisies pour appuyer le dynamisme et la gaieté de la marque.

#F65A4E

Couleur principale

#1F9593

Couleur principale

#F98C7B

Couleur secondaire

#FEC52C

Couleur secondaire

#F98C7B

Couleur secondaire

#FEC52C

Couleur secondaire

#57B0AE

Couleur secondaire

— Projet Suivant — Projet Suivant — Projet Suivant

— Projet Suivant — Projet Suivant — Projet Suivant

Heading

Heading