Visão geral / Oitchau
Oitchau: um jeito mais humano de gerenciar a jornada de trabalho.
O design das experiências mobile e web do Oitchau — de um registro de ponto confiável a uma visão mais clara de toda a equipe.
Em resumo Bruno Delorence foi Head of Design do Oitchau de 2019 a 2023 e fez parte do time fundador dessa plataforma paulistana de controle de ponto e gestão de equipes. Ele conduziu a pesquisa, o UX/UI e os design systems no iOS, no Android e na web: o registro de ponto por reconhecimento facial, o app mobile dos colaboradores e um dashboard modular para os gestores. Resultados reportados: 85% menos erros de reconhecimento para usuários negros, adoção por 80% das empresas no primeiro ano, time to value reduzido de 10 para 2 dias e +50% de retenção no dashboard.
A apresentação completa, em inglês · PDF · 31 páginas
Menos erros de reconhecimento para usuários negros
Reconhecimento facial · página 12Adoção pelas empresas no primeiro ano
Reconhecimento facial · página 12Time to value no dashboard
Dashboard · página 31Resultados reportados na apresentação do projeto.
Onde tudo começou
Parte do time fundador.
Fiz parte do time fundador do Oitchau e ajudei a dar forma ao produto desde a primeira versão.
Também vi o primeiro boleto ser pago pela solução que criamos.
00 / A abordagem
Um processo de produto sempre perto das pessoas.
O Oitchau reúne controle de ponto, frequência, rotinas de folha de pagamento e visibilidade sobre as equipes em uma só plataforma. Os colaboradores precisam de uma ferramenta simples para o dia a dia. Os gestores precisam de informações confiáveis para agir.
Meu trabalho conectou design, stakeholders e engenharia: defini o processo da pesquisa à implementação, alinhei as necessidades do negócio e iterei com base em feedback qualitativo e quantitativo.
O processo hoje
Como funciona hoje o processo de cada etapa da criação de uma funcionalidade ou de um novo produto?
- 01 A decisão top-down chega ao time de design.
- 02 A voz do cliente chega ao time de design, que volta ao cliente para buscar feedback.
- O time de design, liderado pelo Bruno, transforma as duas entradas no produto.
- 04 O lançamento do produto vem depois do time de design.
- 5 O monitoramento vem depois do lançamento.
Entender
Planejamento, pesquisa e arquitetura de informação. Começar pelas necessidades dos clientes e pelas prioridades do negócio.
Criar e validar
Explorar wireframes, direção visual e protótipos. Testar com usuários e trabalhar junto com a engenharia até o handoff.
Aprender depois do lançamento
Acompanhar o feedback e os bugs. Revisar o uso ao longo do tempo e levar o que aprendemos de volta para o produto.
UX Design 01
Definição do escopo do projeto.
- 01.Planejamento
- 02.Pesquisa*validação ou invalidação do produto
- 03.Arquitetura (UX)
- 04.Checkpoint
- 05.Análise e testes*em média, em projetos com mais de 6 meses de desenvolvimento
UI Design 02
Fase de criação do projeto
- 06.Imersão
- 07.Moodboard
- 08.Wireframe, Key visual
- 09.Protótipo (UI)
- 10.Handoff, Tech / Sistema
Monitoramento 03
Fase de acompanhamento das metas do produto
- 11.Grupo de teste
- 12.Lançamento, Bugs e feedback
- 13.3 meses de uso, Revisão
- 14.6 meses de uso
01 / Reconhecimento facial
Confiança logo no primeiro contato.
Colegas que batiam o ponto uns pelos outros eram um problema real para os gestores. O reconhecimento facial podia ajudar — mas só se fosse rápido, de baixo custo e confiável para quem o usasse.
O desafio
A segurança não pode sacrificar a usabilidade.
65% dos gestores entrevistados relataram fraudes no registro de ponto. O desafio de design era verificar a identidade sem criar atrito em uma rotina que os colaboradores repetem todos os dias.
Pesquisamos padrões de biometria, rodamos um MVP com 50 empresas selecionadas e trabalhamos para levar a autenticação a menos de dois segundos.
Centralize o rosto e
registre seu ponto
Desbloqueie o app Oitchau com o seu rosto,
de forma rápida e segura
Quinta-feira, 19 de março, 16:09
Seu registro facial está protegido
Amanda Ribeiro
Head of Products
O que os testes revelaram
Não basta a funcionalidade funcionar: ela precisa funcionar para todo mundo.
Os testes revelaram taxas maiores de falsos negativos em tons de pele mais escuros. O case registrou uma taxa de 18% de falsos negativos, e a equidade virou parte central do trabalho.
O time ampliou a base de treinamento, testou com grupos mais diversos e criou um ciclo contínuo de feedback para identificar novos casos de falha.
Na interface, quando a verificação falhava, o colaborador podia enviar um pedido de aprovação para o gestor analisar, e assim sempre tinha como seguir em frente.
Quinta-feira, 19 de março, 16:09
Seu registro facial está protegido
Gisele da Silva
Analista de Recrutamento
Desculpe, Gisele, não conseguimos
verificar sua identidade
Envie um pedido de ajuste de ponto para o seu gestor revisar e corrigir, se necessário, ou tente de novo
Ajuste de ponto
Gisele da Silva
Analista de Recrutamento
Início
08:32
Fim
12:00
Categoria
Falha no reconhecimento facial
Comentários
A colaboradora não conseguiu registrar o ponto porque a foto não correspondeu à do cadastro
Depois da implementação
Uma pessoa sempre na decisão.
Uma possível fraude pedia uma resposta diferente da de uma falha técnica. Os gestores precisavam de contexto suficiente para analisar um pedido sinalizado e recusá-lo ou aprová-lo com um comentário.
O objetivo era apoiar a decisão, com evidências visíveis e uma ação rastreável.
Possível tentativa de fraude
detectada!
Identificamos uma inconsistência neste registro de ponto. Revise os dados antes de aprovar.
Resultados
- 85% de redução nos erros de reconhecimento em perfis de pele negra.
- Funcionalidade adotada por 80% das empresas cadastradas no primeiro ano.
- 30% de aumento na satisfação dos colaboradores com a usabilidade da ferramenta.
Clientes que adotaram a funcionalidade
Resultados reportados na apresentação do projeto, capítulo de reconhecimento facial (página 12).
Quinta-feira, 19 de março, 16:09
Seu registro facial está protegido
Amanda Ribeiro
Head of Products
02 / A experiência mobile
Menos tempo gerenciando o tempo.
Para os colaboradores, o controle de ponto precisava se encaixar no dia de trabalho. A experiência mobile reuniu escalas, registros de ponto, pedidos e atividades em uma ferramenta que eles podiam usar onde quer que o trabalho acontecesse.
Uma lição sobre o público
Quem usa nem sempre é quem compra.
No começo, o trabalho se concentrou no colaborador que bate o ponto. A apresentação reflete sobre quase dois anos sem receita até reconhecermos uma lacuna crucial: as necessidades de quem compra mereciam a mesma atenção.
O produto precisava atender os dois lados — uma experiência rápida no dia a dia para os colaboradores e um controle de verdade sobre escalas, horas extras e aprovações para os gestores.
O ponto de partida
Uma rotina diária com atrito desnecessário.
Relógios de ponto físicos e registros fragmentados formavam filas e dificultavam que os colaboradores entendessem as próprias horas. Os gestores não tinham uma visão clara do que estava acontecendo.
A direção de design
Deixar a próxima ação óbvia.
Juntamos a escala, o status atual e a ação de bater o ponto, e depois exploramos como os pedidos e os detalhes de atividade poderiam seguir os mesmos padrões claros de interação.
Da estrutura à interface
Deixar o fluxo claro antes de adicionar os detalhes.
Os wireframes conectaram as tarefas principais e estabeleceram a hierarquia. Depois, as iterações de interface desenvolveram a linguagem visual e os padrões reutilizáveis de todo o produto.
Wireframe isométrico da tela de registro de ponto do app do Oitchau, camada por camada.
A solução
A jornada de trabalho em um só olhar.
Duas ações principais — “Oi” para registrar a entrada e “Tchau” para registrar a saída — simplificaram o fluxo principal. Rótulos distintos e cores contrastantes deixaram cada ação fácil de reconhecer, enquanto a agenda do dia mostrava o andamento da jornada.
Os detalhes de atividade e os pedidos estendem a mesma experiência e mantêm as informações de que as pessoas precisam perto da tarefa.
Diego Monteiro
Product Designer
21:44
UTC +12
Queenstown
Escritório Queenstown - NZ
Início do intervalo
Registrar ponto
Terça, 13 de out. de 2020
16:00
Agenda
Entrada
30 min de atraso
8:30
Início do intervalo
12:00
Fim do intervalo
13:00
Saída
Previsto
18:00
Dashboard
Pedidos
Hoje
Chat
Perfil
Feedback visual
Um pouco de clareza faz muita diferença.
Ilustrações feitas sob medida e estados de confirmação explícitos ajudam as pessoas a entender o que aconteceu e o que fazer em seguida, de um pedido enviado com sucesso a um ponto registrado.
Pedido aprovado
Enviamos um e-mail com os detalhes do seu pedido. Você já pode conferir
Registre o ponto, acompanhe sua agenda e suas horas, tudo em um só app.
Terça, 13 de out. de 2020
16:00
Agenda
Entrada
30 min de atraso
8:30
Início do intervalo
12:00
Fim do intervalo
13:00
Saída
Previsto
18:00
- Dashboard
- Pedidos
- Hoje
- Chat
- Perfil
Mantenha sua assinatura ativa
Adicione outra forma de pagamento para o caso de problemas com a principal.
Quinta-feira, 19 de março, 16:09
Seu registro facial está protegido
Amanda Ribeiro
Head of Products
Excluir esta forma de pagamento alternativa?
Quer mesmo excluir este cartão de crédito? Essa ação não pode ser desfeita.
Sim, excluirAgora não
Novo cartão
Débito ou Crédito
Pedido aprovado
Envie uma cópia do pedido aprovado
para o seu e-mail e guarde para consulta.
Agora você pode adicionar uma forma de pagamento alternativa à sua assinatura do Oitchau.
Assinatura mensal
Sua assinatura está em dia
Ativa
Próxima fatura: 25 de maio de 2022
Cobrança mensal
Visa · cartão principalAlterar03 / O dashboard estratégico
De mais dados a decisões melhores.
O dashboard precisava ajudar as lideranças a identificar problemas e agir. O próximo desafio era transformar uma visão operacional densa em uma ferramenta de decisão útil e adaptável.
O desafio inicial
Esforço demais antes do primeiro insight útil.
Uma interface complexa, excesso de informação e pouca personalização atrasavam a adoção. Com um time to value longo, os gestores precisavam se esforçar demais até o dashboard se tornar útil.
A decisão
Abrir espaço para as prioridades de cada empresa.
A pesquisa com usuários e os testes iterativos levaram a uma abordagem modular. Cada empresa podia adaptar o dashboard às suas necessidades, o que reduzia a carga cognitiva e facilitava encontrar as informações relevantes.
Este dashboard roda uma demonstração automática: um cursor virtual testa os controles e reorganiza os cards. Ela pausa quando você aponta, toca ou navega com o teclado pelo dashboard e recomeça alguns segundos depois que você sai.
Hoje02:10:37Notificações
Bianka bateu o ponto às 08:02
há 5 min
Leo pediu um ajuste de ponto
há 20 min
Dezembro: o relatório do banco de horas está pronto
Ontem
Filtros
- Brasil
- Todas as filiais
- 01 dez - 31 dez - 2022
Colaboradores ativos
Período: Últimos 6 meses | Frequência: Mensal
Colaboradores por grupo
Período: Últimos 6 meses | Frequência: Mensal
Banco de horas total
Colaboradores
Banco de horas acumulado
Banco de horas acumulado: 556:34:00, aumento de 56:10:78 (+14%)
Índice de saúde da empresa
Este índice é considerado Excelente.
Seu índice no 1º tri de 2022
Você economizou 224:43h em horas extras
Banco de horas
Período: Frequência:
Colaborador do mês
Este índice é considerado Excelente.
Diego Monteiro
48 tarefas importantes concluídas no último mês
- Nenhuma hora extra neste mês
- Média do time: 4,3 de 5
Banco de horas por área
Este índice é considerado Excelente.
Banco de horas mensal
Este índice é considerado Excelente.
Banco de horas positivo por colaborador
Este índice é considerado Excelente.
IA no produto
Ajudar os gestores a ver o que precisa de atenção.
O Oitchau HR Assistant leva ao produto análises assistidas por IA e detecção de anomalias: ele destaca desvios para que os gestores investiguem antes que eles se acumulem. Ele é apresentado à parte dos resultados reportados abaixo.
Analisar
Feito para times de RH — Identifique horas extras, ausências e atrasos em toda a sua equipe e aja antes que eles se acumulem.
Revisar anomalia
Anomalia detectada!
Tarefa do colaborador
100h
10h
1 jan
8 jan
Previsto
Colaborador
Diego Monteiro
Leo Ramalho
Orçamento
60h
60h
Previsto
30h
30h
Tipo
100%
100%
O resultado
- 10 → 2 dias
- Time to value
- +50%
- Retenção no dashboard
- Modular
- Gestão de escalas adaptada a cada empresa
Resultados reportados na apresentação do projeto, capítulo do dashboard (página 31).
A história completa
Toda tela começa
com um problema real.
Veja o processo completo, os estudos de interface e os resultados na apresentação de 31 páginas, em inglês.
Baixar a apresentação Próximo projeto · Workbench ↗︎
Comece uma conversa
Vamos falar sobre o seu produto, o seu time e onde o design pode gerar mais valor.
- Duração
- 20–30 minutos
- Tema
- Design engineering
- Valor
- Gratuito