Telas e fluxos anonimizados por confidencialidade — nomes de clientes e dados reais foram substituídos por versões genéricas.
← voltar aos projetos
Metaverso Codengage
Plataforma interna de acesso restrito aos colaboradores da Codengage, criada para pontuar e engajar o time nas atividades da empresa. Cada participação gera moedas e vidas, que sobem o colaborador no ranking global e liberam recompensas na lojinha interna.
Papel: UX/UI Designer · fluxo completo
Escopo: Pesquisa, estrutura de informação e UI
Ferramentas: Figma
demo em gif
login → dashboard · loop
01 — PESQUISA
Estrutura de informação
Definição de como pontuação, moedas e vidas se conectam entre si dentro do sistema.
02 — FLUXOS
Ranking & recompensas
Desenho dos fluxos de ranking global, perfil do usuário e lojinha de recompensas.
03 — UI FINAL
Mundo temático
Interface completa no Figma, incluindo o mundo de integração de novos membros.
← voltar aos projetos
Painel de Gestão de Demandas & Documentos
Sistema de gestão de demandas para instituições, com geração de documentos e cotações de compra. Os dashboards centralizam indicadores de uso, ranking de atividade da equipe e insights automáticos gerados a partir do processo interno.
Papel: UX/UI Designer
Escopo: Dashboards, indicadores e fluxo de geração de documentos
Ferramentas: Figma
visão geral · indicadores & insights
usuários · ranking & atividades
demo em gif
navegação entre painéis · loop
cotação · etapas do processamento
A geração de cotação de compras é automatizada: o sistema consulta múltiplas bases de dados e aplica regras legais aos resultados, seguindo o rito de pesquisa de preços previsto na Lei 14.133/2021 (Lei de Licitações) — da preparação dos parâmetros até a consolidação final.
cotação · assistente de busca + resultados comparativos por item
01 — DADOS
Indicadores-chave
Definição de quais métricas de instituições, usuários e demandas importavam para a visão geral.
02 — DASHBOARDS
Visualização & insights
Estruturação dos gráficos de distribuição e do painel de insights automáticos do sistema.
03 — ENGAJAMENTO
Ranking & atividades
Painel de usuários mais ativos e feed de atividades recentes da equipe.
04 — COTAÇÃO
Busca automática de preços
Fluxo assistido para gerar cotações de compra, com consulta a múltiplas bases e aplicação de regras legais.
Arquitetura do fluxo — da demanda ao contrato
Continuação do mesmo case acima, agora sob outra camada: em vez das telas, o raciocínio que estrutura o sistema por trás delas. Desenhei o fluxo completo de elaboração de documentos de licitação — da abertura da demanda até a minuta contratual — integrando bases de preços oficiais e apoio de IA em cada etapa.
Papel: UX/UI Designer
Escopo: Arquitetura de informação, fluxo de processo e regras de negócio
Ferramentas: Figma
01 — DEMANDA
Abertura do processo
Criação de uma nova demanda ou seleção de uma existente para iniciar o fluxo.
02 — DFD
Formalização da demanda
Definição da necessidade e dos requisitos iniciais, seguindo o rito da Lei 14.133/2021.
03 — ETP
Estudo técnico preliminar
IA auxilia na elaboração do estudo técnico com base na demanda registrada.
04 — COTAÇÃO
Pesquisa de preços
Busca automática e manual de preços em múltiplas fontes oficiais e de mercado.
05 — TR
Termo de referência
Geração do termo com base no estudo técnico e na cotação consolidada.
06 — MINUTA
Minuta contratual
Geração da minuta com base no termo de referência e nas regras aplicáveis.
apoio de IA · transversal
Em vez de uma etapa isolada, a IA foi desenhada como uma camada de apoio presente em todo o fluxo: sugere textos, responde dúvidas, melhora redações e verifica conformidade em cada uma das seis etapas.
Fontes de dados
- Contratações públicas (base oficial)
- Painel de preços governamental
- Bancos de preços setoriais
- Cotação direta com fornecedores
Processamento & regras
- Coleta automática e atualizada
- Normalização, deduplicação e validação
- Análise estatística e critérios de aceitabilidade
- Aplicação das regras da legislação vigente
Saídas & documentos
- Estudo técnico preliminar
- Relatório de cotação
- Termo de referência
- Minuta contratual e pareceres
Gestão & controle
- Perfis e permissões de acesso
- Histórico e versionamento
- Auditoria e rastreabilidade
- Relatórios de uso e produtividade
← voltar aos projetos
Estruturação de plataforma de conexão entre pesquisa e setor público
Antes de partir para telas, mapeei quem usaria o sistema e como as regras de acesso deveriam funcionar: personas, fluxo de autenticação e permissões por perfil, fluxo de navegação principal e user stories no formato ágil — cobrindo cadastro, demandas, soluções, conexões entre pesquisadores e gestores, especialistas, hubs de inovação e relatórios.
Papel: UX Designer · pesquisa & discovery
Escopo: Personas, fluxos de permissão e user stories
01 — PERSONAS
Quem usa o sistema
Mapeamento de 5 perfis, com objetivos e frustrações de cada um.
02 — PERMISSÕES
Fluxo de autenticação
Regras de acesso entre usuário padrão e administrador.
03 — NAVEGAÇÃO
Estrutura de menus
Organização das funcionalidades por perfil de acesso.
04 — USER STORIES
Formato ágil
Histórias organizadas por área: demandas, soluções, conexões, especialistas, hubs e relatórios.
Discovery & planejamento
personas · objetivos & frustrações por perfil
fluxo de autenticação · permissões por perfil
fluxo de navegação · menus por perfil
user stories · formato ágil, por categoria
Depois da etapa de discovery acima, o fluxo virou interface: um painel com mapa de demandas ativas, notificações, gestão de usuários e de profissionais parceiros. Os dados exibidos abaixo são de ambiente de teste — mesmo assim, borrei nome, CPF, telefone e e-mail das tabelas por precaução.
Sistema · painel implementado
mapa · visão geral de demandas ativas
mapa · detalhamento por estado e cidade
mapa · detalhe de projeto por localização
notificações · central de avisos
gestão de usuários · perfis e permissões (dados de exemplo, colunas sensíveis borradas)
gerenciamento de profissionais · parceiros e prestadores (dados de exemplo, colunas sensíveis borradas)
← voltar aos projetos
ERP modular — da produção ao atendimento
Sistema de gestão empresarial dividido em módulos: produção, compras, estoque, financeiro, vendas e ordens de serviço (com aplicativo para técnicos de campo). Telas com dados de exemplo — alguns nomes de clientes e técnicos ainda não estavam anonimizados nas capturas originais, então borrei essas ocorrências abaixo.
Papel: UX/UI Designer
Escopo: Desenho de módulos, fluxos operacionais e dashboards
Ferramentas: Figma
Produção & qualidade
Ordem de produção por etapas, apontamento de matéria-prima e embalagem em tempo real, questionários de controle de qualidade com fluxos de exceção, e dashboard com desvios de produção por operador e turno.
ordem de produção · etapas do processo
apontamentos · matéria-prima e embalagem
Compras, estoque & fiscal
Cotação de compras com comparação de fornecedores rodada a rodada, importação de Nota Fiscal Eletrônica (NF-e) e indicadores de estoque e vendas por produto.
cotação de compras · comparação entre fornecedores
cadastro de produto · indicadores de estoque
cadastro de produto · indicadores de vendas
Financeiro
Lançamento de contas a pagar com parcelamento e histórico de pagamento, e operações de caixa para recebimento de títulos com controle de vencidos e créditos.
contas a pagar · forma e condição de pagamento
operações de caixa · recebimento de título (nome de exemplo borrado)
Vendas
Definição de metas de vendas por produto, comparando volume e valor mês a mês com o histórico dos últimos anos.
meta de vendas · planos por produto e período
Ordens de serviço · web
Dashboard com visão geral das ordens de serviço, agenda de técnicos por mês e abertura de novas solicitações com sugestão automática de técnico disponível.
agenda de técnicos · visão mensal (nome de exemplo borrado)
solicitação de ordem de serviço · agendamento (nomes de exemplo borrados)
questionários · perguntas e fluxos de exceção
Ordens de serviço · app
Versão mobile para técnicos de campo: agenda do dia e do mês, lista de atendimentos agendados, acompanhamento de solicitações e preenchimento de questionário de atendimento.
app · acompanhamento de solicitações (nomes de exemplo borrados)
app · questionário de atendimento
← voltar aos projetos
App de treinos — fluxo completo, da home à assinatura
Mockup do fluxo de um aplicativo de treinos, cobrindo o percurso completo do usuário: da tela inicial e navegação por categorias, passando pela seleção de treino e pelo perfil do profissional, até a avaliação, a escolha do plano e a confirmação do pagamento.
Papel: UX/UI Designer
Escopo: Fluxo mobile, da descoberta à assinatura do plano
Ferramentas: Figma
← voltar aos projetos
Aplicativo para Despachante — consulta e histórico de veículos
App para despachantes e garagistas consultarem dados e histórico de veículos automotores direto nas bases oficiais do Governo (SERPRO/Denatran), com certificado gerado em poucos segundos. Antes de desenhar as telas, estruturei o modelo de negócio inteiro: problema, solução, proposta de valor, segmento de clientes, canais, custos e fontes de receita.
Papel: UX/UI Designer
Escopo: Business Model Canvas e fluxo de telas do app
Ferramentas: Figma · Miro
Business Model Canvas
business model canvas · miro
clique para ampliar
A partir do canvas, o público-alvo (despachantes e garagistas) e a proposta de valor (histórico e certificado de veículos em poucos segundos) guiaram o desenho do fluxo abaixo: da splash à adição de crédito (cartão, Pix ou boleto) e à verificação de identidade por foto de documento.
Fluxo do app
03 · novo cartão · formulário
04 · novo cartão · confirmação
05 · crédito · cartão salvo
06 · verificação · instruções
07 · verificação · câmera
← voltar aos projetos
Social Media — Clube Kepha Bora Captar
Série de carrosséis para Instagram criados para o Clube Kepha Bora Captar, comunidade que ajuda startups a se prepararem para captação de recursos e editais de inovação. Cada peça leva um problema real do público (falta de estrutura de projeto, dúvidas sobre editais, prazos, ODS, MVP) até uma solução clara, fechando sempre com a marca e uma chamada para ação.
Papel: Social Media Designer
Escopo: 16 carrosséis para Instagram
Ferramentas: Figma
A jornada de captação de recursos da sua startup começa aqui! 08 slides
Radar de oportunidades 07 slides
Sua startup está pronta para o Tecnova III Paraná? 08 slides
A escrita do seu projeto é a chave para captar recursos! 06 slides
Você sabe o que é um plano de trabalho em editais de inovação? 06 slides
Editais de incentivo à inovação! 07 slides
Qual é o papel das aceleradoras no crescimento das startups? 06 slides
O que são as ODS 05 slides
Quando buscar recursos para sua startup? 06 slides
Você precisa ler isso... antes de submeter seu projeto em um edital 07 slides
Desvendando o MVP 06 slides
A Uber quase não saiu do papel... e a sua startup? 07 slides
Dicionário das Startups #1 07 slides
Dicionário das Startups #2 06 slides
Dicionário das Startups #3 07 slides
Benefícios do Clube Kepha! 08 slides
