UX/UI DESIGN

App Mobile
bLOw.

O bLOw é um aplicativo interno desenvolvido para uso exclusivo das profissionais da rede de salões bLOw.

A proposta do negócio é oferecer atendimentos rápidos, com duração máxima de 45 minutos, inspirados na lógica de serviços sob demanda — ágeis, previsíveis e organizados.

O sistema foi pensado como uma ferramenta operacional para padronizar o fluxo de atendimento nas unidades da rede, garantindo eficiência, controle de tempo e consistência na experiência oferecida às clientes.

Telas do app bLOw

Problema

A proposta da rede bLOw envolve atendimentos rápidos, com duração máxima de 45 minutos. Para que esse modelo funcione na prática, é necessário que o fluxo de atendimento seja bem organizado e previsível.

Sem uma ferramenta adequada, o controle de tempo, a gestão da fila de clientes e o registro dos atendimentos podem gerar confusão na rotina das profissionais, além de dificultar o acompanhamento das operações da unidade.

Era necessário um sistema simples, rápido de usar e que acompanhasse o ritmo do atendimento no salão.

Objetivo

Desenvolver um aplicativo interno que organizasse o fluxo de atendimento das profissionais da rede, permitindo acompanhar clientes na fila, iniciar e finalizar atendimentos, controlar o tempo de serviço e registrar os serviços realizados.

O sistema também deveria facilitar a rotina da equipe no dia a dia, reduzindo etapas manuais e tornando as informações mais acessíveis durante o atendimento.

Meu papel no projeto

Atuei na estruturação da experiência e no desenvolvimento da interface do aplicativo, incluindo:

  • Definição do fluxo de atendimento
  • Organização das telas principais do sistema
  • Criação de wireframes
  • Desenvolvimento da interface visual
  • Definição de componentes e padrões de interação
Principais telas do aplicativo bLOw

Pesquisa

Por se tratar de um sistema interno, o processo partiu da análise do funcionamento do atendimento dentro do salão e das necessidades operacionais da equipe.

Alguns pontos se mostraram essenciais para o funcionamento do sistema:

  • Controle do tempo de atendimento
  • Organização da fila de clientes
  • Registro dos serviços realizados
  • Visualização rápida do status da profissional

A interface precisava ser simples o suficiente para ser utilizada durante o atendimento, sem interromper o fluxo de trabalho.

Personas / Insights

O público principal do sistema são as profissionais que realizam os atendimentos nos salões.

Durante o desenvolvimento do projeto, alguns comportamentos foram considerados:

  • Uso do aplicativo em momentos rápidos entre atendimentos
  • Necessidade de acessar informações rapidamente
  • Pouco tempo disponível para navegar por telas complexas

Esses fatores orientaram a criação de uma interface direta e com poucas etapas.

Jornada do usuário

A jornada dentro do aplicativo foi organizada para acompanhar o fluxo real de atendimento:

  1. Login no sistema
  2. Visualização da agenda ou fila de clientes
  3. Início do atendimento
  4. Acompanhamento do tempo do serviço
  5. Adição de serviços extras, quando necessário
  6. Finalização do atendimento
  7. Registro no histórico

Esse fluxo permite acompanhar toda a operação do atendimento dentro do aplicativo.

Wireframes

Os wireframes foram utilizados para definir a organização das telas e validar o fluxo de uso.

Nessa etapa foram estruturadas:

  • Tela de agenda e fila de atendimento
  • Tela de atendimento em andamento com controle de tempo
  • Interface para adicionar serviços
  • Histórico de atendimentos
  • Área de notificações e perfil

Interface final

A interface foi desenvolvida para ser clara e funcional no contexto de uso dentro do salão.

O layout utiliza cores neutras com destaque em vermelho para ações principais e estados importantes do sistema, como iniciar ou finalizar atendimentos.

As telas foram projetadas para facilitar a leitura rápida das informações, priorizando elementos essenciais como tempo restante, cliente atual e status da profissional.

Componentes

Alguns componentes foram definidos para estruturar o sistema:

  • Timer circular para acompanhamento do tempo de atendimento
  • Cards de clientes na fila de atendimento
  • Modais para confirmação de ações importantes
  • Listas organizadas para histórico de atendimentos
  • Sistema de notificações para alertas operacionais

Esses componentes ajudam a manter consistência e facilitam o uso no dia a dia.

Decisões de design

Algumas decisões foram importantes para tornar o sistema mais eficiente:

  • Destaque visual para o tempo de atendimento em andamento
  • Uso de confirmações para ações críticas, como finalizar um atendimento
  • Organização clara da fila de clientes
  • Redução de etapas para registrar serviços adicionais

A ideia foi manter o aplicativo funcional e rápido de usar, sem sobrecarregar a interface com informações desnecessárias.

Componentes

  • Cards de servicos e profissionais
  • Calendario com horarios por disponibilidade real
  • Estados de agendamento (confirmado, reagendado, concluido)
  • Lembretes e notificacoes contextuais
  • Navegacao simples para tarefas recorrentes

Decisoes de design

  • Reducao de etapas entre escolha e confirmacao
  • Feedback imediato para cada acao relevante
  • Destaque para informacoes de disponibilidade
  • Padrao visual consistente em todos os fluxos

Vamos conversar?

Entre em contato e vamos criar algo incrivel juntos.

Vamos conversar