Menu

Ton site te freine ?

Étude de cas

Étude de cas

Refonte d'un site institutionnel pour plus de visibilité et d'impact

Super-novae :
Refonte d'un site institutionnel pour plus de visibilité et d'impact

Refonte d'un site institutionnel pour plus de visibilité et d'impact

Outils utilisés

Figma

Wordpress

Webflow

Durée du projet

2 Mois

Design

Design

Dev No-Code

Dev No-Code

Mise en contexte

Qui ?

Super-Novae est une organisation à but non lucratif, une start-up du développement spécialisée dans la résilience économique des pays et contextes les plus fragiles.

Super-Novae est une organisation à but non lucratif, une start-up du développement spécialisée dans la résilience économique des pays et contextes les plus fragiles.

Objectif du projet

Objectif du projet

Leur site existant ne reflétait plus ni leur mission, ni leur impact. Ils avaient besoin d’un site clair, accessible, et rassurant pour leurs bénéficiaires, partenaires et soutiens.

Leur site existant ne reflétait plus ni leur mission, ni leur impact. Ils avaient besoin d’un site clair, accessible, et rassurant pour leurs bénéficiaires, partenaires et soutiens.

Analyse des besoins

Ici sur l'ancienne homepage

Ici sur l'ancienne homepage

Le site remplissait une fonction basique d’information, mais ne soutenait pas leur mission à sa juste valeur.

Un site rigide est daté, dense, difficile à parcourir, avec une arborescence peu lisible et des textes peu hiérarchisés.


Tout le site bénéficiait d'une palette de couleur très présente et ne respectant pas les normes d'accessibilité RGAA.

Le contenu n'était pas adapté aux objectifs de l'association, qui vise 2 types de visiteurs :

  • Les bénéficiaires,

  • Partenaires ou institutions

Le contenu était plus orienté bénéficiaires et ne redirigeait pas efficacement les visiteurs.

Les contenus-clés (missions, transparence, parcours, prise de contact) étaient perdus dans des sous-pages peu accessibles.


Le layout responsive était bien en place mais ne proposait pas d'expérience utilisateur fluide.

Le site remplissait une fonction basique d’information, mais ne soutenait pas leur mission à sa juste valeur.

Un site rigide est daté, dense, difficile à parcourir, avec une arborescence peu lisible et des textes peu hiérarchisés.


Tout le site bénéficiait d'une palette de couleur très présente et ne respectant pas les normes d'accessibilité RGAA.

Le contenu n'était pas adapté aux objectifs de l'association, qui vise 2 types de visiteurs :

  • Les bénéficiaires,

  • Partenaires ou institutions

Le contenu était plus orienté bénéficiaires et ne redirigeait pas efficacement les visiteurs.

Les contenus-clés (missions, transparence, parcours, prise de contact) étaient perdus dans des sous-pages peu accessibles.


Le layout responsive était bien en place mais ne proposait pas d'expérience utilisateur fluide.

Plan d'action

Mettre en lumière les actions concrète de l'association

Renforcer la crédibilité auprès des partenaires

Clarifier les missions auprès du grand public

Structuration

ÉTAPE 1

compass icon
compass icon

Stratégie

  • Analyse de la structure du site

  • Ciblage des personas (jeunes, partenaires, donateurs)

  • Recommandations UX & éditoriales

OBJECTIF

Revoir en profondeur qui est Super Novae et comprendre leurs objectifs, pour poser une base solide à la fois pour leur communication et leur site.

ETAPE 2

heart icon
heart icon

Design

Design

  • Simplification de l’arborescence

  • Hiérarchie visuelle + repères clairs pour les visiteurs

  • Création d’un design doux, professionnel et accessible

OBJECTIF

Créer une nouvelle identité visuelle moderne et alignée à leur image. Adapter le contenu pour que tous les visiteurs puissent s'identifier en moins de 5sec.

ETAPE 3

key icon
key icon

Développement

  • Intégration No-Code avec Webflow

  • Responsive complet

  • Site administrable par l’équipe de Super Novae

OBJECTIF

Le but ici créer un site moderne et fluide, qui respecte la structure et les normes utilisées par des développeurs, mais l'adapter pour faciliter la prise en main par le responsable du site.

ETAPE 4

sand timer icon

Livraison

  • Suivi post lancement de 30j

  • Partage de tutoriels video sur les outils utilisés

  • Partage des fichiers sources

OBJECTIF

Le projet est officiellement terminé, maintenant c'est à l'équipe Super-Novae de prendre le relais. Pour faciliter la passation, des vidéos tutos resteront toujours accessibles à l'équipe.

Des clients 100% ravis

Vous pourriez être le prochain

Vous pourriez être le prochain

5/5

5/5

5/5

5/5

Ghada Shubur

Webmaster, Super-novae

"Gaelle a été une rencontre géniale Elle semble être une personne très compétente et agréable dans son domaine."

Ghada Shubur

Webmaster, Super-novae

"Gaelle a été une rencontre géniale Elle semble être une personne très compétente et agréable dans son domaine."

Merci pour cette super collaboration, sur ce super projet !

Merci pour cette super collaboration, sur ce super projet !

Résultats

Déplacez la ligne rouge pour comparer le avant/après !

Avant

Après

Assez scrollé ?

Tu as la vision, mais il te manque le petit coup de pouce ?

Plus qu'une simple livraison, une collaboration de A à Z.

Site fait avec 🔍 + 🧀 + 🎶

© 2025 221B Design St

Lecture du moment

Travailler en 🎶

paper bck
logo 221B design street

©221B Design St - 2025

Site fait avec 🔍 + 🧀 + 🎶

Lecture du moment

Lecture du moment

paper background

Assez scrollé ?

Tu as la vision, mais il te manque le petit coup de pouce ? Plus qu'une simple livraison, une collaboration de A à Z.

Lecture du moment

Travailler en 🎶

Site fait avec 🔍 + 🧀 + 🎶

© 2025 221B Design St

paper background

Assez scrollé ?

Tu as la vision, mais il te manque le petit coup de pouce ? Plus qu'une simple livraison, une collaboration de A à Z.

Lecture du moment

Travailler en 🎶

Site fait avec 🔍 + 🧀 + 🎶

© 2025 221B Design St