Union des Bateliers Arcachonnais

Optimisation de l'écosystème transactionnel maritime : De la saturation cognitive à la conversion haute performance par une architecture UI rationalisée.

Présentation de l'écosystème numérique de l'UBA : mockup combinant la refonte du site web et les interfaces stratégiques de l'application mobile pour une expérience de réservation unifiée.

Contexte

L'Union des Bateliers Arcachonnais (UBA) gère un flux massif de passagers avec des pics de saisonnalité extrêmes. Le produit existant, hérité de systèmes legacy, ne répondait plus aux standards de l'e-commerce moderne, particulièrement pour une cible de touristes "on-the-go" (en mobilité).

Problème

L'audit de l'ancien tunnel a révélé une saturation cognitive majeure. Avec un temps de réservation dépassant les 20 minutes, le système enregistrait un taux d'abandon estimé à 68% sur mobile, principalement dû à : Redondance informationnelle : Trop d'étapes de saisie non essentielles avant le paiement. Déficit d'UX Mobile : Une interface non optimisée pour l'achat impulsif ou de dernière minute sur le terrain (au bord de l'eau). Complexité tarifaire : Les options de flexibilité (Flex) surchargeaient l'interface, créant une indécision (Analysis Paralysis) au moment crucial du checkout.

J’ai piloté la refonte du site web et des interfaces mobiles stratégiques, plaçant la reconstruction du tunnel de paiement au cœur de la stratégie produit. Via un Kit UI optimisé et une architecture en progressive disclosure, j’ai transformé un système legacy rigide en un moteur de vente agile. Ce workflow fluidifie le parcours, de la réservation au billet QR Code, pour absorber efficacement les pics de charge saisonniers.

Brandboard de l'UBA présentant l'univers chromatique, la typographie et la recherche d'identité visuelle pour la refonte de l'écosystème numérique.

Arbitrages Product Management & Périmètre Mobile

La priorité stratégique s'est portée sur le « Time-to-Value » et l'optimisation du taux de conversion. Ma mission a consisté à piloter la refonte intégrale du tunnel de réservation, point névralgique de l'écosystème. Pour le volet mobile, j'ai opéré des choix de priorisation ciblés sur une sélection de vues critiques (billetterie QR Code et cartographie interactive) répondant aux exigences immédiates du client. L'éviction volontaire des options « Flex » a été un arbitrage clé pour supprimer la paralysie décisionnelle et garantir un flux de paiement linéaire, capable d'absorber les pics de charge saisonniers sans friction.

Conception du Kit UI & Optimisation Cognitive

L'élaboration d'un Kit UI structuré a permis d'industrialiser la production des interfaces tout en garantissant une cohérence visuelle entre le site web et les vues mobiles. En appliquant des patterns de Progressive Disclosure, j'ai transformé un tunnel initialement saturé d'informations en un système épuré. Chaque composant a été optimisé pour réduire la charge mentale et maximiser la lisibilité, assurant une continuité d'expérience parfaite de la consultation desktop à l'usage terrain sur smartphone, même en conditions de forte luminosité.

Année

2023

Durée

2 mois

Outils

Figma, Tailwind CSS, Octopus, Miro, Notion, InDesign, Trello

Domaine

Product Strategy, Transactional UX Design, Mobile Experience Design, UI Kit Development