Site web Flora Care
Un site web qui présente l’application mobile pour le diagnostic des plantes – Flora Care.
Parcourir le projet
1. Aperçu du projet
- Le produit
Un site web qui présente l’application mobile pour le diagnostic des plantes – Flora Care.
- Le problème
Les gens ont peu de temps à consacrer au bien-être de leurs plantes, mais souhaiteraient tout de même leur accorder les soins nécessaires afin de les préserver.
- Le but
Créer un site web pour présenter l’application Flora Care, une app boostée par l’IA, qui t’aide à prendre soin de tes plantes sans te prendre la tête.
- Durée du projet
9 jours : du 3 au 12 octobre 2025
- Mon rôle
Dans ce projet, j’ai pu prendre la place de tous les rôles du processus de design d’un projet, allant de la recherche à la création du prototypage.
- Les responsabilités
- Mener des recherches utilisateur
- Définir les problèmes et apporter des solutions efficaces
- Créer les wireframes et les prototypes lo-fi et hi-fi
- Le produit
Un site web qui présente l’application mobile pour le diagnostic des plantes – Flora Care.
- Le problème
Les gens ont peu de temps à consacrer au bien-être de leurs plantes, mais souhaiteraient tout de même leur accorder les soins nécessaires afin de les préserver.
- Le but
Créer un site web pour présenter l’application Flora Care, une app boostée par l’IA, qui t’aide à prendre soin de tes plantes sans te prendre la tête.
- Durée du projet
9 jours : du 3 au 12 octobre 2025
- Mon rôle
Dans ce projet, j’ai pu prendre la place de tous les rôles du processus de design d’un projet, allant de la recherche à la création du prototypage.
- Les responsabilités
- Mener des recherches utilisateur
- Définir les problèmes et apporter des solutions efficaces
- Créer les wireframes et les prototypes lo-fi et hi-fi
2. Comprendre l’utilisateur
Résumé
Les personnes n’ont pas beaucoup de temps à consacrer à leurs plantes à cause de la charge de travail et le souhait de passer du temps à leurs hobbies et famille. Ils ont besoin d’un programme qui les aide à s’occuper de leurs plantes de façon simple, sans avoir besoin d’aller chercher trop loin des solutions. Avoir des plantes en bonne santé aide dans le quotidien pour avoir une bonne ambiance à la maison.
Résumé
Les personnes n’ont pas beaucoup de temps à consacrer à leurs plantes à cause de la charge de travail et le souhait de passer du temps à leurs hobbies et famille. Ils ont besoin d’un programme qui les aide à s’occuper de leurs plantes de façon simple, sans avoir besoin d’aller chercher trop loin des solutions. Avoir des plantes en bonne santé aide dans le quotidien pour avoir une bonne ambiance à la maison.
Points de douleur
1. Manque de temps
Les personnes de nos jours sont de plus en plus occupées par différentes tâches la journée, que ce soit à cause d’un travail prenant ou la vie de famille.
2. Manque d'argent
Acheter de nouvelles plantes lorsque celles-ci fanent représente un coût. Et nous avons de plus en plus de factures, alors avoir une app gratuite pour nos plantes qui nous aide au quotidien est un beau cadeau.
3. L'organisation
Les plantes sont toutes différentes, nécessitent des soins particuliers et il peut vite devenir difficile de garder tout cela à jour dans notre tête, surtout lorsqu’on n’a pas la main verte.
4. Cas par cas
Le problème de maintien des plantes diffère des personnes, c’est pourquoi j’ai voulu faire en sorte que ce soit le plus simple et accessible pour tous.
Persona
Énoncé du problème
Elliot est un cuisinier qui a besoin d’une app pour ses plantes parce qu’il n’a pas le temps d’en prendre soin correctement.
Parcours utilisateur
Ce parcours utilisateur a servi de base à la définition des arguments clés et des avantages produits mis en avant sur le site web.
3. Démarrer la conception
Sitemap
Il s’agit d’un sitemap assez simple pour une navigation claire et directe afin de simplifier les informations.
Wireframes papier
Version finale web
Voici la version finale de chaque page du site avec la sélection des éléments favoris de chacun des wireframes papier dessinés.
J’ai voulu varier les formats pour plus de diversité dans la conception visuelle.
Variations d’écrans
J’ai créé des versions réactives avec des tailles d’écran démontrant la disposition des éléments sur la page selon la taille de l’appareil. J’ai essayé de garder au mieux une simplicité de lecture, tout en gardant la même cohérence.
Version site web réactif
Version mobile réactif
Wireframes digitaux
Page d’accueil de la version web
Le but était de rendre chaque section du site rapide à comprendre. Simple et directe, tout en donnant envie de télécharger l’application.
Titre mis en évidence pour que l’utilisateur sache immédiatement de quoi on parle
Mise en évidence des petits plus de l’application
Variations d’écrans
J’ai apporté quelques modifications à la version mobile, créant plus d’espace et donnant aux cartes la place qu’elles méritent pour mettre bien en avant les avantages de l’application.
Version bureau
Version mobile
Prototype basse fidélité
Les utilisateurs peuvent naviguer de page en page grâce au menu hamburger. Toutes les informations importantes se trouvent également sur la page d’accueil.
Version bureau
Version mobile
Étude d'utilisabilité
Les paramètres
Type d'étude
Sans modérateur
Participants
5 participants
Lieu
À distance
Durée
20 minutes
Les découvertes
J’ai trouvé un renseignement majeur et très pertinent pour l’amélioration d’utilisabilité.
1
La plupart des utilisateurs s’attendaient à trouver un bouton de téléchargement de l’application directement dans la barre de navigation.
2
Certaines personnes ne défilent pas la page d’accueil pour trouver les informations, elles utilisent vraiment la barre de navigation.
3
Le tutoiement peut déranger certaines personnes, notamment les personnes âgées qui sont moins à l’aise avec ce langage.
4. Affiner le design
Mockups
Selon les renseignements tirés de l’étude d’utilisabilité, j’ai ajouté un bouton de téléchargement supplémentaire dans la barre de navigation.
Avant l’étude d’utilisabilité
Après l’étude d’utilisabilité
Taille d’écran originale
Taille d’écran pour mobiles
Prototype haute fidélité
Les utilisateurs peuvent naviguer facilement à travers le site grâce au menu de navigation qui offre un accès direct, mais également grâce à plusieurs boutons disposés dans les pages elles-mêmes.
Mot de passe : 7587care%
Version bureau
Version mobile
Accessibilité
Considérations d’accessibilité
1. J’ai choisi des couleurs d’accentuations qui sont assez prononcées afin qu’elles soient agréables à regarder, tout en restant en corrélation avec le thème du produit.
2. J’ai intégré la hiérarchie au niveau des textes, notamment des titres. Les espacements entre les sections sont également bien séparés, apportant une grande lisibilité dans la lecture.
3. J’ai utilisé une typographie simple pour l’ensemble du site. Cela va grandement faciliter la lecture du site web.
5. Aller de l'avant
Points à retenir
Impact
Le site web est vraiment facile à comprendre, on va directement à l’essentiel. Il y a une démonstration vidéo afin d’apporter de la valeur au produit mis en avant, et cela aide également certaines personnes qui préfèrent voir le produit en action, sans avoir besoin de lire trop de texte.
Ce que j'ai appris
Durant tout le projet j’ai appris que les utilisateurs aiment vraiment ce qui est simple et direct, ils ne veulent pas perdre de temps à chercher les informations. J’ai également compris l’importance des études d’utilisabilité qui permettent réellement d’avoir de nouveaux regards sur mon projet.
Prochaines étapes
Aspect visuel
J’aimerais améliorer encore plus l’aspect visuel et bien sûr le contenu du site, pour qu’il soit plus descriptif et enrichissant. J’aimerais également y apporter plus de mouvements, d’animations.
Technologie
Je souhaiterais développer les technologies que je présente dans le site web car elles ont vraiment beaucoup intéressé les utilisateurs.
Communauté en ligne
J’aimerais créer une communauté en ligne afin de partager cet outil et l’améliorer encore plus.
Connectons-nous
Merci infiniment pour le temps accordé à la lecture de ma présentation ! Si vous avez des commentaires à ajouter, ou des suggestions, ce serait avec plaisir que je les lirai. Je suis très consciente qu’un produit n’est jamais totalement terminé et qu’il peut toujours être meilleur.