Roseapp

Mobile - Mosaïque UI

RoseApp : une application pour faire équipe avec ses proches

  • ux design
  • personas
  • stratégie web
  • design graphique
  • illustration
  • motion design

L’association RoseUp a fait appel à Datagif pour concevoir une application mobile destinée à aider les malades du cancer dans leur vie quotidienne.

Découvrir RoseApp

L’objectif était de faciliter la vie de la personne malade : plus de copier-coller dans les différents groupes whatsapp, faire part de son humeur du jour en 1 clic, faire des demandes sans avoir peur d’embêter, tout centraliser pour éviter les propositions multiples.

Ecran d'accueil
Onboarding malade 10
Onboarding malade 12

Deux interfaces sont disponibles selon son statut (proche ou atteint·e d’un cancer) et déterminent les fonctionnalités accessibles à chaque profil.

Contacts
Onglet entourage - Vue proche
Fil d'actu + Pop in - Nouveau membre

La personne touchée par un cancer peut inviter ses proches dans un espace fermé qu’elle maitrise entièrement, et créer des cercles d’échanges avec eux, ce qui lui permet d’adresser chaque publication à qui elle souhaite.

Onboarding malade 11
Acceptée
Créer une demande - Catégories

Elle peut faire des demandes aux proches de son choix :

  • par exemple, besoin de faire quelques courses à son cercle de connaissances proches géographiquement
  • ou besoin d’aller boire un café avec ses ami·es de son cercle « Meilleurs amis »
Onboarding malade 9
Humeur
Fil de discussion

Un fil de discussion permet à chacun de poster des messages et photos. La personne atteinte par un cancer peut, elle, poster en un clic son humeur du jour.

Onboarding proche 11
Agenda - Tous les évènements
Agenda - Tous les évènements - Proche

La fonctionnalité agenda permet de regrouper

  • le planning médical avec tous les rendez-vous, interventions…
  • les demandes de la personne atteinte par un cancer
  • les propositions des proches
  • les indisponibilités
Group 1924
Group 1922
Group 1923
Group 1920
Group 1918
Group 1921

Toutes les illustrations de l’application ont été dessinées par Julie, designeuse chez Datagif.

Group 1925
Group 1926
Group 1927
Group 1928
Group 1935
Group 1936
Group 1937

Pour promouvoir cette application, nous avons produit une vidéo animée, présentant le produit et ses avantages.

Ecran 8
Ecran 18 1
Ecran 24
Rectangle 1241

Les coulisses de la création de l’app

Première étape : focus group & cartographie

  • interviewer 2 groupes de personnes pour entendre leurs besoins
  • trier, lister les fonctionnalités dans le détail,
  • déterminer ce qui est prio pour la v1, placer les autres en v2, v3, v4
  • définir quelle fonctionnalité est disponible pour un proche, pour une personne atteinte d’un cancer ou pour les deux
Desktop HD

Deuxième étape : wireframes et prototype

  • transformer nos idées de fonctionnalités en écrans : d’abord sous forme schématique
  • scinder en 2 parcours les écrans pour les 2 profils
  • créer un prototype figma pour naviguer dans cette première ébauche
Desktop HD
Mobile - Mosaïque

Troisième étape : design & illustrations

  • sur la base des wireframes validés, déterminer le style graphique
  • créer des illustrations sur-mesure pour humaniser l’appli
  • étendre l’univers via un motion design pour raconter l’appli simplement
  • produire les visuels pour l’App Store et le Google Play Store
Mobile - x4

Quatrième étape : specs & développement

  • écrire des spécificités fonctionnelles, détaillées par parcours
  • échanger quotidiennement avec Orkester, notre partenaire technique qui s’est occupé du développement
  • tester méticuleusement chaque lot
Capture d’écran 2024-10-08 à 15.31.24

Cinquième étape : mise en ligne et évolutions

  • mise en ligne sur les stores
  • reprendre notre liste du départ pour démarrer les évolutions v2
Capture d’écran 2024-10-08 à 15.29.07
Capture d’écran 2024-10-08 à 15.28.32