Océanolab

Activité Espace de médiation scientifique
Prestation Création de site
Date 2025

Présentation du client

Océanolab est un programme imaginé par Océanopolis, Centre de Culture Scientifique dédié à l’Océan, avec l’Institut Universitaire Européen de la Mer (IUEM) et l’Université de Bretagne Occidentale (UBO). Les projets de recherche en écologie marine en cours y sont présentés au public par les scientifiques.

Notre client avait plusieurs besoins sur ce projet
  • Partager l’évolution des projets scientifiques menés à Océanolab, au fil du temps, même après la phase d’expérimentation sur place.
  • Présenter les équipes scientifiques impliquées, leurs méthodes et résultats.
  • Rendre visible la démarche scientifique, les métiers associés, ainsi que les partenaires non scientifiques.
  • Diffuser les connaissances scientifiques auprès du grand public sur des enjeux globaux (climat, biodiversité, pollution...).
  • Créer et animer une communauté d’intérêt, à distance, autour des projets accueillis chaque année.
  • Offrir une plateforme multi format, intégrant textes, vidéos, illustrations…
  • Assurer l’accessibilité mobile pour toucher un public large et varié.
  • Respecter la charte graphique d’Océanopolis, garantissant la cohérence avec le site principal.
  • Prévoir une version anglaise pour toucher un public international.
  • Faciliter l’interaction via un formulaire de contact.
  • Intégrer les aspects techniques liés à l’hébergement, au nom de domaine, et à la maintenance.

Découvrez
notre
collab’
en détail

Notre solution

  • Création d’un site web indépendant, spécifiquement dédié au programme scientifique mené à Océanolab. Ce site permet une pleine autonomie éditoriale et technique, tout en assurant une cohérence graphique avec l’identité visuelle d’Océanopolis.
  • Structuration éditoriale pensée pour la vulgarisation scientifique, avec des pages dédiées à chaque projet de recherche par année, la présentation des chercheurs et chercheuses, les méthodes scientifiques employées, la mise en contexte des enjeux environnementaux.
  • Intégration d’un blog pour suivre l’évolution des projets en temps réel et maintenir un lien avec la communauté.
  • Interface conçue en responsive design accessible sur tous les types d’écrans (ordinateurs, tablettes, mobiles).
  • Présence d’une galerie multimédia : intégration de vidéos, galeries photos, infographies, cartes interactives et tableaux synthétiques pour accompagner les contenus textuels.
  • Formulaire de contact simple et accessible, relié à une adresse de référence pour recueillir questions et retours du public.
  • Création d’un écosystème de blocs sur-mesure.
  • Déploiement d’une version bilingue (FR/EN), avec une plugin de gestion des langues.
  • Préconisation et mise en œuvre d’un hébergement responsable
  • Conception et optimisation du site pour l’accessibilité et la sobriété numérique, en cohérence avec les valeurs du projet scientifique.

Déroulement du projet

Les premiers échanges avec l’équipe projet nous ont permis de poser les bases : comprendre les attentes, cerner les enjeux, commencer à dessiner les contours du futur site. Ces discussions ont nourri la préparation d’un atelier UX, que nous avons animé à distance quelques semaines plus tard.

Cet atelier a été un moment clé. À l’aide d’un outil collaboratif, nous avons présenté une première version de l’arborescence et travaillé ensemble à son évolution. Ce temps d’échange a aussi permis à l’équipe de se projeter plus concrètement dans le futur site, en découvrant les types de pages prévus et les différentes zones de contenu imaginées pour chacun.

À l’issue de l’atelier, l’arborescence et les grands principes de structure étaient fixés. Nous avons alors pu passer à la conception de deux intentions de webdesign pour la page d’accueil. Ces pistes ont été présentées à l’équipe projet, qui a choisi celle à développer.

Le mois suivant, nous avons réalisé les déclinaisons graphiques des principales pages du site : page d’accueil, pages de service, archives, démarche scientifique. A partir du webdesign, nous avons conçu tout un écosystème de blocs sur-mesure pour faciliter la gestion des pages et du contenu.

Suite à la présentation du travail graphique, nous avons pris en compte des retours et effectué les modifications. Une fois les ajustements réalisés, le développement a été lancé suivi de plusieurs phases de tests.

La livraison du site a marqué le début de la période de recettage : l’équipe projet a exploré le site, l’a testé et nous a partagé ses retours dans un document mis en commun.

La mise en ligne a eu lieu durant l’été 2025.

Découvrir le site internet

Ce projet a été cofinancé par l’Union européenne.