Retour
Retour
Application

Conciergerie digitale

& service à la personne

RôLE

DA, UX & UI Designeuse

client·e

Crédit

Context

Projet fictif — Master

ANNÉe

2019 — 2021

Magiik est une application de conciergerie. Elle permet aux utilisateurs·ice·s de créer et de réaliser diverses missions 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.

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

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.

Harry le Magiicien,
un chatbot multifonctions !

Le chatbot est l'élément central de l'application. Il permet la personnalisation du profil, il intervient de manière ponctuelle pour informer l'utilisateur·ice des nouveautés de l'application ou de l'avancée des missions en cours.

Différentes interactions

L'interface
du Chatbot

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

Une zone récapitulative qui reprend la réponse précédente de l'utilisateur·rice.

Et une zone d'interaction (répondre, remonter l'historique, réinitialiser l'échange).

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.

Userflow

Direction artistique
& Design system

Icônes & pictogrammes

Mission & Catégorie

Navigation & Action

Typographies et couleurs

Les couleurs vives de l'application renforcent 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