Illustry

Template de site internet pour les collectivités
Entreprise
Koba Civique
Date
2017-2018
Méthodologies
Lean UX
Agile Scrum
Langages
React

Contexte du projet

Dans le cadre de mon intégration en tant que designer Sénior au sein de l’équipe UX/UI de Koba Civique, j’ai conçu un template de site internet responsive à destination des mairies dynamiques, notamment celles à forte population étudiante.
En m’appuyant sur les modèles existants, j’ai repensé l’interface pour offrir une expérience résolument mobile-first, moderne et attractive.
Le design, coloré et illustré, casse les codes classiques des sites institutionnels pour séduire une audience plus jeune et connectée. Ce template a été développé en React, dans l’environnement CMS propriétaire de Koba Civique, en veillant à assurer une parfaite compatibilité entre desktop, tablette et mobile et optimiser les coûts de production.

Objectifs

  • Proposer un design mobile-first adapté aux usages des jeunes citoyens.
  • Moderniser l’image des sites institutionnels grâce à une approche graphique illustrée et accessible.
  • Créer un template optimisé pour la production dans l’environnement CMS propriétaire de Koba Civique.

Cycle de vie du projet

  • Analyse et audit des templates existants dans la suite Koba Civique
  • Réalisation de benchmarks et enquête du marché des sites pour collectivités
  • Organisation et design des nouveaux composants en partant d’une approche mobile-first
  • Refonte de l’iconographie avec un style moderne et “funky”
  • Création de wireframes mobile, puis desktop
  • Validation des wireframes avec le chef de projet et les équipes techniques React
  • Réalisation du prototype fonctionnel du template
  • Rédaction de la documentation marketing en collaboration avec l’équipe Koba Civique
  • Préparation de la présentation client pour promouvoir le template auprès des mairies
Expertise employée
  • Conception UX
  • Direction artistique
  • Visual Design
  • UI Design
  • Prototypage avancé
  • Delivery qualitatif pour développement
Outils de travail
  • Adobe XD
  • Axure
  • Microsoft Office
  • Trello
  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe After Effect
Résultats

Les indicateurs de performance du projet Illustry ne sont pas directement disponibles, car j’ai quitté Koba Civique peu après la mise en service du template. Toutefois, j’ai mis en place les bases solides — design, documentation et transférabilité — permettant à l’équipe de maintenir et d’enrichir le projet. Le suivi est assuré par l’équipe interne, garantissant la pérennité et l’évolution future du template.