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.

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.

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.
