Pular para os trabalhos
EF

Eris Fernandes, product designer

Product designer

2.326 × 2.326 km

Eris

com a lua Disnomia

Diâmetro
2.326 km
Órbita
558 anos
Dist. ao Sol
14 bilhões de km
Descoberta
2005

Trabalhos selecionados(5)

Em cada projeto, a barra de cima mostra o antes e a de baixo o depois, desenhadas na mesma escala. Todos os dados e telas são informações públicas.

Sobre mim

Retrato de Eris Fernandes

Ferramentas

  • Design e protótipo
    Figma, FigJam, Adobe XD, Sketch, Photoshop, Principle
  • Pesquisa e teste
    Maze, Optimal Workshop, Miro
  • Entrega e colaboração
    Zeplin, Storybook, Jira, Confluence, Notion

Fora do trabalho

  • Piloto em rallys de regularidade
  • Marcenaria e cerâmica fria no @spheris.lab
  • Pedal de longa distância
  • Logan, meu cachorro, no @logan.groenendael
  • Tenho uma coleção de iPods e CDs

Baixar currículo

Sou formado em Arquitetura e Urbanismo e atuo há mais de 9 anos no mercado, unindo design de produto e UX. Gosto de tecnologia, sou curioso e o que mais me move é transformar um problema complexo em uma solução simples de usar.

Prototipo sistemas internos e produtos para o cliente final, em mobile e web, e trabalho com criação e manutenção de design systems. Parto sempre de descoberta e pesquisa, porque entender a fundo quem usa é o caminho mais curto para o resultado.

Valorizo técnica, empatia e colaboração, com atuação de ponta a ponta, do discovery à entrega.

Como eu trabalho

  1. Descoberta

    Começo pelo contexto: onde estamos e para onde dá para ir. Reúno o que já existe e converso direto com stakeholders para alinhar expectativas e objetivos.

  2. Planejamento

    Com o problema definido, mapeio fluxos de usuário, faço wireframes e valido a ideia rápido, para confirmar que ela faz sentido para o negócio e para quem usa.

  3. Design e teste

    Só então aplico o guia de estilo e monto protótipos de alta fidelidade, que são testados e refinados até a experiência ficar clara e funcional.

Experiência

Product Designer Sênior

Leroy Merlin Brasil

Design de ponta a ponta em produtos digitais mobile e web, da pesquisa ao acompanhamento pós-lançamento. Discovery e testes de usabilidade, protótipos de alta fidelidade no Figma, evolução do design system e projetos como Self-Checkout, Venda Assistida, GESTCOM e PLACOM. Prêmio Abrappe 2022 de melhor case de gestão de estoques e redução de 30% no retrabalho.

UX Designer

ER15 Soluções

Freelancer em projetos digitais para clientes corporativos: sites, sistemas e apresentações interativas para a área médica, com interfaces responsivas e protótipos de baixa e alta fidelidade.

Estagiário de Arquitetura

ConsustLAB

Projetos sociais e sustentáveis, com foco em conforto ambiental e acessibilidade arquitetônica. Materiais gráficos, relatórios e representações visuais.

Analista e UI Designer

ISY Sistemas

Comecei como estagiário e evoluí para designer de interface, em sistemas administrativos e software B2B.

Formação

Gestão de Projetos

Veduca

UX/UI Design Bootcamp

Ironhack

Adobe XD

Origamid

Bacharelado em Arquitetura e Urbanismo

Universidade Anhembi Morumbi

Design Thinking

Universidade Anhembi Morumbi

Programação de Computadores

ETEC de São Roque

Eris Fernandes

De São Roque, interior de São Paulo. Arquiteto e urbanista de formação, product designer de profissão, com trabalho guiado por pesquisa e resultados.

Voltar para os trabalhos

GESTCOM

Gestão de estoque das lojas integrada ao SAP, com aplicativo Android nativo e sistema web.

Gestão de estoque

  • 8 min para 2 minpor operação de estoque
  • R$ 3,18 para R$ 1,12de custo por operação
  • R$ 144 milde economia anual projetada
Empresa
Leroy Merlin Brasil
Meu papel
Product Designer Sênior, único designer do time
Time
18 pessoas
Plataformas
App Android nativo e sistema web
Integração
SAP
Reconhecimento
Prêmio Abrappe 2022, Melhor Case de Gestão de Estoques

Contexto

O GESTCOM digitalizou a gestão de estoque das lojas Leroy Merlin. Um aplicativo Android e um sistema web substituíram os formulários impressos nas operações de IRC, Ajuste Pontual e Conferência Linear.

Meu papel

