Accueil — Viktoryia Kuzmich
Langue: Français

Tous les projets

Oceanautica : site du programme

La refonte du site d’un programme de recherche sous‑marine pour adolescents, que j’avais conçu en 2017 : un nouveau style assorti à l’espace personnel et une structure nourrie par une enquête auprès des parents et des enfants.

  • UI/UX
  • IA
  • Design visuel
Rôle
Designer
Voir le site
oceanautica.ru

Contexte

Oceanautica est un programme éducatif du Centre de recherches sous‑marines de la Société géographique de Russie, organisé au centre pour enfants Orlionok. Des adolescents de 13 à 16 ans suivent un cours en ligne à distance, et les 100 meilleurs sont invités gratuitement à un séjour de 21 jours : plongée en scaphandre et en mini‑sous‑marin, construction de robots sous‑marins, archéologie et sauvetage en mer.

L’apprentissage et la sélection se déroulent dans un espace personnel — c’est l’objet d’une étude de cas distincte. Celle-ci porte sur le site public : ce qu’une famille voit avant de s’inscrire, et où elle revient chercher les règles, les délais et les actualités.

J’ai conçu la première version du site en 2017, pour le lancement du programme. Depuis, le programme a grandi et l’espace personnel a été redessiné — à côté de lui, le site avait vieilli, dans son style comme dans son contenu.

Difficultés

  • Après la refonte de l’espace personnel, le site de 2017 ne lui correspondait plus : passer du site à l’inscription donnait l’impression de changer de projet.
  • Le site a deux lecteurs. L’adolescent doit en avoir envie : que vais‑je faire pendant le séjour, quelle filière choisir ? Le parent doit se décider sans se tromper : est‑ce vraiment gratuit, quels documents, quels délais ?
  • La loi veut que le parent inscrive l’enfant et fournisse les données, tandis que l’enfant étudie et passe les tests — le site doit s’adresser aux deux sans mélanger leurs tâches.
  • La sélection est une suite stricte d’étapes à échéances, et le programme vit selon un cycle annuel : un mois d’inscription, l’apprentissage, le séjour, puis une longue intersaison.

Objectifs

Donner au site le même style que le nouvel espace personnel.

Apprendre des parents ce qui leur manque sur le site, et combler ces manques.

Parler au parent et à l’adolescent de façon que chacun trouve aussitôt sa part.

Processus

  1. Kick‑off avec l’équipe du programme : j’ai précisé les mises à jour nécessaires et ce qui avait changé depuis 2017

  2. Une enquête auprès des parents — sur le site : ce sont eux qui décident où leur enfant passera l’été

  3. Une enquête auprès des enfants — sur l’espace personnel, où ils étudient

  4. Un nouveau style visuel pour tout le site, accordé à l’espace personnel

Ce qu’a montré l’enquête auprès des parents

98
parents sur 126 ont répondu à l’enquête
4,65
sur 5 — le site répond-il aux questions sur le programme
4,31
sur 5 — règles et conditions : la note la plus basse

Dans l’ensemble, le site a été jugé pratique et clair : il ne s’agissait donc pas de tout refaire, mais de combler des manques précis. Près des trois quarts des répondants connaissaient déjà le programme ; j’ai donc regardé à part les réponses des nouveaux — ce sont eux qui ont le plus besoin du site.

« On ne les voyait pas tout de suite, il fallait chercher »

« Un très grand volume d’informations, difficile à lire sur un ordinateur »

Résultats

Les témoignages

Avant

Le site ne proposait aucun témoignage. Pourtant, 75,5 % des parents les jugent importants — 84 % parmi ceux qui participent pour la première fois.

Après

L’accueil comporte désormais un carrousel de témoignages. Chacun est signé d’un nom et d’une région, et des pastilles colorées indiquent les années de participation — on voit que beaucoup reviennent trois ou quatre fois.

Carrousel de témoignages : des cartes avec photo, région et pastilles colorées des années de participation
Des pastilles d’années à côté d’un nom : la façon la plus courte de dire « on y revient ».

