News
Stundenplan
News Article
Mediothek
Landing page
Logo
Lehrkraefte
GYM Menu
Landing page
GYM Hero
GYM Grundlagenfaecher
FMS Selbstaendige Arbeit
Die Lerbermatt
Voir tous les projets

Gymnase Lerbermatt : Une stratégie UX basée sur les données au service d'un design durable

Client
Gymnase Lerbermatt
Catégorie
Développement web
Design d'interface
UX Design
Prestations
Conception et développement d'un nouveau site web
Voir en direct

Introduction

Lors de la première phase du projet, le site web existant lerbermatt.ch a fait l'objet d'une analyse approfondie. Sur la base de données quantitatives et qualitatives, un inventaire détaillé des contenus a été réalisé. L'architecture de l'information qui en a découlé a permis de hiérarchiser précisément les contenus et de poser les bases de décisions fondées sur des preuves. Grâce à cette approche axée sur les données, la navigation, la structure des pages et les flux d'utilisateurs ont pu être optimisés de manière ciblée et alignés sur les besoins réels des différents groupes d'utilisateurs.

Design UI : d'une approche progressive à une identité visuelle institutionnelle et fonctionnelle

Le design visuel a été développé avec le plus grand soin, alliant fraîcheur juvénile et fonctionnalité claire. En tant que gymnase « vert » et durable, les valeurs écologiques devaient être perceptibles dans le design. Le processus de création a évolué d'un concept progressif vers une mise en œuvre fonctionnelle à caractère institutionnel, tout en illustrant visuellement de manière claire la distinction entre l'école de culture générale (ECG) et le gymnase. L'étroite collaboration avec le directeur artistique Sandro Galli a également permis d'adapter de manière cohérente tous les autres supports de communication au nouveau système de design.

Réalisation technique avec Craft CMS et Svelte – interactions vivantes et efficacité éditoriale

Le site web a été réalisé avec Craft CMS et Svelte ; il se distingue par des transitions de pages ainsi que par de fines micro-interactions qui confèrent au gymnase une image vivante et moderne. La mise en œuvre de différentes vues de composants (avec ou sans barre latérale, systèmes de mise en page variables) ainsi que le développement d'une fonction d'horaire conviviale, pouvant être mise à jour facilement et régulièrement par la rédaction, ont été particulièrement exigeants. Une extension ultérieure permettra au corps enseignant de partager et d'évaluer des contributions sur l'utilisation des outils d'IA. Le projet est hébergé sur un serveur suisse et bénéficie d'un excellent accueil de la part de l'équipe rédactionnelle du gymnase.