Fui o único designer do projeto, do entendimento dos fluxos que já existiam até a experiência mobile e os painéis de acompanhamento. Fiz o discovery com os usuários internos, mapeei os processos, defini a arquitetura da informação e os fluxos, prototipei, validei e acompanhei a implementação com o time de tecnologia.

O trabalho pedia traduzir processos feitos em papel, planilhas e vários sistemas em uma experiência mobile simples o bastante para ser usada no meio da operação da loja.

Time18 pessoas. Squad de 13, com product owner, agile master, tech lead, 5 desenvolvedores, QA, tester, automação, especialista SAP e eu como único designer. Mais 2 líderes de domínio e 3 pessoas de Controle Interno (coordenação, análise de gestão e estágio).

Problema

As lojas controlavam o estoque com formulários impressos, carimbos e assinaturas. Cada operação levava em média 8 minutos, custava R$ 3,18 e passava por 3 equipes.

O efeito aparecia em três frentes: baixa acuracidade, retrabalho e um volume de papel entre 100 mil e 210 mil folhas por ano. A satisfação dos times de loja com o processo era baixa.

Discovery

Entrevistas e shadowing com assistentes de gestão durante inventários, levantamento de requisitos com Operações, TI e Supply Chain e análise de logs do SAP.

  • 60% do tempo era perdido na conferência manual
  • Documentos impressos ficavam expostos nas lojas, um risco de compliance
  • Os mesmos lançamentos eram feitos em planilhas locais e no SAP

Decisões

A decisão mais difícil

A primeira tentação em uma transformação assim é reproduzir no celular as mesmas etapas e os mesmos campos dos formulários impressos. O processo mudaria de meio e continuaria tão complexo quanto antes.

Decidi reorganizar o fluxo a partir da tarefa que o operador precisava executar. Cortei etapas, deixei na tela só a informação necessária naquele momento e passei boa parte da interação para o scanner. O que era secundário saiu do caminho principal.

Essa escolha pesava ainda mais pelo contexto de uso: o app roda em aparelhos corporativos, no depósito, muitas vezes com conexão limitada.

Outras decisões

  • Aplicativo nativo em Kotlin, pelo desempenho e pela integração com scanners industriais
  • Funcionamento offline-first para depósitos com Wi-Fi limitado
  • Interface limpa, com retorno imediato a cada leitura para reduzir erro humano
  • Login simplificado com SSO corporativo
  • Sistema web com acompanhamento em tempo real e dashboards de acuracidade
  • Comunicação direta com o SAP por API, sem redigitação

Processo

  1. Imersão na operaçãoEntrevistas e shadowing com quem executava as tarefas na loja.
  2. Mapeamento dos processosIRC, Ajuste Pontual e Conferência Linear, com os gargalos e as oportunidades de digitalização.
  3. Arquitetura dos fluxosFluxos mobile e priorização das informações que aparecem durante a tarefa.
  4. Interações de leituraScanner e leitura de produtos, com estados de erro, confirmação e sincronização.
  5. Alinhamento técnicoLimites dos aparelhos e da conectividade com o time de tecnologia, e regras do SAP com a operação.
  6. ImplantaçãoAcompanhamento do desenvolvimento e da entrada em loja, com os resultados operacionais validando a solução.

Resultado

  • R$ 144 milde economia anual projetada
  • 9 mesespara o investimento se pagar
  • NPS internocolaboradores passaram de detratores a promotores
  • Sem arquivo físicoos documentos deixaram de ser guardados em loja
  • Prêmio Abrappe 2022Melhor Case de Gestão de Estoques

Números publicados na apresentação do case para a premiação.

Placa do Prêmio Abrappe 2022, Melhor Case de Gestão de Estoques

Aprendizados

Em produto operacional, o ponto de partida é a tarefa de quem executa. O formulário que existia antes diz pouco sobre ela.

Com o fluxo mais curto, o app nativo e a integração direta com o SAP, a rotina da loja mudou, o custo caiu e o time passou a querer usar a ferramenta.

Telas

Relatório no sistema web
Cadastro de parâmetros no sistema web
Dados de solicitação
Consulta de produto: vendas
Modal de consulta de vendas
Modal de consulta de estoque
Voltar para os trabalhos

Self-Checkout

Totens e app de autoatendimento para o cliente comprar sozinho, da leitura do produto ao pagamento.

Autoatendimento

  • 45% menos tempode checkout em cestas de até 10 itens
  • 52% de adoçãoentre os clientes elegíveis, em 3 meses
  • +23 pontosno NPS de checkout
Empresa
Leroy Merlin Brasil
Meu papel
Product Designer Sênior, único designer do time
Time
18 pessoas
Plataformas
Totem de autoatendimento e app
Integrações
SAP, CRM de fidelidade e emissão de NF-e
Pagamento
PIX, cartão e carteira NFC