Les délais

Avant

La note des délais était élevée (4,64), mais les commentaires disaient autre chose : il fallait chercher les échéances de chaque étape, et les nouveaux ignoraient que même le début du cours en a une.

Après

Sur la page « À propos », l’inscription est présentée en une bande de cartes : chaque étape porte son délai en titre, suivi d’une seule ligne d’explication.

La bande « Processus d’inscription » : des cartes indiquant le nombre de jours pour chaque étape
Le délai figure dans le titre de la carte — c’est ce que la famille cherche en premier.

Les règles et les conditions

Avant

Le point le plus faible de l’enquête : le règlement est un long document, difficile à lire à l’écran, et le barème des réalisations restait obscur même pour un adulte.

Après

Les conditions sont découpées en sections à ancres, les motifs de refus les plus fréquents sont mis en avertissement, et les exigences d’âge et de santé des cinq filières tiennent dans un seul tableau. Les réalisations ont leur propre rubrique dans la FAQ.

La page des conditions : deux avertissements jaunes et un tableau des restrictions d’âge et de santé pour les cinq filières
Des avertissements pour ce qu’il ne faut pas manquer ; un tableau pour ce qu’il faut comparer.
La page « Questions-réponses » : à gauche la navigation par six thèmes, à droite les questions dépliables
Les six thèmes de la FAQ reprennent les étapes de la sélection : inscription, questionnaire, apprentissage, conditions, réalisations, résultats.

Le centre et le programme

Avant

61,2 % des parents voulaient en savoir plus sur le centre — 80 % parmi les nouveaux. Le site décrivait le programme, mais montrait à peine où l’enfant irait exactement.

Après

Le menu « À propos » s’est enrichi d’une entrée « Le centre », chaque filière a sa page avec des images des sessions passées, et la rubrique « Médias » conserve les archives depuis 2017.

La page de la filière « Aquanautes » : un grand titre, une courte description et deux photos du séjour
La page de filière reprend le principe de l’accueil : un grand nom et de vraies photos plutôt que des images de banque.
La rubrique « Médias » : un sélecteur d’années de 2017 à 2026 et la carte de la session 2025
Des archives par année : le parent voit que le programme a une histoire, l’adolescent voit ce qui l’attend.

Ce qui a encore changé

Un parcours, deux voix

Le bloc « Comment participer ? » coupe quatre étapes en deux : les deux premières sont « pour le parent », les deux suivantes « pour le participant ». Le ton change aussi : le site vouvoie le parent et tutoie l’adolescent. Chacun repère sa moitié d’un coup d’œil.

Le bloc « Comment participer ? » : deux étapes sous l’étiquette « Pour le parent » et deux sous « Pour le participant »
Quatre étapes, deux publics : les étiquettes colorées indiquent à qui c’est le tour d’agir.

Cinq filières sur un seul écran

Chacune des cinq spécialités a sa couleur — la même la signale sur la carte, sur la page de la filière et dans l’espace personnel. Sur l’accueil, les cinq tiennent sur une seule rangée : on les compare sans faire défiler.

Cinq cartes de filières alignées — aquanautes, sauveteurs, hydronautes, gardiens, inventeurs — et, dessous, le bloc des conditions de participation
Cinq filières et les trois conditions essentielles sur un seul écran, juste sous la présentation du programme.
Le bloc « Ce que font les Aquanautes pendant le séjour » : cinq cartes aux points brefs
Cinq points brefs répondent à la question de l’adolescent : « et qu’est‑ce que j’y ferai ? »

Un site qui fonctionne aussi hors saison

Onze mois par an, les inscriptions sont fermées. Pendant ce temps, l’écran principal dit clairement que la session est terminée et quand la suivante ouvrira, et l’action principale passe de l’inscription à « Me le rappeler » — un abonnement à l’e‑mail annonçant la nouvelle saison.

Bilan

Le site est en ligne à l’adresse oceanautica.ru et se lit comme un seul produit avec l’espace personnel : une famille va de la découverte du programme à l’inscription sans changer ni de langage ni de style.