Un musicien joue d’un tambour sur cadre devant un mur de pierre
  • UX/UI Design
  • Développement

HEM, une école de musique,
deux sites, un seul site web

Client
Haute école de musique de Genève – Neuchâtel
Mission
Conception UX/UI et développement

La HEM forme des musicien·ne·s sur deux sites, à Genève et à Neuchâtel. Son site devait présenter une offre de formation très riche, un agenda dense et la vie de l’école, sans perdre aucun de ses publics.

La problématique

Formations, disciplines, recherche, concerts, masterclasses : la HEM publie un volume de contenus considérable, pour des publics très différents — candidat·e·s, étudiant·e·s, enseignant·e·s, public des concerts. Il fallait rendre cette richesse lisible et accessible en quelques gestes.

La page d’accueil du site de la HEM Genève – Neuchâtel sur un MacBook

La solution

Nous avons organisé le site par publics et par usages : un menu « Vous êtes… », des listes filtrables pour les formations et les événements, et une identité forte portée par les couleurs de la HEM. Sur mobile, chaque fiche se parcourt d’un seul geste.

La liste des formations courtes de la HEM dans un navigateur, sur fond vert
Composants de l’interface de la HEM : boutons, pictogrammes, cartes et captures des pages
Trois pages du site de la HEM présentées en colonnes
La page « Composition à l’image » du site de la HEM sur mobile
La liste des événements de la HEM filtrée, sur un iPad

Découvrir d’autres projets

Des plateformes, des services et des expériences digitales que nous concevons, construisons et faisons évoluer avec nos clients.

Sur quoi travaillez-vous ?

Expliquez-nous l’enjeu. Construisons la suite.