Contexto

O projeto colocou totens e app de autoatendimento nas lojas para o cliente fazer a compra inteira sozinho, com preço e estoque vindos do SAP e pontos do programa de fidelidade em tempo real.

Meu papel

Fui o único designer do time, responsável por definir e evoluir a experiência de self-checkout, ligando as necessidades dos clientes, os objetivos do negócio e as restrições técnicas da operação de loja.

Conduzi o discovery, defini os fluxos e a arquitetura da experiência, prototipei, validei e especifiquei as interfaces, em conjunto com os times de produto, tecnologia, operações, pagamentos e fidelidade.

Time18 pessoas. Squad de 13, com product owner, agile master, tech lead, 5 desenvolvedores, QA, tester, automação, especialista SAP e eu como único designer. Mais 2 líderes de domínio e 3 pessoas de Controle Interno (coordenação, análise de gestão e estágio).

Problema

As filas nos caixas tradicionais eram longas e a loja perdia vendas nos horários de pico. Quem levava poucos itens esperava na mesma fila dos carrinhos cheios.

Cada pico exigia mais operadores de caixa, o que aumentava o custo fixo. O checkout era pouco digital e desconectado do app da marca.

Discovery

Cronometragem de filas em horários diferentes, entrevistas rápidas com clientes de cesta pequena para entender o comportamento de compra e benchmark em redes internacionais de home improvement.

  • 60% dos clientes que compram até 10 itens aceitariam usar self-checkout
  • A confiança depende de uma interface clara e de ajuda fácil quando algo dá errado
  • A integração com o programa de pontos era desejada

Decisões

A decisão mais difícil

O ponto mais delicado foi equilibrar a autonomia do cliente com a intervenção da operação. Um self-checkout simples demais deixaria a pessoa insegura ou travada quando algo desse errado. Tratar cada exceção como etapa obrigatória deixaria a compra lenta, parecida com a de um caixa convencional.

A saída foi estruturar a jornada para o cliente concluir quase tudo sozinho, com um modo de assistência que só entra em cena quando necessário. Com o fluxo principal separado dos cenários de exceção, a experiência continuou rápida e o apoio humano continuou ao alcance.

Outras decisões

  • Leitura de produtos simples, com retorno visual e sonoro
  • Tela de pagamento com as opções digitais em destaque
  • QR Code para pagar pelo app, unindo a experiência física e a digital
  • Modo de assistência para o funcionário intervir em caso de erro
  • Totens conectados ao SAP para preço e estoque em tempo real
  • Validação antifraude de produtos com câmeras auxiliares
  • Acúmulo e resgate de pontos no próprio totem

Processo

  1. DiscoveryComportamento de clientes com cestas pequenas, em loja.
  2. Jornada completaDo escaneamento ao pagamento e à emissão fiscal.
  3. Arquitetura e prioridadesArquitetura de informação, fluxos principais e priorização por impacto no cliente e complexidade operacional.
  4. ProtótiposFluxos críticos e cenários de erro, com estados de interface e feedback para reduzir a insegurança no autoatendimento.
  5. AlinhamentoEntre UX, tecnologia, pagamentos, SAP, CRM e operação de loja.
  6. Implementação e validaçãoAcompanhamento do desenvolvimento, validação depois da implantação e análise dos indicadores de adoção.

Resultado

  • 52%dos clientes elegíveis adotaram em 3 meses
  • +23 pontosno NPS de checkout nas lojas com self-checkout. Meta: +20
  • +18%de uso do programa de fidelidade no ponto de venda
  • Cerca de 12%de redução de custos operacionais nas lojas piloto
  • 11 mesespara o investimento se pagar
  • Mais atendimentooperadores liberados para o atendimento consultivo no salão

Aprendizados

Autonomia e assistência convivem bem quando o fluxo principal e as exceções são desenhados em separado.

Uma dor clássica do varejo virou experiência positiva de marca. A loja ganhou menos fila, mais autonomia para o cliente e dados de jornada de compra para decisões de preço e sortimento.

Telas

Etapa de identificação
Registro de produto
Lista de produtos registrados
Resumo da compra
Seletor de cartão
Integração com o programa de fidelidade
Tratamento de erros
Tela de finalização
Voltar para os trabalhos

PLACOM

Plataforma web de planejamento comercial, precificação e promoções para loja física, e-commerce e televendas.

Precificação

  • 72 h para 24 hpara liberar uma promoção
  • 85% a menosde inconsistências de preço
  • 100%das alterações de preço rastreadas
Empresa
Leroy Merlin Brasil
Meu papel
Product Designer Sênior
Time
10 pessoas
Plataforma
Web responsiva (React)
Integrações
SAP, CRM e plataformas de e-commerce
Usuários
Pricing, Marketing e Supply Chain

