← Retour aux projets Case study UX

BoatOn

Référent UX produit sur un SaaS de GMAO nautique utilisé par +15 000 utilisateurs. Structuration des parcours, arbitrages sous contraintes terrain et cohérence web/mobile — pour un outil qui fonctionne avec des gants, du soleil et zéro droit à l'erreur.

Rôle

UX Designer senior

Durée

2021 – aujourd'hui

Plateformes

Web & Mobile

Outils

Figma Notion Claude Slack

Équipe

4 dévs · 1 UX

BoatOn — aperçu des 5 écrans principaux
Réservation bateau
Fiche équipement
Modifier le graphique

Contexte & usage

BoatOn est un logiciel SaaS de gestion de flotte maritime utilisé par des capitaines, équipages et gestionnaires. Les utilisateurs doivent gérer maintenance, journal de bord et conformité réglementaire dans des conditions peu propices au numérique.

L'usage est majoritairement terrain : extérieur, stress, temps limité, faible tolérance à l'erreur. L'enjeu UX principal est de réduire la charge cognitive et les erreurs humaines, tout en respectant des contraintes réglementaires strictes.

Évolution de BoatOn

De la plaisance aux lycées maritimes — 7 ans de construction produit.

2018 2025
2018

Lancement

  • Vision : digitaliser le carnet de bord & l'entretien nautique
  • Marché initial : plaisance
2020–21

BoatOn Book

  • Journal de bord numérique
  • Suivi de maintenance & documents
  • Premiers usages mobiles terrain
2022

Structuration produit

  • Gestion des stocks & équipements
  • Historique technique centralisé
  • Début des usages professionnels (flottes, écoles)
2023

Passage à l'échelle B2B

  • Gestion multi-bateaux
  • Tableaux de bord & reporting
  • Adoption par acteurs pro (formation, intervention)
2024

Virage impact & data

  • Bilan carbone automatisé
  • Indicateurs environnementaux
  • Positionnement "navigation responsable"
2025

Reconnaissance institutionnelle

  • Déploiement dans 11 lycées maritimes
  • Standardisation des usages pédagogiques
  • Outil de référence pour gestion & formation

Problèmes UX clés

01

Journal de bord difficilement utilisable sur mobile

02

Alertes réglementaires incompréhensibles

03

Parcours trop longs pour des actions critiques

04

Rupture d'expérience entre web et mobile

Mon rôle UX

Seul designer sur le produit, j'interviens comme référent UX produit auprès du PO et de l'équipe de développement. Mon rôle dépasse la conception d'écrans : je contribue aux décisions produit, j'arbitre les compromis UX/tech/réglementaire, et je porte la vision d'usage de bout en bout.

Stratégie & priorisation

  • Définition de la roadmap UX en lien avec les objectifs produit
  • Priorisation des modules selon l'impact utilisateur et la valeur métier
  • Arbitrages entre dette UX, contraintes techniques et obligations réglementaires

Conception & système

  • Architecture des parcours web & mobile sous contraintes terrain
  • Conception et maintenance du design system cross-platform
  • Prototypage haute-fidélité et spécifications pour les développeurs

Terrain & itération

  • Recueil des usages réels auprès des capitaines, équipages et gestionnaires
  • Tests en conditions réelles (extérieur, mobile, connexion dégradée)
  • Itérations continues à partir des retours terrain et des métriques d'usage

Choix UX structurants

1

Mobile-first terrain

Conception pensée d'abord pour le mobile (gants, soleil, connexion instable), puis adaptée au web.

Bénéfice Adoption réelle sur le terrain, pas de refonte tardive.
2

Validation humaine du journal de bord

Données pré-remplies automatiquement, validation en un tap par le capitaine.

Bénéfice Conformité audit + réduction drastique du temps de saisie.
3

Alertes MLC pédagogiques

Alertes compréhensibles avec proposition de correction intégrée.

Bénéfice Moins d'erreurs, moins d'appels au support.
4

Design system minimal

12 composants de base, enrichis uniquement en cas de besoin réel.

Bénéfice Cohérence web/mobile et réduction de la dette design.

Écrans clés

Livre de bord — interface web
Livre de bord — interface mobile
Livre de bord — web & mobile
Gestion de l'inventaire — interface web
Gestion de l'inventaire — modale structure
Gestion de l'inventaire — web & modale
Planning — vue chronologie
Planning — vue calendrier
Planning — vue affectations
Planning équipage — 3 vues
Bilan carbone — tableau de bord
Bilan carbone — configurateur de graphique
Bilan carbone — dashboard & configurateur

Résultats & impact

+15 000 utilisateurs web & mobile
11 lycées maritimes équipés
4 ans d'itérations continues sur le produit

Adoption & reconnaissance

  • Produit adopté par Les Glénans, référence de la voile en France
  • Déploiement dans les lycées maritimes comme outil pédagogique de référence
  • Passage réussi de la plaisance au marché B2B professionnel et institutionnel

Améliorations UX mesurables

  • Réduction du temps de saisie du journal de bord grâce au pré-remplissage et à la validation en un tap
  • Diminution des erreurs de conformité via des alertes réglementaires pédagogiques
  • Cohérence cross-platform assurée par un design system partagé web/mobile

Ce que ce projet m'a appris

BoatOn a profondément façonné ma pratique du design produit. Concevoir pour des utilisateurs qui portent des gants, travaillent en plein soleil et n'ont aucune tolérance à l'erreur oblige à une rigueur que peu de projets imposent. Chaque écran doit fonctionner du premier coup, dans le pire scénario.

J'y ai consolidé une conviction : un bon design produit ne consiste pas à simplifier l'interface, mais à absorber la complexité métier pour que l'utilisateur n'ait plus à y penser.