Comment repenser efficacement un site web pour « vendre du rêve » ?

Comment repenser efficacement un site web pour « vendre du rêve » ?

2018 | UPGRADE TON SITE

Comment repenser efficacement un site web pour « vendre du rêve » ?

L'association Rêves réalise les rêves d'enfants gravement malades depuis 1994.

Demande initiale

Lorsque j'ai collaboré avec l'association rêves, l'objectif était de refondre l'intégralité de leur site pour pouvoir changer de CMS, mais également moderniser et fluidifier l'expérience vécut par les usagers du site web. Ils ont donc fait appel à l'agence Novius pour ce projet. L'agence, avec laquelle je travaillais à ce moment-là. Je suis donc intervenu pour ces 3 raisons principales :

  • Refondre le site publique ; 
  • Créer les écrans wireframes (squelette du site) du nouveau système de gestion du contenu (CMS) pour qu'il ce soit personnalisé à leurs besoins et à ceux de toutes leurs délégations ;
  • Faciliter le don en ligne en repensant complètement le parcours du tunnel de donation.

Leur demande : #CMSpersonnalisé #Wireframes #TunnelDon

Mon analyse et approche

J'ai basé mon accompagnement sur 3 axes clés pour répondre à leurs attentes.

Extraits de l'audit du site de Margoo

Analyse du site et recommandations

Avant même de démarrer le projet, j'ai commencé par une analyse de leur site existant afin de repérer l'ensemble de ses forces et faiblesses. Cela a permis d'évaluer les parcours, les fonctionnalités, l'ergonomie, l'accessibilité, le trafic sur les pages (statistiques), etc. Pour chaque constat, une recommandation avec un axe d'amélioration concret a été formulé.

Rencontre avec les usagers : parents, donateurs et délégations

La refonte de ce site a demandé une étude particulière et attentive des besoins des usagers : avec d'un côté les parents d'enfants malades qui se servent du site pour créer des demandes de "rêves", les donateurs qui peuvent faire un don pour aider un enfant à accéder à son rêve et les délégations qui organisent des évènements en régions. J'ai rencontré chacune de ces audiences en entrevues 1:1 pour les uns et lors d'un focus group pour les autres.

Ateliers participatifs

Pour avancer dans chaque phase du projet j'ai organisé et animé de nombreux ateliers de co-conception pour : bâtir la stratégie (objectifs et mission du site web), le périmètre (tri et priorisation des contenus et fonctionnalités), la structure (arborescence), le squelette (wireframes et architecture d'informations). Les maquettes graphiques et la direction artistique ont ensuite été réalisé par mon binôme UI designer : Frédéric Jacquemoud.

Extrait des écrans personnalisés pour la gestion du contenu dans le CMS

Chaque contenu du site : enfants, rêves, évènements, dons, commentaires se devaient d'avoir leur propre gestion spécifique et sur-mesure dans WordPress pour aider les membres de l'association et délégations à suivre chaque "rêves" efficacement et facilement de la demande à la réalisation.

Toi aussi, comme l'association Rêves, tu aimerais faire évoluer ton site web pour "vendre du rêve" ?

Mon calendrier reste ouvert si tu souhaites me booker pour me parler de ton projet. Ce sera avec plaisir !
[dsm_button button_one_text="UPRADER SON SITE" button_one_url="@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6Ijk4NzUxMTgzMCJ9fQ==@" button_two_text="Me contacter" button_two_url="mailto:bonjour@petitspas-design.fr" button_alignment="center" _builder_version="4.27.5" _dynamic_attributes="button_one_url" _module_preset="default" custom_button_one="on" button_one_text_color="#F0EFE8" button_one_font="||||on||||" button_one_icon="$||divi||400" button_one_icon_color="#F0EFE8" custom_button_two="on" button_two_border_width="1px" button_two_border_color="#F0EFE8" button_two_icon="$||divi||400" button_two_icon_color="#F0EFE8" locked="off" global_colors_info="{}" button_one_bg_color__hover_enabled="on|hover" button_one_bg_enable_color__hover="on" button_one_text_color__hover_enabled="off|desktop" button_two_text_color__hover_enabled="on|hover" button_two_text_color__hover="#F0EFE8" button_two_bg_color__hover_enabled="on|hover" button_two_bg_color__hover="RGBA(255,255,255,0)" button_two_bg_enable_color__hover="on" button_one_bg_color__hover="RGBA(255,255,255,0)" theme_builder_area="post_content"][/dsm_button]

GRATUIT

Obtiens 25 idées d'actions éthiques
pour améliorer ton site

Découvre 25 idées d'actions pour bonifier ton site et le rendre plus durable, inclusif, écologique et performant.

Si tu as aimé le cas de l'association Rêves,
tu devrais également adorer découvrir celui-ci...

Image représentant le site Margoo

Comment l’audit complet du site publique de la BDC a mené à une restructuration complète du menu de navigation en place depuis plusieurs années ?

Exemple du revamp de la charte graphique de Margoo, avant et après

Sobriété numérique

Donner une seconde vie à son site web rapidement et facilement, c'est possible !

Je t'invite à lire quelques-uns de ces articles, qui sont les préférés des abonnés à ma newsletter l'ALTERNAVITE.

→ Est-ce bien utile d’avoir des couleurs éco-responsable sur son site ?

→ La méthode 80/20 : Comment l’appliquer à la conception de ton site pour le rendre éthique et éco-responsable

→ Ma routine d’analyse de site : comment je mesure l’impact réel de ton site web