Contexto

O PLACOM centraliza o planejamento comercial das lojas, automatiza a precificação e gerencia promoções em larga escala, mantendo o mesmo preço em todos os canais.

Meu papel

Fui o product designer na transformação do processo de planejamento comercial e gestão de preços, trabalhando direto com Pricing, Marketing, Supply Chain e tecnologia.

Minha responsabilidade era levar um processo espalhado em planilhas, e-mails e sistemas corporativos para uma experiência centralizada, com visibilidade das decisões, rastreabilidade e controle de aprovação.

Time10 pessoas.

Problema

O planejamento de preços vivia em planilhas e e-mails, com risco constante de desalinhamento entre os times. Liberar uma campanha levava mais de 72 horas.

Faltava uma visão única dos preços e promoções vigentes. A conferência entre ERP, etiquetas e e-commerce gerava retrabalho, erro de preço no ponto de venda e exposição a falhas de compliance e de margem.

Discovery

Workshops de cocriação que facilitei com Pricing, Marketing e Supply Chain, mapeamento do processo e dos pontos de decisão e entrevistas com analistas sobre a jornada de aprovação de preços.

  • Mais de 40% do tempo ia só para a consolidação de dados
  • Sem log de alterações, auditar era difícil
  • As aprovações precisavam funcionar bem no celular

Decisões

A decisão mais difícil

O mais difícil foi decidir quanto da complexidade do processo cada usuário deveria ver. Pricing, Marketing, Supply Chain e gestores têm necessidades diferentes, e colocar tudo na mesma tela daria uma ferramenta poderosa e difícil de operar.

Organizei a experiência em torno das decisões que cada perfil precisava tomar. Hierarquia visual, filtros e revelação progressiva mantêm as informações avançadas disponíveis sem pesar no fluxo principal.

Também tratei o histórico de alterações como parte da experiência, além de requisito técnico. Quem usa precisa entender quem alterou o preço, quando, qual era o valor anterior e que decisão estava sendo tomada.

Outras decisões

  • Dashboard inicial com visão por categoria, margem e impacto financeiro
  • Aprovação de promoções em 2 cliques
  • Filtros avançados por região, loja ou canal
  • Alerta visual de risco de margem negativa antes da publicação
  • APIs integradas ao SAP para sincronização em tempo real
  • Logs de alteração, trilha de auditoria e controle de permissões

Processo

  1. Workshops e mapeamentoProcesso atual e principais gargalos, levantados com as áreas de negócio.
  2. Arquitetura da plataformaArquitetura de informação e jornadas de planejamento, aprovação e publicação.
  3. Dashboards de decisãoPriorização das informações e filtros por loja, região, categoria e canal.
  4. Workflows de aprovaçãoEstados, permissões e cenários de exceção.
  5. IntegraçõesTrabalho com tecnologia para viabilizar a ligação com o SAP e os demais sistemas.
  6. Validação e refinamentoTestes com usuários de negócio e acompanhamento da implementação.

Resultado

  • 85% a menosde inconsistências de preço
  • 100%das alterações rastreadas em log, com quem, quando e qual preço
  • Até +3,5%de margem em categorias sensíveis
  • Aprovação no celularcampanhas liberadas direto pelo smartphone ou tablet
  • Auditoria em diaconformidade com auditorias internas e externas
  • Menos perdaredução das perdas financeiras por erro de preço

Aprendizados

Em ferramenta interna com vários perfis, mostrar a cada um só o que ele precisa decidir rende mais do que mostrar tudo a todos.

O PLACOM levou uma atividade operacional e fragmentada para um processo estruturado de decisão comercial, em que as equipes agem antes do problema de margem aparecer.

Telas

Precificação de operação comercial
Visualização de operação comercial
Precificação de serviços
Cadastro de ambição de vendas
Visão geral
Voltar para os trabalhos

Design System

Evolução do design system da Leroy Merlin Brasil para unificar web, mobile, totens e intranet.

Design system

  • 35% menos tempopara entregar novas features
  • 3 semanas para 1no onboarding de designers
  • 100%dos produtos na mesma biblioteca
Empresa
Leroy Merlin Brasil
Meu papel
Product Designer Sênior
Time
6 pessoas
Plataformas
Web, mobile, totens e intranet
Ferramentas
Figma, Figma Tokens e Storybook
Acessibilidade
WCAG 2.1 AA

Contexto

A atualização do design system unificou a experiência em todas as plataformas, acelerou o desenvolvimento de novos produtos e trouxe consistência visual.

Meu papel

Fui o product designer na evolução do design system, com o objetivo de levar uma biblioteca visual fragmentada para uma base escalável, usada por produtos e plataformas diferentes.

