Werkveilig

Contexte

Présenter les activités de l’Instituut voor Veiligheid & Milieu à des visiteurs aux objectifs différents : trouver une formation, comprendre les services ou demander un accompagnement. Un grand volume de contenus devait rester lisible.

L’enjeu

Ne pas mélanger formations, secteurs, services et contenus d’expertise dans un seul flux. La navigation doit aider le visiteur à identifier son besoin et à atteindre une offre précise.

Nos choix

1. Plusieurs entrées, une seule architecture

   L’accueil présente les grands domaines, et la structure intérieure sépare formation, services, besoins sectoriels et savoir-faire. Chaque entrée se prolonge en un parcours à part entière.

2. Le catalogue de formations comme outil de travail

   L’UX/UI détaille le passage d’un domaine général à une formation précise. Le catalogue a sa propre hiérarchie d’information et un affichage responsive.

3. Le contact au bon moment

   Formulaires et points de contact sont intégrés à la structure de l’offre. Le visiteur peut poser une question ou s’inscrire là même où il a compris le service dont il a besoin.

4. Un système pour beaucoup de contenu

   Exo 2 unifie la navigation, les titres et le texte courant. Les contrastes de graisse et de taille distinguent les niveaux, et la couleur sépare surfaces et accents.

Notre réalisation

1. Architecture et parcours utilisateurs

   Nous avons organisé un grand volume d’informations en services, secteurs, formations et contenus d’expertise, et conçu le chemin vers le bon domaine et son point de contact.

2. UX/UI et système visuel

   Nous avons conçu des interfaces cohérentes pour l’accueil, le catalogue et les rubriques intérieures, avec des mises en page ordinateur et mobile qui gardent la marque reconnaissable et la hiérarchie claire.

3. Développement et paramétrage

   Nous avons réalisé le site, les formulaires et les points de contact, et relié les structures des services et des secteurs au catalogue de formations et aux ressources d’expertise.

4. SEO, tests et lancement

   Nous avons organisé les contenus et la structure SEO, mené les tests et l’optimisation finale, et conduit le projet jusqu’au lancement avec un parcours continu, de la découverte de l’offre à la prise de contact.

Système visuel

Une base verte, un accent vert anis et un texte bleu-vert foncé donnent une interface professionnelle et très lisible. Sur l’accueil, une grande photo est accompagnée d’entrées vers chaque domaine, puis blocs d’information et blocs visuels alternent.

Famille

Exo 2 · graisses 300, 400, 700, 800

Texte courant

16 px · 300 · interligne 1,5

H1

800 · clamp(32 px, 4vw, 52 px) / 1

H2 / H3

28–44 px / 24–28 px · graisse 800

Navigation / boutons

18 px, 800 / 16 px, 700

Conteneur

1280 px ; blocs larges jusqu’à 1456 px ; marges de 24 px

Largeurs de référence

640 · 768 · 1024 · 1280 · 1456 px

Parcours et contenus

Un domaine sur l’accueil → services ou catalogue de formations → une offre précise → la demande. Les rubriques sectorielles et les contenus d’expertise offrent d’autres entrées dans la même structure.

Promotion

Nous avons optimisé le site pour le référencement, configuré un compte Google Ads, puis lancé la publicité et la promotion dans les moteurs de recherche.

Le résultat

IVM dispose d’un site institutionnel opérationnel pour le marché néerlandais. L’entreprise, ses services, ses formations et ses ressources d’expertise partagent une même structure. Le visiteur choisit un domaine et prend contact pour son besoin, sur grand écran comme sur mobile. Architecture, design et réalisation complète ont été menés dans un seul projet, jusqu’au lancement.

Outils et réalisation

UX/UI · développement web responsive · HTML / CSS · structure SEO