Un site web convivial avec des tutoriels vidéo pour inciter les aînés à faire de l’exercice

Evolving Web s’est associé à la Division de gériatrie de l’Université McGill pour créer Safe, un site Web comprenant des tutoriels vidéo qui vise à encourager les aînés à améliorer leur qualité de vie en faisant de l’exercice. Evolving Web a conçu le site, imaginé son design, son image de marque (logo, palette de couleurs, choix des polices et langage visuel général) ainsi que l’expérience utilisateur, et a coordonné la production des vidéos.

Services : stratégie numérique, conception de site Web, développement de site Web

La Division de gériatrie de l’Université McGill se consacre à l’avancement de la recherche, de l’enseignement et des soins cliniquesdans les domaines de la démence, de la prévention des chutes, de la réadaptation, de l’orthopédie, de la chirurgie vasculaire et de la chirurgie cardiaque. Elle regroupe des professeurs provenant de divers hôpitaux et d’autres divisions de McGill qui travaillent en étroite collaboration avec des collègues d’autres institutions au Québec et au Canada.

Le programme Safe (acronyme pour « soutien aux aînés pour la forme et l’équilibre ») est un programme d’exercices développé par la Division de gériatrie de l’Université McGill dans le but de sensibiliser la population de plus de 75 ans, un groupe démographique considéré comme étant moins actif, à l’importance de l’exercice pour améliorer la mobilité, éviter les accidents tels que les chutes domestiques et améliorer la qualité de vie.

Le programme est divisé en quatre étapes, de facile à difficile, et les utilisateurs progressent à leur rythme, au fur et à mesure qu’ils acquièrent de l’assurance dans les exercices. Pour rendre le programme plus attrayant et plus accessible, le client souhaitait le transformer en un site Web avec des tutoriels vidéo. Le site devait également être bilingue, afin de joindre autant les publics anglophones que francophones.

Afin de solliciter un public plus âgé et d’aider les utilisateurs les moins à l’aise avec la technologie, Evolving Web s’est concentré sur certains aspects du design et de l’expérience utilisateur pour rendre l’expérience conviviale, utile, claire (avec des caractères plus gros), axée sur la santé et amusante. Nous avons également optimisé l’expérience pour les tablettes, car les utilisateurs sont susceptibles de préférer les tablettes pour suivre le programme vidéo. Notre mandat consistait à :

• Incorporer des couleurs vives et des visuels attrayants pour créer une ambiance amusante et dynamique, véhiculant l’idée de mouvement, de vitesse, de dynamisme et de vie saine ;
• Créer un code couleur pour chaque niveau du programme ;
• Créer des visuels qui proposent une qualité de vie réelle, des aînés remplis d’énergie et des médecins avec un regard sincère et amical ;
• Utiliser l’image du tangram : un casse-tête chinois composé d’un carré découpé en sept pièces qui peuvent être disposées selon différentes formes. Ce symbole représente la multiplicité des solutions à un problème ;
• Concevoir un logo qui ressemble à un bouton de lecture avec mot-symbole en minuscules, dans les mêmes couleurs vives que celles utilisées sur le site Web.
• Intégrer des appels à l’action proéminents en gros caractères pour lisibilité optimale ; 
• Ajouter une page « ressources » contenant des conseils et des informations utiles aux utilisateurs pour rester actifs ;
• Créer une interface de lecteur vidéo comportant une barre de progression qui aide les utilisateurs à mesurer leurs progrès tout au long du programme ;
• Intégrer des informations sur la durée, l’intensité, les zones musculaires ciblées et l’équipement requis ;
• Coordonner le tournage, le montage et l’amélioration de l’aspect visuel des tutoriels vidéo avec un vidéaste et un graphiste ;
• Créer une interface entièrement réactive et bilingue, optimisée pour les tablettes et les téléphones cellulaires ;
• Utiliser React comme technologie de développement frontale pour que le site Web se charge le plus rapidement possible.

Le site web est divertissant, utile, simple à naviguer et riche en soutien pour répondre aux besoins d’un public qui pourrait se sentir intimidé par le fait de suivre un programme d’exercices en ligne. Nous sommes fiers d’avoir :

• Créé 7 pages Web 
• Construit 51 composants 
• Incorporé 24 vidéos sur le site Web