Fiz a auditoria dos produtos, identifiquei padrões e inconsistências, defini componentes e tokens, estruturei a biblioteca no Figma, documentei, alinhei com desenvolvimento e ajudei a definir as práticas de governança.

Time6 pessoas.

Problema

O design system estava desatualizado. Havia componentes duplicados, inconsistência de cores, tipografia e ícones e 3 variações de botão primário em produtos diferentes.

Sem tokens centralizados, a manutenção era cara, design e front-end refaziam trabalho e o onboarding de novos times demorava.

Discovery

Auditoria de UI em 7 produtos digitais, entrevistas com designers e desenvolvedores para mapear gargalos e benchmark com Material Design 3 e Carbon Design System.

  • 45% do tempo de desenvolvimento era gasto adaptando componentes
  • Faltava documentação clara dos estados hover, focus e disabled
  • Cada time usava uma biblioteca de ícones diferente

Decisões

A decisão mais difícil

Havia uma tendência natural de reconstruir no Figma os componentes que já existiam. Isso deixaria a origem do problema intacta: cada produto continuaria decidindo por conta própria sobre estados, espaçamentos, comportamento e acessibilidade.

Decidi estruturar o sistema em princípios, tokens, componentes, documentação e governança, para ele evoluir junto com os produtos.

Também precisei equilibrar consistência e flexibilidade. Padronizar tudo aceleraria a produção no curto prazo e criaria componentes rígidos demais para necessidades legítimas de cada produto.

Processo

  1. Auditoria e normalizaçãoLevantamento de 120 componentes em 7 produtos, classificação dos padrões recorrentes e decisão sobre o que consolidar ou descontinuar.
  2. Arquitetura e tokensEstrutura da biblioteca e tokens de cores, espaçamento, tipografia e sombras, integrados ao código com Figma Tokens e Storybook.
  3. ComponentesRedesign de botões, inputs, modais e tabelas, com estados e comportamentos padronizados e critérios de acessibilidade.
  4. Documentação e governançaGuidelines de uso, versionamento e processo aberto de contribuição (DesignOps), com alinhamento entre os times de produto.

Resultado

  • 100%dos produtos usando a mesma biblioteca de componentes
  • 120 componenteslevantados na auditoria de 7 produtos digitais
  • WCAG 2.1 AAcontrastes revisados, teclado e leitor de tela nos componentes críticos
  • Menos retrabalhoqueda nas inconsistências visuais encontradas em QA

Aprendizados

Trabalhar no design system é trabalhar na infraestrutura que permite a vários produtos evoluírem de forma consistente.

Bem estruturado, ele encurta o time-to-market, reduz o custo de manutenção e sustenta novos produtos com a mesma experiência.

Telas

Versão antiga do padrão de botões
Nova paleta de cores
Novo padrão de componentes
Documentação de uso de componentes no Figma
Documentação de uso de tipografia no Figma
Componente de menu
Voltar para os trabalhos

Loyalty Program

Programa de fidelidade omnicanal, com resgate de pontos e emissão de vouchers em qualquer canal.

Fidelidade

  • 15% para 48%de ativação do programa, em 6 meses
  • 2,2 vezeso volume de resgates
  • +18%no ticket médio dos clientes fidelizados
Empresa
Leroy Merlin Brasil
Meu papel
Product Designer Sênior
Time
10 pessoas
Canais
Loja física, e-commerce, app e televendas
Integrações
CRM, PDV e self-checkout
Prazo dos resultados
6 meses

Contexto

O projeto criou um sistema integrado de fidelidade em que o cliente troca pontos por descontos e vouchers em qualquer canal, sem atrito e com as regras à vista.

Meu papel

Fui o product designer na evolução da experiência de fidelidade omnicanal, ligando o programa de pontos à jornada de compra e transformando o resgate em uma ação de autoatendimento.

Estudei a jornada existente, analisei dados e comportamentos, desenhei a experiência de resgate e os fluxos omnicanal, prototipei, validei e alinhei tudo com os times de CRM, tecnologia, negócio e operação.

Time10 pessoas.

Problema

O programa de fidelidade era pouco usado porque os canais não conversavam. O cliente não via o saldo em tempo real e só conseguia resgatar na loja física, pelo SAC ou em campanhas específicas.

Aplicar o desconto era manual e demorado. A taxa de ativação ficava em 15% da base de clientes.

Discovery

Análise de dados de CRM e de jornadas de compra, entrevistas com clientes ativos e inativos no programa e benchmark dos programas de fidelidade líderes do mercado.

  • Os clientes queriam usar os pontos na finalização da compra, sem intermediário
  • As regras de acúmulo e resgate eram pouco conhecidas
  • As pessoas queriam decidir quando e quanto resgatar

