MAQUETTE « HOPE FLARE »
AFTER EFFECTS
Dans le cadre de ce projet étudiant (fictif) sur la communication de crise, nous avons imaginé HopeFlare, une solution dédiée aux entreprises. Elle repose sur deux services : une application gratuite offrant conseils et outils stratégiques et un service premium permettant un accompagnement personnalisé par des experts. Destinée aux entreprises de toutes tailles, cette solution vise à structurer la gestion des crises et à protéger leur image. Dans un premier temps, nous avons conçu la charte graphique d’HopeFlare, puis celle de notre client et différentes vidéos destinées à l’application. Pour finir, j’ai conçu une maquette interactive sur Figma, pour l’application, que je vais vous détailler.
L’application repose sur une navigation simplifiée via un menu burger, accessible depuis toutes les pages. Ce menu permet une navigation fluide et rapide vers les sections principales :
- Identifier ma crise : Accès aux différentes catégories et sous- catégories de crises via un menu accordéon interactif
- Besoin d’un expert ? : service premium avec lien vers la page “prise de rendez-vous”
- À propos : Présentation de l’application et de son fonctionnement
- Paramètres : Gestion du compte et des préférences utilisateur
INTERACTIONS DYNAMIQUES
- J’ai ajouté un changement de couleurs au survol de la souris sur les éléments du menu burger (présent sur toutes les pages) pour améliorer l’expérience utilisateur et indiquer clairement l’élément sélectionné.
- Effet similaire dans le menu accordéon de la page “Identifier ma crise”, permettant une meilleure lisibilité et une navigation intuitive entre les sous-catégories.
Ces animations renforcent l’ergonomie de l’application, rendant l’interaction plus fluide et engageante pour l’utilisateur.
LES DIFFÉRENTES PAGES
- Accueil : Présentation rapide et bouton “Commencer”.
- Connexion : Accès sécurisé à l’application.
- Accueil connecté : Résumé des fonctionnalités, avis clients et accès rapide aux services.
- À propos : Explication de l’application et de son fonctionnement.
- Besoin d’un expert : Présentation du service premium et prise de rendez-vous.
- Prendre rendez-vous : Interface calendrier pour réserver un créneau avec un expert.
- Paramètres : Gestion du profil, notifications et déconnexion.
- Identifier ma crise : Menu accordéon avec les catégories de crises et leurs sous-catégories
- Page crise détaillée : Conseils et documents types téléchargeables pour aider les entreprises.
