Site web
Entraînement en ligne pour les enfants – avec des professionnels suisses du hockey sur glace
- Client
Postfinance - Donneur d’ordre
iRewind - Prestations
Product & service design, Corporate und interface design, Customer journey design, Idées créatives & stratégie (en ligne / hors ligne), User interface design (UI-design), Intégration de solutions pour newsletters, Customer journey design, Publishing, Storytelling, Content management systeme (Wordpress), Frontend development, Sites de produits et campagnes - Date de publication
2020
Sports d’équipe et pandémie ne font pas bon ménage : les patinoires étant restées fermées en raison du confinement national, le plus grand tournoi national de hockey sur glace destiné aux écoliers, le PostFinance Trophy, n’a malheureusement pas pu avoir lieu durant la pandémie de coronavirus.
Si seulement il y avait une offre d’entraînement à domicile : en ligne, multilingue (allemand, français, italien) et adaptée au plus grand nombre d’appareils possible (smartphone, tablette, ordinateur de bureau).
Le PostFinance Top Scorer Challenge
Afin que les enfants et les jeunes ne soient pas contraints de renoncer aux sensations du hockey sur glace durant la pandémie, PostFinance a mis sur pied le Top Scorer Challenge : en lieu et place de l’expérience de jeu sur la glace, les fans de hockey peuvent s’entraîner devant l’écran avec des joueurs professionnels.
Le site Internet du Top Scorer Challenge accompagne les enfants et les ados pendant plusieurs semaines au cours de huit séances d’entraînement comprenant chacune jusqu’à douze exercices. Les jeunes y découvrent les exercices qu’un professionnel du hockey sur glace effectue pour rester en forme tant sur le plan physique que mental.
Drôlement malin : le plan d’entraînement personnalisé
Les exercices se rattachent à des unités d’entraînement spécifiques sur le plan thématique. Ces dernières sont imparties par paire à un bloc. L’ensemble du Top Scorer Challenge se compose de quatre blocs. Au début du challenge, seul le premier bloc est disponible. Un nouveau bloc est publié toutes les trois semaines. Lorsque le Top Scorer Challenge touche à sa fin, les 4 blocs sont disponibles.
Ce qui peut sembler compliqué sur le papier est en fait simplissime sous forme graphique : le plan d’entraînement personnalisé du Top Scorer Challenge doit pouvoir être compris par n’importe quel enfant.
Pour que les joueuses et joueurs sachent quelles unités d’entraînement ils ont déjà effectué et la date à laquelle les différents blocs seront disponibles, nous avons représenté l’ensemble du programme sur une page d’« aperçu du challenge » (le plan d’entraînement personnalisé).
Pour qu’il soit visuellement en harmonie avec le thème du Top Scorer Challenge, nous avons tenu* à placer ce plan d’entraînement dans une patinoire.
*Steve est un hockeyeur passionné depuis presque 40 ans.
L’arbre cache la forêt : profil individuel avec progrès réalisés, distinctions, classement des équipes et vidéos d’entraînement
Quiconque s’inscrit obtient un profil personnel. Le profil de joueur peut être personnalisé (photo, données personnelles, vidéos d’entraînement) et vise à motiver les joueuses et joueurs à partager leur profil personnel avec leur entourage.
Dès que l’on commence à s’entraîner, les progrès personnels s’affichent dans le profil de joueur. De plus, les distinctions déjà décrochées ou que l’on peut obtenir s’affichent.
Les joueuses et joueurs peuvent rejoindre ou créer une équipe. Les membres d’une équipe figurent dans un classement (la place dans le classement dépend des progrès accomplis par chacun des membres de l’équipe). Toutes les actions spécifiques à l’équipe sont traitées séparément pour chaque joueuse et joueur via le profil de joueur.
Celle ou celui qui s’est filmé – pendant qu’il réalisait un exercice – peut charger sa vidéo d’entraînement à la fin de l’exercice correspondant. Ces vidéos personnelles s’affichent également dans le profil de joueur.
Envie de créer votre propre profil ? – Ça se passe ici :
Créer un profil de joueur
Unités d’entraînement : à l’image d’un jeu vidéo avec des séquences filmées
Dès que l’on débute une séance d’entraînement, le design de l’application web change du tout au tout ; les joueuses et joueurs passent en « mode jeu ».
Chaque session d’entraînement suit un déroulement clair, la joueuse ou le joueur évalue lui-même sa performance pour la plupart des exercices. Le « fair play » est un fondement essentiel du Top Scorer Challenge. Libre à chacune et chacun de montrer sa performance dans une vidéo d’entraînement.
Outre les entraînements axés sur l’activité physique (un joueur de hockey présente l’exercice et encourage les enfants à le réaliser), l’application web fait aussi appel à l’intellect : une série d’exercices peut être résolue directement sur l’écran par le biais de quiz vidéo interactifs.
Vous vous demandez à quoi ressemble un entraînement axé sur l’activité physique ?! Alors voici un exemple :
« Roulade avec un ballon »
Vous vous demandez à quoi ressemble un quiz vidéo interactif du Top Scorer Challenge ?! – Nous nous faisons un plaisir de vous le montrer :
« Analyse de la situation »
Coach virtuel : l’entraîneur personnel pour tous
Chaque unité d’entraînement est expliquée par l’un des deux coachs virtuels (Patrick Fischer, entraîneur en chef de l’équipe nationale, ou Evelina Raselli, joueuse de l’équipe nationale). Du début à la fin, ils guident les enfants à travers le Top Scorer Challenge : un entraîneur personnel pour tous.
Les deux coachs virtuels se présentent dans la vidéo d’introduction du premier challenge :
Vidéo d’introduction « Coordination »
WordPress : le CMS à tout faire
Pour l’application web du PostFinance Top Scorer Challenge, nous avons utilisé le logiciel libre de droits WordPress. L’administration des utilisateurs, les scores, les données de profil, les interdépendances et le déroulement du plan d’entraînement ainsi que l’ensemble des contenus sont gérés et édités via l’application web développée par nos soins. Pour les vidéos de l’application web, nous utilisons un service vidéo externe que nous avons intégré au CMS aux endroits voulus.
