← Voltar para projetos
UI/UX Design System Pesquisa

TaskTempo

Design system e case de UX completo para o TaskTempo: da pesquisa com usuários de home office até a solução final, cobrindo consistência, escala e performance do produto.

01 · O problema

O trabalho remoto chegou — e trouxe um custo oculto. Com a adoção massiva do home office no Brasil, surgiu um paradoxo silencioso: a flexibilidade virou armadilha. Sem fronteiras físicas entre trabalho e vida pessoal, profissionais passaram a trabalhar mais, descansar menos e sentir que nunca conseguem verdadeiramente "desligar".

O TaskTempo nasce para investigar e resolver essa questão central: como melhorar o trabalho remoto das empresas no Brasil? Não com mais ferramentas de reunião — mas com uma solução que devolva o controle do tempo ao profissional.

"A maior dificuldade não é o trabalho em si — é saber quando parar."

02 · Pesquisa

A pesquisa combinou metodologias qualitativas e quantitativas para construir uma visão completa do problema, com profissionais de 25 a 50 anos em regime remoto como público-alvo — um formulário online para dados demográficos e insights iniciais, e entrevistas em profundidade para entender motivação e frustração.

Resultados do formulário (10 respostas)

70%Trabalham em home office há mais de 1 ano
90%Sentem falta de interação social com colegas
70%Avaliam o equilíbrio vida/trabalho apenas como "Regular"
100%Afirmam ter suporte técnico adequado disponível

A pesquisa desk explorou cinco pilares — tendências do trabalho remoto, benefícios e desafios reais, infraestrutura tecnológica, políticas organizacionais e casos de sucesso. As entrevistas em profundidade revelaram que o problema não é falta de ferramenta: é a ausência de rituais de encerramento do dia.

03 · Benchmarking

A análise de concorrência avaliou empresas referência na implementação do trabalho remoto no Brasil, mapeando feature primária e secundária de cada uma.

Ambev — nota 4.3

Gigante do setor de bebidas, com oportunidades em marketing, tecnologia e finanças. 10.608 avaliações; 85% dos funcionários recomendam.

Natura — nota 4.1

Produtos de beleza sustentáveis, valoriza diversidade e criatividade. 2.815 avaliações; 83% recomendam.

Dell — nota 4.0

Líder global em tecnologia, com cultura centrada em inovação e pessoas. 37.766 avaliações; 79% dos funcionários recomendam.

04 · Matriz CSD

A Matriz CSD estruturou o conhecimento existente e as hipóteses que guiaram o desenvolvimento do produto.

✓ Certezas

  • Usuários sentem falta de interação social
  • Maioria tem mais de 1 ano de experiência remota
  • Há necessidade latente de melhorar o equilíbrio

~ Suposições

  • Flexibilidade bem gerenciada aumenta produtividade
  • App centralizado ajuda na "desconexão mental" após o expediente

05 · Persona

João Araújo: o rosto do problema.

João Araújo

Desenvolvedor de Software · 32 anos · São Paulo, Brasil

"Eu adoro a flexibilidade do trabalho remoto, mas às vezes pode ser desafiador garantir uma comunicação clara e eficaz com colegas de equipe devido à distância física."

Dados demográficos

  • Casado, sem filhos
  • Ciência da Computação
  • 8 anos como desenvolvedor

Motivações

  • Tempo para estudos e refeições em casa
  • Aprender novas linguagens e frameworks

Dores

  • Dificuldade em separar tempo pessoal e profissional
  • Sensação de desconexão com a equipe
  • Cansaço mental acumulado

Objetivos

  • Flexibilidade de horários
  • Desenvolvimento profissional
  • Reconhecimento pelo trabalho entregue

06 · Needs statement

João Araújo, funcionário home office, precisa de um jeito de ter mais qualidade de vida com horários definidos, para diminuir o cansaço e o estresse e conseguir realizar atividades físicas.

Ideação e priorização

Cinco direções foram geradas e avaliadas por impacto versus viabilidade. A solução do app ficou no quadrante Big Bet — alto impacto e alta viabilidade: revisar a carga de trabalho e oferecer flexibilidade nos horários, fornecendo recursos de gestão de tempo diretamente no produto.

07 · Solução proposta

A ideação focou em resolver a dor central: a ausência de limites entre o trabalho e a vida pessoal. Quatro pilares funcionais:

Dashboard centralizado

Visualização clara das tarefas do dia, categorizadas por área: Trabalho, Alimentação, Academia, Estudos.

Estimativa de tempo

Tempo estimado por tarefa e visualização da carga total do dia antes de começar.

Status e progresso

Gráficos visuais de anel mostrando a porcentagem de conclusão das tarefas diárias em tempo real.

Otimização e alertas

Sugestões automáticas de reorganização da agenda e alertas quando o tempo de uma tarefa é excedido.

08 · Protótipo

Três telas que contam a história completa — design limpo, moderno e livre de distrações.

09 · Testes de usabilidade

Patrícia (34, Analista de Marketing), Lucas (28, Designer Freelancer) e Renata (41, Gerente Administrativa) validaram o protótipo em três tarefas principais.

  1. Criar lista de tarefas do dia

    Todos os usuários concluíram com facilidade — zero fricção no fluxo principal.

  2. Estimar e acompanhar o tempo

    Considerado extremamente útil para decidir se era viável incluir novas atividades na agenda.

  3. Reorganizar tarefas e receber alertas

    Funcionalidade mais elogiada, com sugestão de explicar melhor os critérios de reorganização.

"O cálculo do tempo total e a otimização de rotina foram apontados como os maiores diferenciais do produto."

Design System v1.0

Consistência, escala e performance no produto.

Cores primárias

Medium Blue#4A90E2
Medium Green#4BD090
Dark Blue#0B2D5C
Green#34A853

Cores neutras

Gray 900#101828
Gray 700#3F3F46
Gray 500#848A94
Gray 300#D1D5DC
Gray 200#E5E7EB
Gray 100#F3F4F6

Tipografia — Inter

  • Heading 1 — 28px / Semibold — títulos principais
  • Heading 2 — 20px / Semibold — títulos de seções
  • Heading 3 — 18px / Medium — subtítulos e cards
  • Body — 16px / Regular — texto padrão
  • Small — 14px / Regular — labels e legendas
  • Caption — 12px / Regular — timestamps e metadados

Espaçamento (múltiplos de 4px)

4pxExtra pequeno
8pxPequeno
16pxMédio
24pxGrande
32pxExtra grande

Componentes de UI

Botões — primário (preenchido), secundário (contorno) e estado desabilitado, com altura mínima de 44px.

Cards — card de categoria e card de tarefa, com radius de 12px e sombra sutil.

Elementos de formulário — campos de texto, seletor de data e toggle, com estado de foco visível.

Navegação inferior — bottom navigation com 4 ícones principais para acesso rápido às seções do app.

Diretrizes de acessibilidade

  • Contraste mínimo de 4.5:1 para textos
  • Áreas clicáveis de no mínimo 44x44px
  • Labels descritivos em todos os inputs
  • Suporte a navegação por teclado

TaskTempo Design System v1.0 — última atualização: abril de 2026.

Precisa de pesquisa e design de produto?

Vamos conversar sobre seu projeto