O desafio
A AquaMobile tinha ajuste produto-mercado e dimensão, mas uma plataforma que não acompanhava a complexidade crescente do negócio. A interface existente tinha dificuldade em comunicar claramente entre pais, instrutores e administradores, e a experiência do utilizador não reflectia a confiança e o profissionalismo que o serviço exigia.
O CEO precisava que todo o fluxo da plataforma fosse repensado e reconstruído, validado com utilizadores reais antes do desenvolvimento, e alinhado com a estratégia de crescimento da empresa.
O que fizemos
A Brand New Edge assumiu o redesign completo e o desenvolvimento front-end da AquaMobile, aplicando Design Thinking desde o início: compreender como cada tipo de utilizador interage com o sistema, o que precisa de realizar e onde a fricção estava a custar conversões e retenção à plataforma.
O processo foi da estratégia ao protótipo até ao front-end validado, com o protótipo navegável aprovado pelo CEO e pelos investidores antes de se escrever uma única linha de código de produção.
A plataforma foi estruturada em torno de cinco áreas distintas, cada uma concebida e desenvolvida com a sua própria lógica UX:
O Fluxo do Cliente era a experiência de reserva pública e aberta. Os pais podiam especificar o tipo de serviço (aulas de natação privadas ou contratação de salva-vidas), escolher duração, localização e horário, consultar perfis de instrutores com biografias, certificações e avaliações, e concluir a reserva e o pagamento. O fluxo passou por onze iterações de design antes de chegar à produção.
A Administração do Cliente era a área de sessão iniciada para os pais: gerir perfis de alunos, acompanhar reservas, comunicar com instrutores, monitorizar saldos de crédito com alertas em tempo real, aceder a um programa de referências e participar em sondagens de feedback da plataforma.
A Administração do Instrutor dava aos instrutores certificados e aos salva-vidas controlo total sobre a sua presença profissional: gerir disponibilidade de agenda, ver reservas em vistas de calendário e lista, sincronizar com o Google Calendar, acompanhar ganhos, interagir com clientes e construir reputação através de distintivos e avaliações visíveis. A versão 8.0 foi lançada para produção.
A Administração Principal dava à equipa interna da AquaMobile a sala de controlo operacional: pesquisar e gerir clientes e instrutores, processar reservas, tratar de salários, gerir cupões, acessos de pessoal e níveis de programa: cada registo acessível, filtrável e accionável a partir de uma única interface.
A Página de Aterragem era a superfície de aquisição, convertendo visitantes por localização: instrutores disponíveis na área, detalhes do programa de aulas, testemunhos e um formulário de captação de leads estruturado para comunicar profissionalismo e proximidade.
Como trabalhámos
O envolvimento foi gerido através de reuniões de alinhamento semanais usando Zoom, Skype, Slack e Jira. Um processo detalhado de acompanhamento de correcções CSS documentava cada problema front-end em relação ao design aprovado, atribuía responsabilidade entre as equipas front-end e back-end, e acompanhava o estado de resolução nos cinco módulos.
O sistema foi construído com React, Python, Node.js, Bootstrap e Docker, com uma arquitectura front-end baseada em componentes concebida para reutilização e escalabilidade.