ISblue, école universitaire de recherche
Site bilingue d’ISblue, école universitaire de recherche en sciences et technologies marines : formations, recherche, événements, appels à projets et espace candidat.
Une école de recherche tournée vers l’océan
ISblue est une école universitaire de recherche interdisciplinaire consacrée aux sciences et technologies marines. Basée à l’Institut Universitaire Européen de la Mer, à Plouzané, elle réunit des universités, des organismes nationaux de recherche et des écoles d’ingénieurs de l’ouest de la Bretagne autour de la formation et de la recherche.
Son site s’adresse aux étudiants, aux chercheurs, aux candidats étrangers et au grand public, en français et en anglais. Il présente les formations et les thèmes de recherche, tient l’agenda et les actualités de l’école, publie les appels à projets avec leur période de candidature et donne accès à l’espace candidat.
Conçu à l’origine par une autre agence, le site est aujourd’hui suivi par Webdesign29, en collaboration avec ACTIV Communication. Nous avons repris le site, refondu sa partie technique, et nous en assurons l’exploitation au quotidien : mises à jour, maintenance et suivi.
Le projet en bref
- Besoin
- Une école universitaire de recherche s’adresse en deux langues à des étudiants, des chercheurs, des candidats étrangers et au grand public.
- Ce que nous avons livré
- Un site WordPress bilingue en six rubriques, avec les formations, l’agenda, des appels à projets datés et un espace candidat intégré, dont nous avons repris et refondu la partie technique.
- Résultat
- Les appels s’ouvrent et se ferment selon leurs dates, et chaque public trouve sa rubrique dans sa langue.
Six rubriques et deux langues
ISblue est une école universitaire de recherche interdisciplinaire en sciences et technologies marines, basée à l’Institut Universitaire Européen de la Mer, à Plouzané. Elle réunit des universités, des organismes de recherche et des écoles d’ingénieurs de l’ouest de la Bretagne. Son site s’adresse à la fois aux étudiants, aux chercheurs de ses laboratoires, aux candidats venus de l’étranger et au grand public.
Le menu principal compte six rubriques : À propos, Formation, ISblue HUB, Recherche, Bourses et financement et Sciences pour tous. La page d’accueil s’ouvre sur une vidéo, puis présente les dernières actualités, les prochains événements, les newsletters, les formations et les partenaires de l’école.
Le site existe en français et en anglais : les formations, les appels à projets et les pages principales ont leur version anglaise, et l’en-tête propose le passage d’une langue à l’autre. Il donne aussi accès à la recherche dans tout le site et à l’espace candidat des appels à projets. Sur téléphone, le menu se déplie rubrique par rubrique.
Le design d’origine est celui d’une autre agence. Webdesign29, en collaboration avec ACTIV Communication, a repris le site, refondu sa partie technique et en assure l’exploitation au quotidien.
Faites glisser le schéma pour le voir en entier.
Les appels à projets et l’espace candidat
ISblue finance des projets de recherche et de formation au moyen d’appels à projets ouverts tout au long de l’année. La page Bourses et financement présente leur calendrier, puis la liste des appels, que l’on filtre par public : appels internes, étudiants, post-doctorants internationaux, professeurs et chercheurs invités.
Chaque appel a sa page, avec ses modalités, les dossiers types à télécharger et sa période de candidature. Le bouton de candidature suit ces dates : l’appel annonce une candidature pas encore activée avant l’ouverture, propose de soumettre sa candidature pendant la période, puis indique que les inscriptions sont closes.
Le bouton mène à l’espace candidat, intégré aux pages du site. On y crée un compte, on s’y connecte ou on récupère son mot de passe, avec des libellés en français et en anglais pour les candidats étrangers.
Faites glisser le schéma pour le voir en entier.
Formations, événements et actualités
La rubrique Formation présente les masters en trois catégories : sciences de la mer et du littoral, écoles d’ingénieurs et mastères spécialisés. Chaque fiche décrit le diplôme et les établissements qui le délivrent, affiche les témoignages d’étudiants liés à cette formation et propose en fin de page les autres diplômes de la même catégorie.
L’agenda réunit les événements organisés ou soutenus par l’école, filtrés par catégorie et à partir d’une date : conférences, séminaires, écoles d’été, ateliers ou soirées étudiantes. Chaque événement a sa page, avec son lieu, ses horaires et, le cas échéant, son lien d’inscription.
Les actualités sont classées par catégorie, et les newsletters restent consultables sur le site, chacune avec son sommaire.
Faites glisser le schéma pour le voir en entier.
La recherche et les campagnes en mer
La rubrique Recherche présente les cinq thèmes interdisciplinaires de l’école, une page par thème, ainsi que les projets emblématiques, les chaires, les publications et le cycle de conférences ETHOS. L’ISblue HUB, qui relie les étudiants aux acteurs socio-économiques, a sa propre rubrique avec ses appels.
Le site accueille aussi les universités flottantes, ces campagnes océanographiques auxquelles participent des étudiants. Chaque campagne a sa page, avec son journal de bord, les séminaires donnés à bord, la vie de l’équipage, un lexique scientifique ou des vidéos. La rubrique Sciences pour tous rassemble les actions destinées au grand public.
Le site, page par page
29 pages capturées sur isblue.fr le 25 septembre 2026, sur ordinateur et sur téléphone. Cliquez sur un aperçu pour l’agrandir, puis faites défiler à l’intérieur pour découvrir toute la page. Les flèches permettent de changer de page.
- L’école 10 pages
- Formation 6 pages
- Recherche 5 pages
- Bourses et financement 4 pages
- Sciences pour tous 4 pages
L’école
L’accueil, la présentation, les actualités et les événements.
10 pages, 10 vues mobiles
Formation
Les masters, les écoles doctorales et les dispositifs pédagogiques.
6 pages, 6 vues mobiles
Recherche
Les thèmes, les projets et les rencontres.
5 pages, 5 vues mobiles
Bourses et financement
Les appels à projets et l’espace candidat.
4 pages, 2 vues mobiles
Sciences pour tous
Les actions pour le public et les campagnes en mer.
4 pages, 4 vues mobiles
Les fonctions du site
Ce que les étudiants, les chercheurs, les candidats et le public trouvent sur isblue.fr.
Découvrir l’école
- Présentation, gouvernance et laboratoires membres
- Actualités classées par catégorie, avec pagination
- Agenda des événements, filtré par catégorie et par date
- Newsletters archivées, chacune avec son sommaire
- Partenaires présentés en page d’accueil
- Formulaire de contact avec consentement
Formation
- Masters rangés en trois catégories, présentés en carrousels
- Fiche de formation avec établissements et témoignages
- Autres diplômes de la même catégorie en fin de fiche
- Écoles doctorales partenaires
- Six dispositifs pédagogiques, d’ImmerSea LAB à SEAnergy
Recherche
- Cinq thèmes de recherche, une page par thème
- Projets emblématiques et chaires
- Conférences ETHOS, programme et éditions passées
- ISblue HUB, ses outils et ses appels
- Post-doctorants internationaux et publications
Appels à projets
- Calendrier des appels sur la page Bourses et financement
- Filtres par public : appels internes, étudiants, post-doctorants, invités
- Période de candidature affichée sur chaque appel
- Bouton de candidature actif seulement pendant la période
- Dossiers types à télécharger
- Espace candidat bilingue : compte, connexion, mot de passe oublié
Sciences pour tous et campagnes
- Science Comes To Town, Mer et éducation, jeux sérieux
- Une page par université flottante
- Journaux de bord, séminaires à bord et lexique scientifique
- Vidéos des campagnes et revue de presse
Exploitation du site
- Reprise du site
- Refonte de la partie technique
- Mises à jour et maintenance au quotidien
- Design d’origine conservé
Navigation
- Menu en six rubriques, avec sous-menus
- Menu dépliable sur téléphone
- Version anglaise, avec passage d’une langue à l’autre
- Recherche dans tout le site
- Fil d’Ariane et plan du site
Technologies utilisées
WordPress
jQuery
Font Awesome
Google Tag Manager
PHP
MySQL
React- CMS : WordPress, avec des contenus structurés (formations, événements, témoignages, appels à projets, newsletters)
- Multilingue : WPML, français et anglais
- Formulaires : Contact Form 7, avec champs conditionnels
- Espace candidat : application React intégrée aux pages de candidature
- Référencement : Yoast SEO, plan du site XML
- Performances : cache WP Rocket
- Cookies : bandeau de consentement
Pour un projet du même type
Le site a pu évoluer depuis notre intervention.
