Aller au contenuAller à la navigationAller au contact

Réalisations·Associations & institutions

École Saint-Exupéry

À Eysins, près de Nyon, l'École Saint-Exupéry enseigne en français, en allemand et en anglais. Son site devait parler les trois langues, et tenir les parents informés au quotidien.

L'École Saint-Exupéry est une école primaire suisse, laïque et de proximité, qui suit le plan d'études romand. L'enseignement s'y fait par immersion : au fil des années, les matières sont données tour à tour en français, en allemand ou en anglais, à des élèves de toutes les nationalités.

L'ancien site n'était plus adapté aux téléphones. Nous l'avons repensé en 2018 avec un CMS sur mesure, trois langues et ce que les familles consultent le plus : le menu de la semaine, le calendrier scolaire et l'inscription en ligne. Nous l'entretenons depuis.

Client
École Saint-Exupéry
Année
2018
Photographie
Celynek
Technologies
  • Laravel
  • Multilingue
  • CMS sur mesure

Une école qui parle trois langues. Son site aussi.

Le logotype de l'École Saint-Exupéry, Eysins · Nyon

Une école de proximité

La page d'accueil présente l'école en quatre engagements : une scolarité plurilingue en immersion, des valeurs essentielles, le respect de chacun et l'ouverture sur le monde. Les photos de Celynek montrent les classes, les couloirs et le bâtiment violet de l'école.

Le site s'adresse d'abord aux parents, ceux qui découvrent l'école comme ceux qui y ont déjà un enfant. Il devait donc être clair, accessible sur téléphone et toujours à jour.

Défilement de la page d'accueil
« Une école suisse, régionale et de proximité »
« Respectueuse de chacun »
« Une scolarité plurilingue en immersion »
« Attachée aux valeurs essentielles »

Des blocs qui s’emboîtent

Le logo de l'école est fait de pièces qui s'emboîtent, comme dans un jeu de Tetris. Nous en avons gardé la structure, l'avons modernisé, puis en avons tiré tout le système du site.

Chaque engagement a sa pièce et sa couleur : vert pour le plurilinguisme, rouge pour les valeurs, violet pour le respect, orange pour l'ouverture sur le monde. Le bleu marine porte les titres et la navigation.

« Une pièce, puis une autre »
Les blocs qui forment le logo
La construction du logo sur sa grille
Les quatre engagements qui s’allument
La palette : vert, rouge, violet et orange, avec le bleu marine, l’ardoise et le gris clair
Une frise de blocs autour du logo

Trois langues, une même école

Le site existe entièrement en français, en allemand et en anglais, comme l'enseignement. Chaque page a sa version dans chaque langue, et on passe de l'une à l'autre sans perdre sa place.

Sur téléphone, le sélecteur de langue reste à portée de pouce, en haut de chaque page.

« Bienvenue. Willkommen. Welcome. »
« Ouverte sur le monde », en trois langues
Le sélecteur de langue sur mobile
Le site en français, en allemand et en anglais sur mobile

Ce que les familles cherchent

Avant de dessiner une seule page, nous avons posé le plan du site : à propos, pédagogie, scolarité, inscription, galeries, contact. Chaque rubrique se retrouve en un clic depuis le menu.

Les informations du quotidien ont leur place : le menu de la semaine de la cantine, le calendrier scolaire de l'année, et un bulletin d'inscription en ligne qui remplace le formulaire papier.

Le plan du site : des pages et des blocs
La navigation en étiquettes
« Ouverte sur le monde »
Le calendrier scolaire 2026 – 2027
Le menu de la semaine
Les pages pratiques sur mobile
Le bulletin d'inscription en ligne
Il est rare de nos jours de trouver des entreprises aussi réactives, qui ont à cœur de rendre un travail aussi soigné.
Thibaud RueschDirecteur général, École Saint-Exupéry

Mis à jour par l’école

L'équipe de l'école gère elle-même ses contenus depuis Lochness, notre CMS : actualités, galeries, calendrier, et chaque semaine le menu de la cantine, en trois langues.

Depuis 2018, le site a suivi les évolutions de Laravel et de Lochness. Il tourne aujourd’hui sur les dernières versions, sans avoir été refait.

Le menu de la semaine mis à jour depuis le CMS
La frise de blocs et la navigation

Un site qui doit parler plusieurs langues ?Ou le projet que vous n’osez pas lancer.

Un gros projet se mène comme un petit : une étape à la fois. La première, c’est un café à Vevey ou un appel.

Parlons-en
Service associéSite vitrine sur mesure