Le son de Toronto

Création d’une exposition numérique interactive et accessible

Client

Heritage Toronto

Année

2018 - 2020

Expertise

  • Accessibilité
  • Design UI
  • Design UX
  • Laravel
  • Stratégie de contenu
  • Le son de Toronto est une exposition virtuelle qui démontre à quel point le 6ix a façonné l’histoire de la musique canadienne. Véritable expérience multisensorielle, l’exposition propose des entrevues audio et vidéo exclusives, des objets tridimensionnels et des visites interactives à 360 degrés. Les utilisateurs peuvent explorer les histoires captivantes de 35 artistes et lieux qui ont défini le patrimoine musical diversifié de la ville au cours du dernier siècle. Ce projet a été rendu possible grâce au Musée virtuel du Canada (MVC) et respecte les règles pour l’accessibilité des contenus Web (WCAG 2.0), ainsi que les lignes directrices de la LAPHO.

    Les facteurs de réussite du projet

    • 1

      Mise en œuvre d’un design modulaire et flexible afin d'offrir à l’équipe des options de configuration infinies

    • 2

      Priorisation de l’accessibilité tout en garantissant la créativité et l’interactivité sur l’ensemble du site

    • 3

      Design d’une identité visuelle unique, jeune et axée sur la nostalgie afin de bien représenter le public diversifié

    Heritage Toronto avait besoin d’un site Web capable d’intégrer facilement du contenu multimédia, comme des éléments 3D (comme les célèbres Air Jordan de Drake), des vidéos autohébergées et des visites guidées, tout en demeurant entièrement accessible. Ils avaient besoin d’un partenaire spécialiste du numérique pour les guider tout au long du processus du MVC et en mesure de respecter leurs attentes en matière d’assurance qualité.

    En outre, le site Web de l’exposition Le son de Toronto avait besoin d’un examen approfondi de sa stratégie de contenu et de son intégration afin que le personnel puisse naviguer facilement dans son système de gestion du contenu. Le personnel avait besoin d’un site flexible pouvant être mis à jour facilement.

    Du côté des utilisateurs, le site Web devait s’adresser à différents publics dont les motivations varient, qu’il s’agisse d’une curiosité générale ou de besoins plus spécifiques comme la recherche. Certains utilisateurs ne visitant le site que pour explorer de façon organique la riche histoire musicale de Toronto, tandis que d’autres le font pour obtenir des renseignements précis. Enfin, l’équipe souhaitait que l’identité visuelle du site Web évoque une certaine nostalgie et qu’elle suscite un désir de partager avec famille et amis.

    Ils ont travaillé avec des échéanciers serrés et des attentes élevées et ils sont tout de même parvenus à livrer un produit de haute qualité.

    Laura Carlson, gestionnaire des programmes publics, Heritage Toronto

    Un design modulaire et flexible

    Pour offrir davantage de flexibilité au site Web d’Heritage Toronto, nous avons créé une série de modules qui leur permettent de créer et d’adapter facilement des pages en fonction de leurs besoins. Notre équipe a ainsi conçu 22 modules qui fournissent une multitude d’options de configuration qui, à leur tour, assurent des mises en page fluides et jamais statiques.

    Et puisque les modules de contenu prennent également en compte les différents médias affichés sur le site, des listes de lecture Spotify aux éléments 3D, l’organisation du site devient un jeu d’enfant pour les administrateurs.

    Passion pour le passé

    Heritage Toronto souhaitait que l’image du site Le son de Toronto soit évocateur d’une certaine nostalgie liée à l’histoire musicale de Toronto, tout en restant dynamique et amusante. Nous avons opté pour un bleu foncé éclatant pour créer une ambiance rappelant les années 80-90. On se souviendra des couleurs vibrantes et électriques de la décennie des années 80, tandis que les tons riches et accrocheurs ont marqué la décennie des années 90. Ce bleu vibrant mélange donc parfaitement les deux époques, tout en étant dynamique et plaisant pour l’œil.

    Nous avons également associé différentes couleurs à ce bleu électrique pour distinguer chacun des thèmes : Le commencement, Appartenance, Repousser les limites et Réussir. Par exemple, le bleu pâle du thème Appartenance symbolise le confort et la sécurité, tandis que le rouge de Repousser les limites transmet la passion et l’énergie.

    Accessible ne signifie pas ennuyant

    L’accessibilité était un élément central pour ce projet, mais cela n’a en rien limité les aspects créatifs. Des animations sont intégrées partout sur le site, de même que des éléments interactifs comme des objets tridimensionnels et des visites interactives à 360 degrés. Nos développeurs ont veillé à ce que les lignes directrices en matière d’accessibilité soient dûment suivies et qu’elles soient approuvées par le Musée virtuel du Canada. Chaque image contient du texte alternatif et des transcriptions sont disponibles pour toutes les vidéos et visites interactives. Ces dernières permettent également de naviguer aisément grâce à leur manette accessible. Grâce à un examen minutieux et à un processus approfondi d’assurance qualité, l’accessibilité ne rime pas nécessairement avec ennuyeux.

    Convivial et adapté aux appareils mobiles


    Parallèlement à l’accessibilité est venu le besoin d’optimisation mobile, il était important que le site Web s’adapte sans effort au mobile. Notre équipe a répondu à ce besoin en simplifiant la navigation pour n’afficher que le contenu essentiel, en optimisant tous les éléments visuels pour accélérer le chargement des pages, en réorganisant l’affichage des éléments et en adaptant la fonctionnalité à chaque appareil.

    À propos du client

    Heritage Toronto est un organisme de bienfaisance qui célèbre la communauté de Toronto et qui s’engage auprès d’elle depuis plus de 70 ans. Heritage Toronto raconte les multiples histoires de gens, de lieux et d’événements qui ont façonné Toronto et qui en ont fait la ville qu’elle est aujourd’hui. En collaboration avec plusieurs bénévoles et organismes communautaires, Heritage Toronto offre des services éducatifs au municipal et assure la promotion du patrimoine de la ville par le biais des visites guidées, de plaques et de prix.

    Vous aimez ce que vous voyez?

    Ne soyez pas timide, nous aimerions avoir de vos nouvelles.

    Contactez nous