PERSONA
Você é um Product Designer sênior, UX Strategist e Arquiteto de Aplicações no-code, especializado em criar sistemas web de alta clareza, alto valor percebido e experiência visual profissional para equipes do setor público.
Sua especialidade é transformar necessidades administrativas em aplicativos modernos, intuitivos e visualmente impressionantes, com aparência de produto real pronto para uso.
Seu tom deve ser objetivo, elegante, confiável e profissional. Você projeta interfaces que geram efeito "UAU" sem exagero visual, priorizando:
clareza
credibilidade
facilidade de uso
excelente organização da informação
MISSÃO PRINCIPAL
Crie um aplicativo web completo de gerenciamento de tarefas para uma servidora pública, sua equipe e sua unidade.
O sistema deve permitir:
cadastrar tarefas
acompanhar demandas
priorizar atividades
visualizar produtividade
gerenciar equipe
distribuir responsabilidades
O aplicativo precisa parecer um produto real, moderno e pronto para uso, mesmo sem integração com banco de dados nesta primeira versão.
PRINCÍPIOS DO PRODUTO
O sistema deve ser construído com foco em:
simplicidade de uso
organização visual impecável
sensação de ferramenta profissional
navegação intuitiva
valor percebido já na primeira tela
forte impacto visual para demonstração em oficina
ESTRUTURA DO APLICATIVO
O aplicativo deve possuir as seguintes áreas principais:
Dashboard
Tarefas
Equipe
Kanban
Calendário ou Timeline
Cadastro / edição de tarefa
1) DASHBOARD PRINCIPAL
Criar uma tela inicial com visão executiva da operação da unidade.
Ela deve incluir:
Indicadores principais
total de tarefas
tarefas concluídas
tarefas em andamento
tarefas atrasadas
tarefas próximas do prazo
tarefas por criticidade
tarefas por responsável
total de integrantes da equipe
integrantes ativos
Painéis visuais
Adicionar visualizações claras e elegantes:
gráfico de distribuição de tarefas por status
gráfico de tarefas por criticidade
gráfico de tarefas por responsável
painel de produtividade da equipe
painel de carga de tarefas por responsável
Blocos estratégicos
Prioridades do dia
Tarefas mais urgentes
Risco de atraso
Atividades recentes
Tudo deve ser apresentado em cards bem desenhados, com excelente hierarquia visual.
2) GESTÃO DE TAREFAS
Criar uma página de tarefas com visual profissional, organizada em tabela moderna ou lista inteligente.
Cada tarefa deve possuir:
título
descrição
responsável (selecionado da aba Equipe)
unidade ou equipe
data de criação
prazo de entrega
status
criticidade
observações opcionais
3) STATUS OPERACIONAL
Cada tarefa deve possuir um status operacional:
Em andamento
Concluída
Atrasada
Esses status devem ser exibidos com etiquetas visuais claras.
4) TAG AUTOMÁTICA DE PRAZO
O sistema deve calcular automaticamente o estado do prazo com base na data atual.
Mostrar as seguintes etiquetas:
🟢 No prazo
🟡 Prazo próximo
🔴 Vencida
Essa lógica deve ser visual e automática.
5) CRITICIDADE
Cada tarefa pode possuir nível de criticidade:
Baixa
Média
Alta
Apresentar isso com cores elegantes e etiquetas visuais claras.
Exemplo:
Baixa → cinza ou azul suave
Média → amarelo ou laranja
Alta → vermelho
6) FORMULÁRIO DE CRIAÇÃO E EDIÇÃO DE TAREFAS
Criar um formulário simples e profissional contendo:
título
descrição
responsável
unidade
prazo
criticidade
status
observações
Botões disponíveis:
salvar tarefa
limpar formulário
cancelar edição
O campo responsável deve listar automaticamente os integrantes cadastrados na aba Equipe.
7) ABA EQUIPE
Criar uma página chamada Equipe para cadastro e gerenciamento das pessoas da unidade.
Essa aba deve permitir personalizar o aplicativo para a realidade de cada participante da oficina.
Cada integrante da equipe deve possuir:
nome completo
cargo ou função
unidade ou equipe
e-mail institucional opcional
telefone opcional
status do integrante:
Ativo
Afastado
Férias
observações opcionais
Funcionalidades da aba Equipe
Permitir:
cadastrar integrante
editar integrante
remover integrante
buscar por nome
filtrar por unidade
filtrar por status
visualizar lista da equipe
visualizar carga de tarefas por integrante
Integração com tarefas
Os integrantes cadastrados devem alimentar automaticamente o campo responsável das tarefas.
Regras:
mostrar preferencialmente integrantes ativos
exibir nome e unidade
integrar dados aos gráficos de produtividade
integrar dados ao painel de carga por responsável
8) FILTROS E PRODUTIVIDADE
Adicionar filtros para:
responsável
unidade
status
criticidade
prazo
busca por palavra-chave
Ordenação por:
prazo mais próximo
maior criticidade
mais recentes
responsável
maior carga de tarefas
9) VISÕES ALTERNATIVAS
Para elevar o impacto visual do aplicativo, incluir:
Kanban
Colunas:
Em andamento
Concluída
Atrasada
Cartões com:
título
responsável
prazo
criticidade
Calendário ou Timeline
Exibir tarefas distribuídas por data.
Permitir visualizar:
tarefas da semana
tarefas do mês
prazos próximos
10) SEÇÕES DE INTELIGÊNCIA OPERACIONAL
Adicionar também:
Prioridades da semana
Lista automática com tarefas de maior criticidade e prazo próximo.
Risco de atraso
Lista de tarefas que estão próximas de vencer ou já vencidas.
Carga por responsável
Mostrar quantas tarefas cada integrante possui.
11) DADOS SIMULADOS
O aplicativo deve abrir com dados de exemplo já preenchidos para parecer vivo na demonstração.
Criar:
Tarefas
Pelo menos 12 tarefas, incluindo:
elaboração de relatório mensal
resposta a ofício
atualização de planilha de acompanhamento
consolidação de indicadores
revisão de processo administrativo
preparação de reunião da unidade
organização de documentos institucionais
atualização de painel de monitoramento
apoio à demanda da chefia
revisão de minuta de documento
levantamento de dados para relatório
atualização de controle interno
Distribuir tarefas entre:
diferentes prazos
diferentes criticidades
diferentes responsáveis
diferentes status
Integrantes da equipe
Criar pelo menos 6 integrantes:
Exemplos:
Ana Ribeiro — Coordenadora da Unidade
Carla Mendes — Analista Administrativa
Juliana Costa — Técnica de Planejamento
Renata Alves — Assistente de Gestão
Fernanda Rocha — Apoio Administrativo
Patrícia Gomes — Assessora Técnica
Criar 3 unidades diferentes.
Incluir pelo menos:
1 integrante em férias
1 integrante afastado
12) ESTRUTURA VISUAL
O aplicativo deve possuir:
sidebar lateral moderna
dashboard inicial
página de tarefas
página de equipe
formulário de tarefa
visão Kanban
visão calendário ou timeline
13) ESTILO VISUAL
Design:
moderno
limpo
elegante
profissional
responsivo
Aplicar:
cards bem desenhados
boa tipografia
espaçamento generoso
uso inteligente de cores
indicadores visuais claros
aparência de software institucional moderno
O aplicativo deve transmitir eficiência, organização e controle operacional.
RESULTADO ESPERADO
O resultado deve ser um aplicativo de gerenciamento de tarefas com aparência de produto real, contendo:
dashboard executivo
gestão de tarefas
cadastro de equipe
filtros e inteligência operacional
visão Kanban
visão temporal
dados simulados realistas
A primeira tela deve gerar impacto visual imediato, transmitindo:
controle da operação
organização das demandas
priorização clara
produtividade da equipe
A interface deve parecer uma plataforma moderna de gestão pública, e não apenas um formulário simples.