Brand New Edge
Brand New Edge
Parlons-en
Marketplace · 12 mois · 4-person team

AquaMobile

AquaMobile est un service canadien de natation privée et de sauvetage à la demande, le Uber des cours de natation à domicile. La plateforme met en relation des instructeurs certifiés avec des parents partout au Canada et aux États-Unis.

11 Itérations de conception sur le parcours de réservation client
11
Itérations de conception sur le parcours de réservation client
8.0
Versions du module instructeur avant la production
5
Zones distinctes de la plateforme conçues et développées

Le défi

AquaMobile avait atteint une adéquation produit-marché et une certaine envergure, mais sa plateforme ne suivait plus la complexité grandissante de l'entreprise. L'interface existante peinait à assurer une communication claire entre les parents, les instructeurs et les administrateurs, et l'expérience utilisateur ne reflétait pas le niveau de confiance et de professionnalisme qu'exigeait le service.

Le PDG avait besoin que l'ensemble du parcours de la plateforme soit repensé et reconstruit, validé auprès d'utilisateurs réels avant le développement, et aligné sur la stratégie de croissance de l'entreprise.

Ce que nous avons fait

Brand New Edge a pris en charge la refonte complète et le développement front-end d'AquaMobile, en appliquant le Design Thinking dès le départ : comprendre comment chaque type d'utilisateur interagit avec le système, ce qu'il doit accomplir, et où la friction coûtait des conversions et de la rétention à la plateforme.

Le processus est allé de la stratégie au prototype jusqu'au front-end validé, le prototype navigable ayant été approuvé par le PDG et les investisseurs avant qu'une seule ligne de code de production ne soit écrite.

La plateforme a été structurée autour de cinq zones distinctes, chacune conçue et développée avec sa propre logique UX :

Le Parcours Client était l'expérience de réservation publique et ouverte. Les parents pouvaient préciser le type de service (cours de natation privés ou embauche d'un sauveteur), choisir la durée, le lieu et l'horaire, consulter les profils des instructeurs avec leurs biographies, certifications et évaluations, puis finaliser la réservation et le paiement. Ce parcours a traversé onze itérations de conception avant d'atteindre la production.

L'Espace Client était la zone connectée pour les parents : gérer les profils des élèves, suivre les réservations, communiquer avec les instructeurs, surveiller les soldes de crédit avec des alertes en temps réel, accéder à un programme de parrainage et participer à des sondages de rétroaction sur la plateforme.

L'Espace Instructeur donnait aux instructeurs certifiés et aux sauveteurs un contrôle complet sur leur présence professionnelle : gérer les disponibilités, consulter les réservations en vues calendrier et liste, synchroniser avec Google Calendar, suivre les revenus, interagir avec les clients et bâtir leur réputation grâce aux badges et aux évaluations visibles. La version 8.0 a été déployée en production.

L'Administration Centrale donnait à l'équipe interne d'AquaMobile la salle de contrôle opérationnelle : rechercher et gérer clients et instructeurs, traiter les réservations, gérer la paie, administrer les coupons, les accès du personnel et les niveaux de programme : chaque enregistrement accessible, filtrable et actionnable depuis une interface unique.

La Page d'Atterrissage était la surface d'acquisition, convertissant les visiteurs par emplacement : instructeurs disponibles dans la région, détails du programme de cours, témoignages et formulaire de capture de prospects structuré pour communiquer professionnalisme et proximité.

Comment nous avons travaillé

L'engagement a été géré à travers des réunions d'alignement hebdomadaires via Zoom, Skype, Slack et Jira. Un processus détaillé de suivi des corrections CSS documentait chaque problème front-end par rapport à la conception approuvée, attribuait les responsabilités entre les équipes front-end et back-end, et suivait l'état de résolution dans les cinq modules.

Le système a été construit avec React, Python, Node.js, Bootstrap et Docker, avec une architecture front-end à base de composants conçue pour la réutilisation et la scalabilité.

Résultat
  • Une plateforme complète, validée et prête pour la production, qui a donné à AquaMobile les bases opérationnelles nécessaires pour croître. Les parents pouvaient réserver en toute confiance, les instructeurs pouvaient gérer leur emploi du temps sans friction, et l'équipe AquaMobile pouvait administrer l'entreprise depuis un environnement d'administration unique.
  • La refonte a transformé un produit fonctionnel mais brut en une expérience à la hauteur de la qualité du service lui-même.
Stack technique
ReactBootstrapCSSPythonNode.jsDockerPayPalGoogle CalendarAdobe XDPhotoshopIllustrator
Livrables
01
Recherche UX et Design Thinking
Découverte de bout en bout, cartographie des parcours et prototypage pour 3 types d'utilisateurs
02
Développement front-end
Système de composants React + Bootstrap avec 5 modules de plateforme entièrement construits
03
Prototype navigable
Prototype approuvé par le PDG et les investisseurs, validé avant le code de production