Decisões

A decisão mais difícil

O desafio era fazer dos pontos, até então uma informação passiva, uma ferramenta de decisão durante a compra. Mostrar só o saldo deixava o problema sem solução: o cliente precisava entender quanto podia usar, qual seria o efeito do resgate e o que aconteceria depois de confirmar.

Levei o benefício para dentro do checkout, com a escolha de quanto usar e o impacto financeiro à vista.

Foi preciso equilibrar transparência, flexibilidade e simplicidade, porque as regras do programa e as integrações de backend acrescentavam complexidade ao fluxo.

Outras decisões

  • Saldo de pontos visível no carrinho e no checkout
  • Seletor de quanto resgatar, parcial ou total, para dar controle ao cliente
  • Confirmações claras, como “Você economizou R$ 45 nesta compra”
  • Voucher digital para presentear ou usar depois
  • API de fidelidade única, sincronizada com o CRM
  • PDV, e-commerce, app e televendas consumindo os mesmos endpoints

Processo

  1. Jornada atualAnálise da experiência de fidelidade e dos pontos de fricção no acúmulo e no resgate.
  2. ComportamentoEntendimento de clientes ativos e inativos no programa.
  3. Resgate no checkoutExperiência de pontos dentro da compra e arquitetura do fluxo, com resgate parcial e total.
  4. Experiência omnicanalMecanismos de feedback e confirmação e tratamento de erro e indisponibilidade em todos os canais.
  5. Regras e integraçãoAlinhamento da experiência com as regras de negócio do programa, junto com CRM e tecnologia.
  6. ValidaçãoTeste da clareza das regras de pontos e dos benefícios.

Resultado

  • 2,2 vezeso volume de resgates
  • +18%no ticket médio dos clientes fidelizados
  • +12%na taxa de recompra
  • 60% a menosde chamadas ao SAC com dúvidas sobre pontos
  • +25 pontosno NPS dos clientes do programa

Aprendizados

O programa, antes um recurso isolado, passou a fazer parte da jornada de compra omnicanal.

Simplificar o resgate e mostrar o benefício na hora da decisão transformou os pontos em motivo de retorno e aumentou o valor de cada cliente ao longo do tempo.

Telas

Fluxo de troca de pontos e antifraude
Integração com a página de produto
Integração com o self-checkout
Perfil
Troca de pontos
Cartão para carteiras digitais
Voltar para os projetos

BackdropCam

Fundo desfocado ou com imagem na webcam para Windows.

Tipo
App para Windows
Meu papel
Ideia, design e construção
Feito com
Python, OpenCV e ONNX Runtime
Idiomas
Português, inglês e espanhol

O que é

O BackdropCam cria uma câmera chamada BackdropCam no Windows. É só escolher essa câmera no Meet, Zoom, Teams, Discord ou WhatsApp Web para aparecer com o fundo desfocado ou com uma imagem atrás.

Comecei porque o Windows não tem um efeito de fundo que funcione em todos os programas. Cada app de chamada resolve do seu jeito, quando resolve, e as alternativas que eu achava pediam conta, mandavam o vídeo para a nuvem ou deixavam a webcam ligada o tempo todo.

Tudo roda no próprio computador: as imagens da webcam nunca são enviadas nem gravadas, e o app não se conecta à internet. O recorte usa um modelo de licença aberta, a câmera virtual é instalada só para o usuário, sem pedir senha de administrador, e a webcam de verdade só liga quando algum programa usa a câmera BackdropCam.

A interface foi desenhada antes no Figma, numa coluna só, com os controles na ordem em que a pessoa usa: escolher a webcam, o efeito e o ajuste fino.

O que faz

  • Três efeitos: nenhum, imagem e desfocado, na janela ou pelo ícone perto do relógio
  • Até 8 imagens de fundo em miniatura, com as que vêm no app e as que a pessoa adiciona
  • Recorte automático da pessoa, com ajuste de precisão para pegar o cabelo todo ou deixar a cadeira de fora
  • A webcam de verdade só liga quando algum app usa a câmera BackdropCam
  • Tema claro e escuro e três idiomas, na engrenagem

Status

O link para baixar na Microsoft Store entra aqui assim que o app estiver na loja.

Telas

Fundo desfocado, com os controles de intensidade e precisão
Imagem de fundo e a grade para escolher
Engrenagem com tema, idioma e ajuda
Tema claro
Voltar para os projetos

EZ Type

Substituição de texto para o Windows.

Tipo
App para Windows
Meu papel
Ideia, design e construção
Feito com
Python e PySide6
Idiomas
Português, inglês e espanhol

O que é

