bk.
← Retour aux projets

DESIGN UX & PRODUIT · WEB · CONVERSION · 2024

Refonte du site web du Loyalist College

Rebâtir la confiance de chaque type d'utilisateur — à la fois

ROLEDesigner UX principal
TIMELINE6 Months
TOOLSFigma · FigJam · Google Analytics
TEAMPM · Content Strategist · WordPress Tech Lead · FE Developers · QA
Loyalist College website desktop view

THE CHALLENGE

The Challenge

Échouer chaque public — simultanément

Le site web du Loyalist College échouait plusieurs publics à la fois : les futurs étudiants ne trouvaient pas les détails des programmes, les candidats internationaux naviguaient sans guidance, et le personnel ne parvenait pas à localiser des documents essentiels. À cela s'ajoutaient un rebranding complet, une dette technique importante, et une date de mise en ligne imposée légalement qui éliminait toute marge d'itération. La refonte devait servir tous les types d'utilisateurs sans compromis — et livrer dans les délais.

THE APPROACH

The Approach

Décisions guidées par la recherche, design conscient des contraintes

J'ai dirigé toute la phase de découverte UX : conception et animation d'un sondage auprès des parties prenantes, analyse comparative d'institutions concurrentes, et un atelier de personas de 20 personnes couvrant étudiants nationaux, étudiants internationaux, personnel, parents et membres de la communauté. Plutôt que de traiter les contraintes comme des blocages, j'ai cartographié tôt les limitations des plugins WordPress avec l'architecte de solutions — redirigeant ces ressources vers les surfaces à plus fort impact comme la page d'accueil et la page de détail des programmes. Chaque décision d'architecture de l'information et de navigation était ancrée dans les insights des ateliers et 6 mois de données Google Analytics.

Le processus

01

Découvrir

Sondage auprès des parties prenantes pour aligner les objectifs et les priorités d'audience. Analyse comparative de 5 institutions concurrentes. Atelier de personas de 20 personnes avec étudiants nationaux, internationaux, personnel, parents et membres de la communauté pour faire émerger les points de douleur distincts par audience.

02

Définir

Synthèse des résultats d'atelier et de 6 mois de données Google Analytics en un rapport de livraison pour les parties prenantes. Décision clé : mise en avant des parcours pour étudiants internationaux dans la navigation utilitaire — réponse directe à la découverte que ce public était le plus mal desservi et la priorité la plus élevée pour la croissance des inscriptions.

03

Concevoir

Wireframage de 7 gabarits de pages principales (page d'accueil, liste des programmes, détail de programme, vie au Loyalist, médiathèque, actualités/événements, politiques). Conception autour des contraintes des plugins WordPress identifiées avec l'architecte de solutions — permettant de concentrer les ressources sur la page de détail de programme, le gabarit le plus complexe et le plus fréquenté.

04

Livrer

Validation des wireframes avec les parties prenantes et passation au designer UI pour l'application du rebranding. Établissement d'un cadre Google Analytics pour le suivi post-lancement dans le cadre du contrat de maintenance, permettant une itération continue basée sur le comportement réel des utilisateurs.

Les résultats

GA4Intégration analytique
7Gabarits de pages conçus et livrés
1 systèmeArchitecture unifiée pour tous les publics
4 groupesPersonas utilisateurs distincts définis

Ce projet m'a confirmé que les décisions UX les plus impactantes se prennent avant qu'un seul wireframe ne soit tracé. Cartographier les contraintes WordPress tôt avec l'architecte de solutions nous a permis d'investir là où ça comptait — sans devoir s'adapter dans l'urgence. L'atelier m'a aussi montré que les étudiants internationaux étaient un public plus urgent que le brief ne l'avait priorisé ; c'est en le démontrant par les données, et non par opinion, que j'ai obtenu l'adhésion des parties prenantes. Si je recommençais, je pousserais davantage pour une phase de recherche post-lancement afin de boucler la boucle sur les changements d'architecture de l'information. Création de parcours de navigation distincts pour les étudiants internationaux et nationaux, mise en place d'un fil d'Ariane, et mise en valeur de la vie sur le campus, des coûts et des témoignages — le tout dans le cadre des contraintes des plugins WordPress et de la nouvelle identité de marque du collège.