• ClientFondation Mira
  • ProjetRefonte site web
  • IndustrieOrganisme à but non lucratif
  • CatégorieCommunication et promotion - Contenu de marque - Site internet ou application
  • URLhttps://www.mira.ca/

Fondation Mira


Site web

La Fondation Mira fait sans aucun doute partie des organismes à but non lucratifs les plus appréciés du Québec. Comme toute bonne fondation, elle se concentre à fond dans l’accomplissement de sa mission, en offrant des chiens gratuitement à ses bénéficiaires, et son site interne s’en trouve quelque peu délaissé. C’est pourquoi, en 2017, l’agence décide d’accompagner l’organisme à titre gracieux dans la refonte et l’optimisation de son écosystème numérique.

Mandat

Découvrir la vraie nature de Mira

Afin de s’imprégner de la réalité de la Fondation, le projet débute avec une phase de découverte. L’objectif : mieux comprendre la réalité de la Fondation Mira, ses besoins et ceux de ses publics. Plusieurs activités sont menées : inventaire des contenus, audits d’experts (performance, visibilité, conversations, etc.), benchmark & unbenchmark, entrevues des parties prenantes et des bénéficiaires, et finalement une visite des lieux.

Trois grands apprentissages en sont ressortis et ont orientés nos réflexions et prises de décision.

Apprentissage #1

Une offre de service méconnue

On connaît d’abord et avant tout Mira pour son programme de chiens-guides, mais la Fondation offre aussi deux autres programmes : les chiens d'assistance et ceux pour les jeunes présentant un trouble de l’autisme. Deux services peu ou pas connus par le grand public et notamment par les principaux intéressés. L’une des principales causes : l’identité visuelle historique de la Fondation. Un réel enjeu de perception et de positionnement de marque à adresser en parallèle de la refonte de la plateforme numérique.  

Apprentissage #2

L’accompagnement des différents publics doit être priorisé

Cela paraît aller de soi, le site doit accompagner l’ensemble des visiteurs de Mira, de la découverte de la Fondation jusqu’à la prise de décision. En effet, la Fondation s’adresse à différents groupes d’audiences (les bénéficiaires, les donateurs, les familles d’accueil) qui ont évidemment chacun des contextes, des intérêts, et des besoins différents. S’ajoute à cette réalité, le principe d’égalité des corps sur lequel repose les activités de Mira, à savoir: ce qui est accessible à tous doit aussi l’être à une personne handicapée. L’accessibilité n’a donc pas été une option dans le processus de création. Elle est devenue le sujet central à aborder dans les phases de conception et de réalisation par l’ensemble des experts impliqués.

Apprentissage #3

Des processus manuels, complexes et chronophages

Bien que crucial pour Mira, le don en ligne n’est pas actuellement mis en avant à son plein potentiel. Celui-ci doit être au coeur du site et l’utilisateur doit être accompagné dans son processus. Outre le don, la Fondation doit aussi revoir comment elle traite les formulaires d’inscription et sa boutique en ligne, qui sont actuellement complexes et chronophages pour les équipes administratives réduites. En parallèle de la refonte du site, il a fallu décortiquer les différents processus de travail pour trouver une manière de les simplifier et de les automatiser.

Mira Fullwidth A 02

Solution

Pour répondre à ces différentes problématiques, quatre objectifs ont été identifiés :

  1. Informer et éduquer les différentes audiences sur la Fondation et ses services;

  2. Simplifier la compréhension des différentes possibilités de donner et faciliter le processus du don en ligne;

  3. Être accessible aux utilisateurs ayant des handicaps notamment pour des personnes mal ou non-voyantes, en respectant les critères correspondant aux plus hauts standards d’accessibilité WCAG 2.0;

  4. Automatiser autant que possible les processus et offrir de la flexibilité aux personnes responsables de la mise à jour du site et de la gestion des interactions avec les différents publics.

Revisiter l’image de marque pour faire connaître l’entièreté de l’offre de service

