Hubikoop
Hubikoop a pour mission d’animer et d’accompagner l’écosystème de l’inclusion numérique en Nouvelle-Aquitaine.
L’organisation soutient les projets et renforce la capacité d’agir des acteurs engagés dans la lutte contre les inégalités et les exclusions numériques sur le territoire.
Le projet consistait à refondre le site internet afin d’en faire :
- une vitrine claire et pédagogique des actions menées,
- un centre de ressources de référence sur l’inclusion numérique,
- un site accessible, en cohérence avec les valeurs portées par Hubikoop.
Objectifs
Le nouveau site doit d’être une véritable vitrine et valoriser de manière claire et efficace à la fois les projets menés, les services proposés par Hubikoop et les ressources éditées par ce dernier.
Par ailleurs, de part sont rôle de Hub territorial pour un numérique inclusif, le nouveau site d’Hubikoop se doit d’être le plus accessible possible.
- Clarifier et faciliter la bonne compréhension de ce que fait Hubikoop
- Moderniser et optimiser le site
- Capter les audiences-cibles qui souhaitent obtenir des informations sur l’inclusion numérique en Nouvelle-Aquitaine
- Renforcer la dimension “centre de ressources de l’inclusion numérique”
Missions
UX/UI Designer & gestion de projet
- Cadrage et suivi du projet
- UX design : architecture de l’information, mapping des contenus et arborescence
- Conception des wireframes
- UI design : création des maquettes graphiques, ergonomiques, responsives et accessibles
- Prototypage des maquettes sous Figma
👉 Projet réalisé en collaboration avec le Collectif Cosme
Démarches UX/UI design
👉 Clarifier un écosystème riche et complexe
La première étape a consisté à :
- structurer un grand volume de contenus (projets, services, ressources),
- clarifier les rôles et missions de Hubikoop,
- hiérarchiser l’information selon les différents publics (acteurs de terrain, institutions, grand public).
Objectif : rendre l’action de Hubikoop immédiatement compréhensible.
👉 Concevoir un véritable centre de ressources
Le site a été pensé comme un outil de diffusion et de transmission :
- accès facilité aux ressources,
- parcours clairs selon les besoins des utilisateurs,
- architecture favorisant la découverte et l’appropriation des contenus.
Les wireframes ont permis d’aligner lisibilité, pédagogie et efficacité.
👉 Accessibilité et sobriété au cœur du design
L’UI s’appuie sur :
- une interface moderne, sobre et inclusive,
- des choix graphiques favorisant la lisibilité et l’accessibilité,
- des maquettes responsives et prototypées sous Figma.
Chaque décision de design vise à renforcer la cohérence entre le fond (inclusion numérique) et la forme (expérience accessible).
👉 Résultat de la démarche
- Un site plus clair, pédagogique et accessible
- Une meilleure valorisation des projets et ressources
- Une plateforme positionnée comme référence régionale de l’inclusion numérique
