Services  à  la  vie  étudiante  de  l’Université  de  Montréal 

Objectif

Procéder à la conception d’un site web Mobile First unilingue français pour les Services à la vie étudiante de l’Université de Montréal.

Contexte

Notre équipe a procédé à la refonte de l’écosystème des Services à la vie étudiante de l’Université de Montréal pour unifier sous une même plateforme tous ses services. Un travail en amont fait par une autre équipe a guidé la nôtre durant la phase initiale du projet, qui consistait à finaliser l’arborescence et créer la structure UX. Elle devait tenir compte des résultats des recherches quantitative et qualitative réalisées auprès des étudiants et des équipes internes.

Design UX

Nous avons ensuite procédé à la réalisation des gabarits Mobile First. Le travail tient compte du SEO technique, de l’architecture d’information et des données structurées. Le menu burger s’utilise de la même façon sur desktop et mobile. Il libère l’entête de page d’informations encombrantes. Il facilite également la navigation à travers les différents niveaux de menu. Une visionneuse en accueil met de l’avant des informations importantes.

Design UI

Nous avons réalisé deux propositions de maquettes graphiques pour bien cerner l’identité visuelle. Les gabarits présentent la palette de couleurs revue récemment par l’UdeM. En plus du bleu vif de la marque, une palette élargie composée de bleu marin, jaune, orange et vert donne vie au site web. L’aspect final est épuré et facile de lecture. Des courbes aux coins opposés des images ajoutent une touche personnalisée.

Résultat

Le site web centralise les services à la vie étudiante. Il s’utilise facilement sur mobile. On trouve sur la plateforme des vues calendrier et catalogue des événements, des activités et des formations. Il possède aussi un outil de recherche performant, des articles de blogue et une gestion des bannières promotionnelles. Le tout répond aux exigences en matière d’accessibilité du web.