Face à l’enjeu de perception de l’offre de service de la Fondation, un travail de redéfinition de l’image de marque a été entrepris en parallèle de la refonte du site à proprement parlé. Une des causes de cette mauvaise perception est intimement liée à l’histoire de Mira et à son identité visuelle. Ce logo emblématique symbolise le visage d’un humain entouré de deux visages de chiens. Une représentation qui se concentre sur l’activité première de la Fondation, c’est-à-dire les chiens guides. L’idée n’a évidemment pas été de s’en départir, bien au contraire, mais de trouver une manière de l’associer uniquement à ce programme et de le détacher progressivement de la Fondation.

C’est dans cette optique que plusieurs éléments graphiques ont été créés.

  • Une identité pour chaque programme a été conçue:

    • La superposition du pied de l’homme et de la patte du chien, montrant que celui-ci supporte l’homme pour représenter le programme des chiens d’assistances.

    • La tête d’un chien juxtaposée à celle d’un enfant a été récupérée d’une précédente campagne, pour l’associer au programme pour les enfants ayant un trouble de l’autisme.

  • La typographie de Mira a été légèrement revisitée pour mieux représenter la Fondation et son évolution

Le logo principal est ainsi représenté uniquement par le nom de la Fondation sans y associer de visuel représentant un programme. Quant aux trois identités qui représentent chacun des programmes, ces derniers sont utilisés lorsque le programme en question est mentionné ou bien les trois en même temps pour démontrer l'entièreté de l’offre.

Mira Fullwidth A 01

Une direction artistique influencée par les normes d’accessibilité

L’équipe a respecté les plus hauts niveaux d’accessibilité, sans pour autant limiter la capacité du client à gérer le site via un CMS. Ceci s'est reflété dans les choix de design, où l’équipe mise sur une direction artistique aux formes carrées, aux couleurs contrastées, à la typographie distinctive, aux animations claires et aux textes découpés. L’intention était d’appliquer la philosophie de l’accessibilité ce qui explique certains choix visuels singuliers pour les utilisateurs qui ne souffrent pas d’un handicap. Ces choix, qui permettent notamment d’arrêter les animations à travers le site, sont essentiels pour faciliter l’expérience des utilisateurs qui utilisent une technologie d’assistance.

Trouver l’équilibre entre accessibilité et ergonomie a été le défi auquel les équipes ont dû répondre, car il faut à la fois satisfaire des normes contraignantes, sans pour autant entacher l’expérience sur la plateforme pour inciter au don notamment. Au final, l’accessibilité est favorisée vis-à-vis d’autres éléments plus expérientiels qui immergent l’utilisateur, c’est le cas notamment dans la section le cycle de vie d’un chien.

Pour assurer la conformité de la plateforme, une série de tests utilisateurs a été menée auprès de publics malvoyants et non-voyants. Nos équipes d’assurance qualité ont aussi effectués des tests unitaires tout au long du processus de réalisation pour guider les équipes autant en création qu’en développement. Des ajustements ont été apportés durant toute la durée du projet. L’atteinte de ces standards a été possible en raison de l’approche de travail mise en place. C’est-à-dire: une équipe coeur composée d’un directeur artistique, un développeur front-end et un expert en assurance qualité qui ont été impliqués du début à la fin du projet, en prenant les décisions à trois pour préserver l’équilibre entre utilisabilité et accessibilité.

Mira Fullwidth  Da

Mettre l’action principale de l’avant

La mission principale du site, au-delà d’informer sur la Fondation et ses services, est de faciliter le don. Cela sous-entend la compréhension des différentes manière de donner et d’effectuer un don en ligne. L’utilisateur peut à tout moment appuyer sur un bouton d’appel à l’action qui est omniprésent sur l’ensemble des pages au sein de l’interface. Pour susciter l’émotion, le don est associé au chien Mira ce symbole si connu par le grand public. À celui-ci est apposé un coeur, le tout reste disponible en tout temps sur le site et donne accès à une page spécifique présentant toutes les options du don.  

Mira Fullwidth Donation

Résultats

Du 8 mai 2018 au 10 février 2019

415 753

pages vues

3 694

demandes de contact

4 208

clics vers la plateforme de don ou téléchargement du PDF à partir du site

111 281

nouveaux utilisateurs
Mira Footer 02

Merci

mira.ca