Eu queria no Windows algo parecido com a Substituição de Texto do iPhone e do Mac: duas palavras, atalho e frase, e nada mais para aprender.

No EZ Type a pessoa cadastra um atalho, como "obg", e a frase que ele vira, como "Obrigada!". Ao digitar o atalho em qualquer programa do Windows, a frase aparece no lugar.

A janela tem uma lista só, com um editor fixo ao lado e uma prévia que mostra, em português, o que vai acontecer ao digitar o atalho. O básico fica nas primeiras telas e o ajuste fino vai para Avançado. Um interruptor fixo diz se a substituição está ativa, sem nada piscando.

Nada do que a pessoa digita é gravado ou enviado, e gerenciadores de senha já vêm na lista de programas em que o app não age.

O que faz

  • Lista única com um botão Nova e um editor fixo ao lado, com prévia ao vivo do que vai aparecer
  • Aviso de atalho repetido enquanto se digita
  • Variáveis de data, hora e área de transferência, e Backspace desfaz logo depois da troca
  • Maiúsculas acompanham o que foi digitado
  • Busca de frases e seletor de emojis por atalhos de teclado
  • Importa e exporta substituições da Apple, de outros apps e de planilha

Status

O link para baixar na Microsoft Store entra aqui assim que o app estiver na loja.

Telas

Editor ao lado da lista, com botões de variáveis e prévia ao vivo
Tema claro, com a variável de dia da semana na prévia
Menu Ações: importar, exportar, ativar, mover e excluir
Seletor de emojis com busca em português
Configurações de substituição, com exemplos em cada opção
Voltar para os projetos

Vestili

Uma consultoria de estilo brasileira no bolso.

Tipo
Web app, com app de celular depois
Status
Versão de teste no ar
Meu papel
Ideia, design e construção
Feito com
Next.js, Supabase e a API do Claude

O que é

A pessoa conta do que gosta uma vez e, quando precisa de roupa para uma ocasião como trabalho, viagem ou evento, recebe combinações com peças de lojas brasileiras escolhidas para o seu gosto, tamanho e orçamento.

Comprar roupa online toma tempo: cada loja tem seu site, seus filtros e seus tamanhos, e nenhuma sabe do que a pessoa gosta. Os apps de estilo que existem trabalham com o guarda-roupa da pessoa ou com um catálogo próprio. A ideia do Vestili é buscar em várias lojas brasileiras ao mesmo tempo, respeitando gosto, tamanho, orçamento e até o clima do lugar.

O visual é editorial, em preto e branco, com títulos em serifa, para a cor vir das fotos das peças. Dá para usar sem conta e guardar no Google depois, e todos os textos usam linguagem neutra de gênero.

Cada busca faz uma chamada curta à inteligência artificial, com cache, para o custo caber num teste com pessoas de verdade.

O que faz

  • Cadastro de gosto em 4 passos rápidos: estilo, cores, tamanhos e orçamento
  • Busca por ocasião, escrita ou escolhida, com modo viagem que considera o clima do destino
  • Até 5 combinações por busca, em carrossel, com a explicação de cada escolha
  • Peças reais das lojas, com combinações salvas
  • Coração e "Não é para mim" ajustam as próximas sugestões
  • Guia de roupas com o significado dos símbolos das etiquetas e os cuidados com cada tecido

Status

Versão de teste no ar. Em construção: o catálogo próprio de lojas, com foto e preço de cada peça, e depois o guarda-roupa, para pedir peças que combinem com o que a pessoa já tem.

Telas

Início com categorias, ideia do dia e busca por ocasião
Opção de combinação para o trabalho, com peças e preços das lojas
Perfil com preferências de estilo e guia de roupas
Guia de etiquetas e cuidados
Voltar para os projetos

e-fitness

Estou perdendo gordura sem perder força?

Tipo
Web app
Status
Em teste fechado de um mês
Meu papel
Ideia, design e construção
Feito com
Next.js e Supabase

O que é

O e-fitness é um painel de recomposição corporal. Junta na mesma linha do tempo o peso diário, as sete dobras cutâneas, a bioimpedância, as circunferências e as cargas do treino para responder a uma pergunta só.

Os dados de quem treina ficam espalhados entre a planilha, o app de treino e a avaliação física. Separados, eles não dizem se o processo está funcionando. O e-fitness junta tudo numa linha do tempo e responde a uma pergunta só: estou perdendo gordura sem perder força?

O que foi medido, o que é estimado por fórmula e o que veio de equipamento ficam sempre separados, na tabela, no gráfico e na etiqueta. O percentual de gordura estimado aparece sem casa decimal e com a margem de erro, sem prometer uma precisão que não tem.

A primeira versão deixou de fora, de propósito, inteligência artificial, diário alimentar e contador de calorias. O primeiro resultado aparece no primeiro minuto: importar a planilha antiga e ver a evolução.

