UX/UI Design
Plateforme digitale pour une association écologique
Ce projet s’inscrit dans une démarche complète allant de l’interview des membres de l’association Zone Verte jusqu’à la recherche UX, afin de comprendre leurs besoins, leurs objectifs et les attentes des utilisateurs. Cette phase m’a permis de définir les personas, les problématiques principales et les priorités du futur site web. À partir de ces insights, j’ai développé une structure UX claire (user flow, architecture de l’information, wireframes) pour garantir une navigation fluide et intuitive. Le projet s’est conclu par la conception finale de l’UI, avec une identité visuelle harmonieuse, des couleurs naturelles et une interface moderne qui reflète les valeurs écologiques de Zone Verte. Le résultat est une plateforme digitale pensée pour informer, sensibiliser et encourager l’engagement environnemental.
Détails du projet
Client: Zone Verte
Localisation: Tunis
Date: 2025
Durée: 1 Mois
Outils utilisés
Phase de Recherche et idéation
Phase de Recherche et idéation
Le Défi
Créer un site web moderne et intuitif qui permet au public de découvrir facilement les actions de Zone Verte et de participer aux initiatives écologiques.
La solution
Concevoir une interface claire, accessible et responsive, mettant en valeur les projets, les événements, les actualités et les possibilités d’engagement. Le contenu a été organisé pour faciliter la navigation et encourager l’interaction des utilisateurs.
Processus Créatif
01
Exploration & Compréhension
Analyse des besoins de l’association
Définition des attentes et des problématiques principales
02
Définition du problème
Synthèse des besoins utilisateurs et des objectifs de Zone Verte
Identification des défis et Définition d’un angle clair
03
Idéation & Concept
Brainstorming sur l’organisation du contenu et l’architecture du site
Croquis de premières idées de pages
04
Conception UX/UI
Élaboration de l’arborescence complète du site
Réalisation de la charte graphique palette de couleurs…
05
Prototype interactif
Construction d’un prototype cliquable sur Figma
Animation légère des interactions principales
06
Tests & Ajustements
Tests informels auprès de jeunes membres de Zone Verte
Analyse des retours : lisibilité, fluidité, organisation des contenus
07
Livraison & Intégration
Mise en ligne et vérification de la cohérence globale
Préparation d’un guide d’intégration pour le développeur / WordPress
Résultat
Un site web clair, moderne et écologique qui reflète les valeurs de Zone Verte tout en facilitant la participation, la compréhension et l’engagement du public.