Yabaleki
website
Repenser l’expérience digitale de Yaba Leki pour rendre son offre plus claire, sa navigation plus intuitive et son identité plus cohérente.
Mon rôle a été de repenser l’expérience du site dans son ensemble, depuis l’analyse de l’existant jusqu’à son implémentation sur WordPress.
Yaba Leki est un bureau de conseil indépendant spécialisé autour de thématiques telles que l’inclusion, la décolonisation, la participation des jeunes et la communication inclusive. Le site existant contenait déjà une quantité importante d’informations, mais son organisation, sa hiérarchie et certains choix d’interface rendaient la navigation et la compréhension de l’offre parfois complexes.
.png)
01. Audit
Le projet à commencé par un audit rapide du site existant afin d’identifier les principaux points de friction en matière de navigation, lisibilité, cohérence visuelle et hiérarchie des contenus.
L’analyse a notamment mis en évidence une navigation pouvant être simplifiée, une hiérarchie des pages à repenser, plusieurs CTA concurrents, des incohérences dans les composants visuels ainsi que certaines sections dont la structure ne facilitait pas suffisamment la compréhension de l’information. L’objectif de cette première étape était de distinguer les éléments à conserver, ceux à améliorer et ceux à restructurer avant de commencer le design.
02. Architecture de l’information
À partir de l’audit, un nouveau sitemap à était créé afin de réorganiser la hiérarchie globale du site.
L’objectif était de construire une navigation qui corresponde davantage au parcours naturel d’un visiteur : comprendre qui est Yaba Leki, découvrir ses services et ses domaines d’expertise, explorer ses activités et contenus, puis pouvoir facilement entrer en contact avec l’agence.
Cette réflexion a également permis de prévoir de nouvelles pages et fonctionnalités, tout en regroupant certains contenus afin d’éviter une navigation trop fragmentée.
03. Wireframes
Les wireframes ont permit de travailler volontairement sans se concentrer sur les couleurs ou les éléments graphiques afin de privilégier la structure : positionnement des contenus, ordre de lecture, hiérarchie des titres, organisation des services, présentation des différents publics et emplacement des appels à l’action.
Les wireframes ont servi de base pour valider le fonctionnement général des pages avant de passer à la direction visuelle.
04. Développement WordPress
Après validation des wireframes et de la direction visuelle, le nouveau site a été développé sur WordPress, en intégrant la nouvelle structure, les contenus, les composants et les fonctionnalités définis pendant la phase UX. L’objectif était de rester fidèle à la conception tout en garantissant une navigation fluide, responsive et cohérente.
Résultat: Le nouveau site propose une structure plus claire, une navigation plus intuitive et une meilleure hiérarchie des contenus, tout en conservant l’identité de Yaba Leki.
.png)