O que faz

  • Peso diário, avaliações de dobras, bioimpedância e medidas na mesma linha do tempo
  • Cargas do treino ao lado da composição corporal, com a carga máxima estimada de cada exercício
  • Leitura do período, que só aparece quando há dados suficientes para ser honesta
  • Importa a planilha antiga e os apps de treino Hevy e Strong
  • Exporta tudo em JSON, Excel e CSV
  • Catálogo próprio de receitas para marmita, com calorias marcadas como estimadas

Status

Em teste fechado de um mês, com uma pessoa usando no dia a dia e eu como administrador.

Telas

Hoje: média de peso, últimos registros e meta
Leitura do período, última avaliação e força
Evolução com as etiquetas Medido e Estimado
Receitas salvas, com calorias marcadas como estimadas
Busca de receitas por ingrediente
Voltar para os projetos

onecloud

Um servidor com um painel personalizado.

Tipo
Servidor caseiro e painel web
Status
Em uso todos os dias, versão 1.35
Meu papel
Ideia, design e construção
Feito com
Python, só com a biblioteca padrão, e scripts

O que é

O onecloud é o servidor da minha casa, um computador pequeno com Linux. Ele roda os serviços da rede e tem um painel web próprio para acompanhar e mexer em tudo pelo navegador, no computador ou no celular.

Antes eu acompanhava o servidor por uma tela de terminal, só com texto. Saber se algo tinha parado, quanto espaço sobrava ou se havia algum risco exigia digitar comandos.

O painel mostra tudo isso numa página, no computador ou no celular, com ícone para a tela inicial. As luzes de estado só aparecem quando há problema, para o que pede atenção saltar aos olhos, e os avisos chegam também pelo celular.

O painel é um arquivo só, sem dependências para instalar: atualizar é copiar um arquivo para o servidor.

O que faz

  • Login e atalhos para os serviços, em grupos que eu crio e edito pela própria página
  • Monitor com gráficos de processador, memória, temperatura, rede, carga e velocidade da internet
  • Discos com a saúde de cada um, checagens de segurança e serviços do sistema, com botão para religar o que falhou
  • Avisos no sino e alertas no celular
  • Imagem ao vivo da câmera da casa
  • Exportar e importar a configuração, e backups automáticos
  • Tema escuro e claro, ou o do aparelho

Status

Em uso todos os dias, já na versão 1.35.

Telas

Antes: tela de terminal do servidor, só com texto
Atalhos, com o resumo da máquina no topo
Monitor com gráficos da última hora
Discos, com o de mídia quase cheio em destaque
Segurança: entradas, backup, atualizações e versões dos apps
Histórico de quedas e serviços do sistema
Avisos no sino, com o disco de mídia quase cheio
Voltar para os projetos

Spotbee

O player de música do computador com cara de streaming.

Tipo
Skin e plugins para o MusicBee
Status
Publicados no site de complementos do MusicBee
Meu papel
Ideia, design e construção
Feito com
Python para a skin, C# para os plugins

O que é

O Spotbee é uma skin escura com destaque verde para o MusicBee, um player de música para Windows, e três plugins que completam a experiência: Home, Album Page e Cover Playlist.

O MusicBee organiza muito bem uma biblioteca de música guardada no computador, mas tem uma aparência antiga e cheia de listas. Eu queria a mesma biblioteca com a navegação dos serviços de streaming: tela inicial, página de álbum e playlists com capa.

Tudo foi desenhado do zero, sem imagem nem trecho de outra skin. Os plugins entram na barra de navegação do próprio MusicBee, sem esconder as listas de arquivos, e os textos aparecem em português ou inglês conforme o idioma do programa.

Cores, textos e medidas ficam num arquivo só, para cada ajuste virar uma versão nova sem retrabalho.

O que faz

  • Skin em duas versões, uma delas com a barra do player mais alta, capa grande e play redondo
  • Home: saudação pela hora, atalhos para as playlists e fileiras de tocados recentemente, mais ouvidos e esquecidos
  • Album Page: capa grande, fundo na cor da capa, faixas com reproduções e duração
  • Cover Playlist: playlists com capa em mosaico automático ou com imagem escolhida
  • Textos em português ou inglês, conforme o idioma do MusicBee

Status

Skin e os três plugins publicados no site de complementos do MusicBee, com versões novas a cada ajuste.

Telas

Home com atalhos, tocados recentemente e álbuns mais ouvidos
Album Page com o fundo na cor da capa
Playlist aberta na mesma página, com capa própria
Home com álbuns e artistas mais ouvidos
Apresentação da skin, com a barra do player
Apresentação do Cover Playlist