Projet semestriel universitaire coopératif
2025
Front-end
UX / UI
Contexte
Dans le cadre du projet universitaire coopératif du quatrième semestre de BUT MMI, notre équipe a conçu UniMates, une application de bien-être pensée pour accompagner les étudiants dans leur quotidien de manière discrète, bienveillante et non intrusive.
Le projet répond à une problématique concrète liée au stress, à la charge mentale et aux difficultés rencontrées par les étudiants tout au long de leur parcours universitaire. L’objectif était de concevoir une application mobile accessible et rassurante, offrant un premier niveau d’accompagnement à travers des parcours guidés et des contenus structurés.
Le projet s’est déroulé en deux phases distinctes : une phase de conception, incluant la recherche utilisateur, l'étude concurrentiel et la réalisation d’une première maquette présentée en soutenance, puis une phase de développement, aboutissant à une application fonctionnelle, présentée lors d’une soutenance finale.
Mon rôle
- Rédaction des questions et préparation de l’entretien avec le commanditaire
- Participation à la réflexion UX et aux fonctionnalités du projet
- Réalisation du dossier de communication complet
- Étude concurrentielle sur les applications de bien-être et de suivi émotionnel
- Développement front-end de l’application
- Adaptation et amélioration de la maquette après les retours de soutenance
- Mise en place et configuration du PocketBase
- Gestion des données utilisateurs et des moods
- Intégration des interactions et fonctionnalités de l’application
Processus
- Analyse du besoin et entretien avec le commanditaire
- Analyse concurrentielle des applications de mood tracking et bien-être
- Conception de l’expérience utilisateur et des fonctionnalités principales
- Création de la maquette mobile
- Présentation du prototype lors d’une soutenance et récupération des retours
- Ajustements UX/UI suite aux remarques pédagogiques
- Développement de l’application avec Astro, Tailwind CSS et DaisyUI
- Mise en place du PocketBase pour la gestion des données
- Développement des fonctionnalités de mood tracking et d’interactions utilisateur
- Transformation du projet en application Android (APK)
- Tests et optimisation de l’expérience mobile
Résultats finaux
Le projet a abouti à la création d’UniMates, une application mobile de bien-être étudiant pensée comme un compagnon numérique discret et rassurant.
L’utilisateur peut créer un compte, choisir un familier représentant son profil (poussin, girafe ou abeille), enregistrer son humeur quotidienne et accéder à différentes fonctionnalités centrées sur le bien-être : exercices de respiration, statistiques d’évolution du mood, échanges avec des étudiants partageant le même état émotionnel ou encore discussions guidées avec le compagnon virtuel.
L’application a été conçue pour proposer une expérience simple, fluide et non intrusive, avec une attention particulière portée à l’accessibilité, à la lisibilité mobile et à l’aspect rassurant de l’interface.
Voir le prototype interactif Figma de la maquette
Téléchargement de l’APK Android
L’application a initialement été conçue pour les étudiants MMI de Montbéliard dans un cadre pédagogique et expérimental. L’APK est uniquement compatible avec les appareils Android et doit être utilisée avec modération, le projet n’ayant pas vocation à remplacer un accompagnement professionnel ou médical.
Bilan et valeur ajoutée
- Ce projet m’a permis de travailler sur une problématique réelle liée au bien-être étudiant et à l’accompagnement numérique.
- J’ai approfondi mes compétences en développement front-end, en UX mobile et en gestion de données avec PocketBase.
- Cette expérience m’a également appris à concevoir une application pensée pour un usage quotidien, avec des contraintes d’accessibilité, d’émotion et d’expérience utilisateur.
Compétences acquises
- Développement d’une interface mobile avec Astro
- Utilisation de Tailwind CSS et DaisyUI
- Mise en place et gestion d’un PocketBase
- Conception d’interfaces UX mobile
- Gestion des retours utilisateurs et itérations
- Étude concurrentielle et analyse UX
- Création d’un dossier de communication
- Développement de fonctionnalités interactives
- Adaptation d’un projet web en application mobile Android
- Travail collaboratif en équipe pluridisciplinaire
Collaborateurs
Outils utilisés
- Astro
- Tailwind CSS
- DaisyUI
- PocketBase
- UX/UI Design
- Application mobile Android (APK)
- Figma
- JavaScript
- Analyse concurrentielle