Case Study — VolunTime

Contexte du projet

VolunTime est une application pensée pour encourager et faciliter l’engagement associatif. Réalisé en groupe dans le cadre d’un projet de design et de développement web, ce travail s’est étalé sur trois mois, dont une première phase dédiée à la conception sur Figma. L’objectif principal était de créer un outil simple et intuitif permettant de mettre en relation les bénévoles avec les associations tout en offrant la possibilité de gérer les missions et les engagements de chacun.

Objectifs

Concevoir une application claire, intuitive et inclusive, accessible à tous les profils d’utilisateurs. Faciliter la recherche et la participation à des missions bénévoles. Permettre aux associations de créer, publier et suivre leurs actions. Réaliser un prototype fonctionnel sur Figma, avant d’entamer la phase de développement web. Mettre en place une collaboration fluide entre les membres de l’équipe, en liant design et intégration front-end.

Au-delà de la recherche et de l’inscription, le projet visait aussi à renforcer la visibilité des associations locales et à rendre le bénévolat plus accessible au quotidien.

Structure de l'application

Tableau des pages et rôles
Pages	Fonction
Accueil / Présentation	Mise en avant de la mission de VolunTime et de ses valeurs
Connexion / Inscription	Accès sécurisé et création de profil utilisateur
Liste des missions	Recherche et filtrage des missions proposées par les associations
Messagerie	Communication directe entre bénévoles et responsables associatifs
Gestion des missions	Création, modification et suivi des missions associatives
Profil / Historique	Consultation des actions passées et informations personnelles

Aperçu de la page d'accueil avec la barre de navigation

Outils

Tableau des pages et rôles
Outils	Rôle
Figma	Conception des wireframes et du prototype interactif
HTML / CSS / PHP	Développement du front-end et intégration des interfaces

Direction artistique

L’identité visuelle de VolunTime repose sur des valeurs humaines et solidaires : accessibilité, bienveillance et clarté. L’interface a été pensée pour être épurée, lisible et chaleureuse, afin d’inspirer la confiance et l’envie de s’engager.

Cette palette harmonieuse soutient une ambiance calme, solidaire et accessible, cohérente avec la mission du projet.

Prototypage et interaction

Le prototypage interactif réalisé sur Figma a permis de tester :

Les parcours de connexion et d’inscription. La consultation des missions. Les échanges via la messagerie intégrée. La navigation complète entre les différents écrans.

Défis rencontrés

Trouver un équilibre entre esthétique et simplicité d’usage.
Concevoir une interface claire pour deux types d’utilisateurs (bénévoles et associations).
Gérer la communication et la coordination entre les différents pôles du projet (design et code).

Développement et contribution personnelle

Après la conception, l’équipe a développé l’application en HTML, CSS et PHP. De mon côté, j’ai principalement contribué à la partie front-end, en veillant à la cohérence visuelle entre les maquettes Figma et le rendu codé. Cette expérience m’a permis de renforcer mes compétences en intégration web, en design UI et en collaboration interdisciplinaire au sein d’un projet complet.

Bilan personnel

Ce projet m’a permis de développer mes compétences en UX/UI design et intégration front-end, de travailler efficacement en équipe pluridisciplinaire, d'approfondir ma maîtrise de Figma et du prototypage interactif et de comprendre l’importance d’un design centré sur l’utilisateur pour un projet à impact social.