Refonte d’image de marque : positionner Million Peacemakers Youth comme les héros qu’ils sont

Evolving Web s’est associé à Million Peacemakers, une organisation à but non lucratif renommée basée à Montréal, pour concevoir leur site Web destiné aux jeunes bénévoles.

Ce projet était axé sur la conception, donnant aux deux organisations (Million Peacemakers et Million PeaceMakers Youth) la liberté et la flexibilité d’agir rapidement et de repousser les limites de la conception Web tout en travaillant avec les contraintes de la plateforme WIX. Les objectifs communs ont permis de promouvoir leur organisation par le biais d’un sous-site MP Youth sans avoir recours à des développeurs pour y parvenir. 

Services : Conception Web, développement de la marque (balises)

Million Peacemakers (MP) est une organisation à but non lucratif dont la mission est de donner aux jeunes, aux familles et aux entreprises du monde entier les moyens de cocréer une culture de la paix en utilisant la méthode Nonflict.

La méthode Nonflict est une méthode simple et efficace en 3 étapes qui fournit une approche structurée de la résolution de conflits. Depuis son lancement il y a tout juste 5 ans, MP a formé plus de 225 000 personnes dans 23 pays, et a pris part à des projets dans des universités et des écoles de commerce du monde entier.

L’objectif de ce projet était de créer un site Web attrayant, afin de mieux faire connaître Million Peacemakers et de lui redonner de l’élan. Mais, par où commencer ?

Le programme de formation des jeunes bénévoles de MP est une offre recherchée de l’organisation et mérite un espace bien en vue sur le site Web d’accueil. Après avoir mené une enquête auprès des parties prenantes, les membres de l’équipe UX et de l’équipe de conception d’Evolving Web ont travaillé en étroite collaboration avec MP pour identifier le contenu et les objectifs de conception du nouveau sous-site MP Youth.

Un calendrier d’exécution de 8 semaines 
Ne disposant que de quelques semaines pour créer un sous-site à partir de zéro, les équipes ont travaillé rapidement, en lançant des idées avec un minimum de rétroaction.

Plus qu’une refonte. 
Une fois la relation établie, nous avons constaté que le style de la marque existante avait besoin d’une mise à jour. De plus, certains contenus existants devaient être restructurés et réécrits.

Absence de développeurs. 
Ce projet a été mené par des concepteurs UX/UI. Bien qu'il ait été difficile de travailler sans l'aide de développeurs pour la construction du site, ils en ont profité pour décupler le potentiel du design.

Outil de conception de site limité. 
En raison de sa facilité d’utilisation, WIX était la plateforme de choix pour l’équipe d’Evolving Web. Mais comme WIX n’est pas aussi puissant ou flexible que Drupal, celle-ci avait ses limites : une simple construction bloc par bloc, sans personnalisation ni mise en page dynamique.

Puisque le site principal de MP, millionpeacemakers.org, s’adresse à de nombreux publics, Evolving Web a décidé de se concentrer sur un public en particulier et de concevoir un site pour leur sous-organisation, MP Youth. 

L’équipe de concepteurs d’Evolving Web s’est concentré sur le public des jeunes. De cette façon, le projet devenait plus facile à réaliser, plus efficace et plus percutant.

Après la phase initiale de découverte, un concept créatif a émergé : 

« parce que les jeunes bénévoles sont comme des héros, structurons le site Web comme le parcours d’un héros. »

Ce concept des jeunes représentés comme des héros a débloqué un grand potentiel pour plus d’histoires, d’images et d’appels à l’action simples.

Une histoire de marque authentique

Nous avons créé un univers stylistique pour établir les éléments visuels de la maquette. Il s’agit d’une planche de tendances qui démontre une vision holistique de la manière dont une marque se manifeste, en utilisant des formes, des compositions, des images, des icônes, etc. Pour MP, nous avons utilisé des bleus simplifiés et du jaune et du blanc pour souligner les appels à l’action les plus importants. Les couleurs contrastées traduisent un esprit de mouvement, de croissance, de vitalité, de communauté et de connexion. 

Les concepteurs ont travaillé avec la police de caractères de la marque MP pour assurer la continuité. Les graphiques et les icônes sont ouverts, invitants et simples — les lignes entre eux sont rondes, douces et amicales. Pour humaniser encore davantage le site Web, les concepteurs ont utilisé des histoires et des témoignages qu’ils ont placés au cœur de la conception. Des dessins de contour animent l’énergie jeune de MP, ainsi que le côté plus chaotique et la beauté de la résolution de conflits.

Des appels à l’action simples

L’une des principales missions de MP est d’acquérir des bénévoles. Comme s’enrôler à titre de bénévole peut sembler ambitieux pour certains, l’équipe d’Evolving Web s’est concentré sur des demandes plus simples, comme « joindre un atelier » et « en savoir plus sur Nonflict ». Cela a permis de capter l’intérêt de manière plus efficace afin que l’organisation puisse se consacrer à bâtir des relations de confiance à long terme.

Une nouvelle image de marque durable

Compte tenu de la croissance rapide et de la portée mondiale de MP, l’équipe de conception a estimé que les images existantes de bénévoles vêtus de bleu ne seraient pas toujours viables pour l’identité visuelle. 

Pour que les photos soient plus durables, l’équipe de conception a utilisé des photos de personnes en tenue de ville afin de capturer l’image du « héros de tous les jours » que MP aimait. De plus, presque toutes les photos prises par un bénévole pouvaient s’accorder avec les nouveaux visuels de la marque.

Indépendance numérique

L’organisation Million Peacemakers s’est montrée prête à assouplir ses directives au niveau de sa marque et de sa conception visuelle, de sorte qu’il a été facile pour les concepteurs d’Evolving Web de proposer des idées nouvelles et attrayantes qui ne nécessitaient que peu ou pas de maintenance technique. 

Bien qu’il ait été difficile de travailler sans développeurs, l’avantage de ce sous-site est que tous les composants sont conviviaux et accessibles. Le client pourra donc continuer à construire son site de façon indépendante. 

Nos concepteurs sont experts dans l’art de travailler avec les limites d’un modèle. Ils ont transformé le fait de ne pas avoir de développeurs en un avantage créatif. En comprenant le fonctionnement du modèle et de ses composants, ils ont pu adapter le design pour qu’il s’intègre parfaitement au modèle préexistant. 

Le résultat est une expérience numérique où le design et le message de Nonflict s’harmonisent. Les composants bien conçus comme les actualités, le calendrier d’événements et les intégrations de médias sociaux sont bien utilisés. Le guide de style et l’identité visuelle de MP Youth créés par Evolving Web étaient si convaincants et faciles à utiliser que Million Peacemakers a adopté la même approche pour leur site Web principal.

Un beau partenariat

Compte tenu de notre passion pour un avenir pacifique, ce projet nous tenait à cœur. Malgré les échéances serrées, tout s’est déroulé de manière efficace et dynamique. 

Nous remercions Million Peacemakers d’avoir étroitement collaborer et pour la confiance qu’ils nous ont témoignée, ce qui a permis de concrétiser leur vision. 

Evolving Web aime propulser les histoires et les marques. Parlez-nous de votre projet de conception.