Pular para os trabalhos
EF

Eris Fernandes, product designer

TécnicoEmpático

Trabalhos selecionados(6)

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.

Projetos pessoais(2)

O que eu projeto e construo fora do trabalho, do problema ao uso no dia a dia.

  • Painel de rede

    Painel web próprio para o servidor caseiro que montei em uma TV box. Tem login, atalhos que eu crio e edito pela própria página e um monitor com gráficos de processador, memória, temperatura, rede e carga, além dos discos e de alertas. Escrito em Python, só com a biblioteca padrão.

  • Launcher de multimídia

    Tela inicial personalizada para a central multimídia Android do meu carro. Velocidade, ilustração do próprio carro, player de música, atalhos e barra de navegação em um layout redesenhado por mim.

Sobre mim

Retrato de Eris Fernandes

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

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

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

Técnico e empático

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 estoqueLeroy Merlin Brasil

Empresa
Leroy Merlin Brasil
Plataformas
App Android nativo e sistema web
Integração
SAP
Reconhecimento
Prêmio Abrappe 2022, Melhor Case de Gestão de Estoques

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.

Contexto e 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.

Pesquisa e descobertas

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

  • 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 de design e arquitetura

  • 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

Resultados

  • 3.500 horaspor ano liberadas para outras atividades da loja
  • R$ 144 milde economia anual projetada
  • 9 mesespara o investimento se pagar
  • +180 pontosno NPS interno, com colaboradores passando 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

Reflexão final

UX pensado para a operação, desenvolvimento nativo e integração sólida com o ERP mudaram a rotina da loja, reduziram custo e fizeram o time 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.

AutoatendimentoLeroy Merlin Brasil

Empresa
Leroy Merlin Brasil
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

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.

Contexto e 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.

Pesquisa e descobertas

Cronometragem de filas em horários diferentes, entrevistas rápidas com clientes de cesta pequena 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 de design e arquitetura

  • 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

Resultados

  • 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

Reflexão final

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çãoLeroy Merlin Brasil

Empresa
Leroy Merlin Brasil
Plataforma
Web responsiva (React)
Integrações
SAP, CRM e plataformas de e-commerce
Usuários
Pricing, Marketing e Supply Chain

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.

Contexto e 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.

Pesquisa e descobertas

Workshops de cocriação com Pricing, Marketing e Supply Chain, mapeamento de processos e 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 de design e arquitetura

  • 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

Resultados

  • 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

Reflexão final

O planejamento comercial passou a ser uma operação colaborativa e guiada por dados, 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 systemLeroy Merlin Brasil

Empresa
Leroy Merlin Brasil
Plataformas
Web, mobile, totens e intranet
Ferramentas
Figma, Figma Tokens e Storybook
Acessibilidade
WCAG 2.1 AA

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.

Contexto e 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.

Pesquisa e descobertas

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

Processo em quatro fases

  1. Auditoria e normalizaçãoLevantamento de 120 componentes, consolidação e eliminação de redundâncias.
  2. Definição de tokensTokens de cores, espaçamento, tipografia e sombras, integrados ao código com Figma Tokens e Storybook.
  3. Novos componentesRedesign de botões, inputs, modais e tabelas, com os estados hover, active e focus-visible documentados.
  4. Documentação e governançaGuidelines de uso de cada componente, versionamento e processo aberto de contribuição (DesignOps).

Resultados

  • 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

Reflexão final

Um design system bem estruturado é um ativo estratégico. Ele encurta o time-to-market, reduz o custo de manutenção e sustenta o crescimento de 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.

FidelidadeLeroy Merlin Brasil

Empresa
Leroy Merlin Brasil
Canais
Loja física, e-commerce, app e televendas
Integrações
CRM, PDV e self-checkout
Prazo dos resultados
6 meses

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.

Contexto e 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.

Pesquisa e descobertas

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 de design e arquitetura

  • 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

Resultados

  • 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

Reflexão final

Simplificar o resgate e mostrar o benefício na hora da decisão de compra 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 trabalhos

Campus Party

Progressive Web App para consultar palestras, workshops e atrações da Campus Party em tempo real.

EventosProgressive Web App

Formato
Progressive Web App
Recursos
Agenda pessoal, notificações push e uso offline
Referências
SXSW, Web Summit e CCXP

Um PWA para deixar a programação da Campus Party acessível em tempo real, reduzir a frustração dos visitantes e facilitar o planejamento de quem participa.

Contexto e problema

A Campus Party é um dos maiores eventos de tecnologia do mundo, com mais de 7 mil palestrantes ao longo das edições. Mesmo assim, faltava um lugar único com palestras, horários e locais.

Os visitantes perdiam atrações importantes, a comunicação digital era desconectada do evento físico e a frustração aparecia nas redes sociais e no Reclame Aqui.

Pesquisa e descobertas

Coleta de relatos no Reclame Aqui e no Twitter (#CampusParty), entrevistas rápidas com campuseiros e frequentadores da área aberta e análise de soluções de eventos similares.

  • A maior dor era encontrar os eventos e planejar a agenda
  • Os visitantes queriam receber alertas e notificações push
  • A solução precisava ser leve e funcionar offline

Por que um PWA

  • Dispensa a instalação de um app nativo, o que aumenta a adesão
  • Consome menos de 1 MB de dados e memória
  • Tem notificações push, cache offline e acesso às APIs do aparelho
  • Funciona em qualquer navegador moderno

Fluxo de uso

  1. AcessoO visitante abre o link ou lê o QR Code no evento.
  2. InstalaçãoSalva o atalho na tela inicial do celular.
  3. FiltroFiltra a programação por dia, área, palestrante, tema ou tipo de evento.
  4. AgendaAdiciona eventos à própria agenda e recebe um aviso antes do início.

Resultados

  • Até +50%de comparecimento às palestras programadas
  • 100%da programação consultável de forma simples e rápida
  • Menos reclamaçõessobre falta de informação nas redes sociais
  • Menos tempo perdidoandando e procurando os eventos

Reflexão final

Além de melhorar a experiência de milhares de visitantes, a agenda gera dados sobre quais temas e palestrantes atraem mais público, o que ajuda a planejar as próximas edições.

Telas

Abertura do PWA no navegador do celular
Atalho do PWA na tela inicial do celular
Tela inicial com palestrantes, agenda e atrações