Discovery, mobile app, UI, UX

Clube Spa App

Introdução

O Spa de Beauté é um espaço que oferece salas individuais e coletivas, com todo o conforto, qualidade e uma estrutura impecável para as profissionais atenderem aos clientes. Possui espaços para diversos ramos de atuação, como advogadas, cerimonialistas, terapeutas e, principalmente, para profissionais da área da saúde e beleza.

Atuando em um formato de coworking, seu principal objetivo é disponibilizar um ambiente único e exclusivo para as profissionais autônomas chamarem de seu.

Matriz CSD

Avaliando o cenário em questão, levantei alguns pontos importantes para discutir com o cliente. No geral temos bons pontos positivos e ótimas oportunidades.

Pesquisa com usuários

Para entender melhor e validar ou descartar suposições, montei uma pesquisa simples para os dois principais cenários que podemos trabalhar:

  • Pessoa usuária já cliente (coworker parceira) e que utiliza o Spa de Beauté; e
  • Pessoas usuárias não clientes e que estão em busca do local ideal.

Análise do resultado

Apesar de ótimos feedbacks das profissionais parceiras, o Spa de Beauté segue uma estrutura base de apresentação semelhante a de outros coworkings. Essa estrutura consiste em apresentar e explicar o produto / serviço, o que é bem feito no site, porém se uma possível cliente quer ver valores ou mesmo já fazer a reserva / contratação, toda inovação “morre” aí, pois a partir dessa etapa o usuário precisa entrar em contato com a pessoa responsável para tirar dúvidas e tudo mais que precisa.

Este pequeno detalhe acaba tendo um impacto significativo para as coworkers parceiras que precisam agendar seus horários e, principalmente, para as possíveis novas clientes que desistem quando chegam na etapa de entrar em contato com atendente.

Problema

O coworking teve uma recente atualização, em outro projeto que executei para eles: a reformulação do site para melhorar a apresentação de seus serviços. Os detalhes deste projeto podem ser conferidos aqui.

Apesar disso, percebemos que ainda havia alguma brecha. Pois mesmo com todo site redesenhado para apresentar e explicar a premissa do Spa, a taxa de desistência ao chegar na etapa de contato não baixou tanto quanto esperávamos.

Pensando nisso, percebemos que o Spa tem uma proposta inovadora e uma estrutura acima do padrão, mas não tem um sistema prático para que as pessoas tenham uma maior comodidade e melhor experiência com o Spa de Beauté. Isso nos levou ao ponto em que precisaríamos inovar para elevar a proposta a outro nível.

Proposta de solução

Para atender estes pontos e facilitar o processo de consulta e agendamento de salas, bem como otimizar e melhorar o gerenciamento interno, vamos criar um aplicativo para centralizar tudo isso. Deste modo, a pessoa cliente terá total controle para consultar a disponibilidade das salas e fazer seu agendamento de forma simples e rápida. 

Avaliando a concorrência - Benchmarking

Após este estudo, chegamos a conclusão que atualmente nenhuma das empresas acimas possuem uma solução inovadora para questão. Em suma, cada um tem seu método de contornar este ponto mas nada realmente eficaz em termos de experiência do usuário e resultados.

Obs.: Para fins de sigilo comercial, as empresas pesquisadas não terão seus nomes divulgados.

Brainstorming de features

A partir disso, precisamos organizar e separar cada funcionalidade para entender o que pode e deve ser feito para que possamos validar este projeto com um teste de usabilidade de um MVP.

Utilizei a matriz de MoSCoW para categorizar os itens em quatro níveis de importância.

Levando em consideração a importância de cada funcionalidade, decidi focar o MVP para as coworkers já parceiras como uma novidade no uso do Spa de Beauté. Com isso conseguimos implementar de forma mais efetiva uma nova função e fazer testes internos antes de apresentar para os leads.

É claro que parte do problema levantado era a desistência do lead ao chegar na etapa de entrar em contato. Mas levando em consideração os detalhes, vamos deixar este ponto para ser resolvido num próximo momento.

Agora vamos focar em entregar e refinar uma ferramenta de uso interno das parceiras do Spa de Beauté e tratá-la como mais um diferencial ao escolher o Spa de Beauté.​​​​​​​

Persona

A partir da definição das funcionalidades para este MVP, afunilamos as personas e chegamos a uma persona foco para esta primeira etapa. A cliente/ parceira do Spa de Beauté.

Caminho do usuário dentro do app - User Flow

Para garantir o sucesso das ações do usuário no aplicativo, projetei os caminhos que ele pode percorrer até chegar no resultado desejado.

"Rabiscoframe"

Para começar a dar vida ao projeto, um “rabisco” rápido para conseguirmos visualizar um pouco da ideia do User Flow.

Wireframes

Seguindo a base do rabiscoframe e a estrutura do user flow, montei um wireframe com as principais telas. Apliquei alguns ajustes e reordenei para melhor visualização.

Vamos testar - Protótipo de baixa fidelidade

Para esta versão, foquei na função principal (agendamento) para buscar uma validação rápida junto as coworkers do Spa.
 
Fiz um teste de usabilidade com 16 voluntárias. Para entender as possíveis dificuldades eu não dei muitos detalhes. Apenas pedi para acessarem o link do aplicativo, fazer o login e fazer um agendamento de sala.

Análise do resultado

Interface

A partir das pesquisas e dos testes anteriores, desenvolvi o layout das telas e as interações pensando em cada detalhe das ações do usuário.

Protótipo de alta fidelidade

Para esta etapa o foco foi detalhar o processo do agendamento de uma sala. No vídeo abaixo é possível acompanhar as etapas até concluir a tarefa.

Veja também

Outros projetos

Projetando um Design System

Design System

Melhorando experiência do site

UI

Criando uma solução de campanhas no WhatsApp

Discovery

Melhorando as campanhas no WhatsApp

Discovery