Designing systems that evolve, without losing a creative eye for the pixel.
Fernando Dilton, Product Designer que há 8 anos conduz produto digital de ponta a ponta.
Destaques
LetrasCase study · 2025
Redesenhei a navegação, desatualizada por 10 anos, de um site com 50M+ acessos/mês.
Lyrics LayersCase study · 2024
Pra levar o Letras aos EUA, criei uma marca inspirada na estética do mercado americano
LetrasProjeto · 2023
Atualizei a tipografia do Letras para modernizar as Foundations do produto, migrando pra Inter sem perder a familiaridade com a experiência nativa do usuário.
Um app de widgets pra iOS que transforma os dados que você já registra no Notion em dashboards visuais, direto na tela inicial do iPhone. Resolve um problema real: dados que ficam presos na ferramenta e nunca voltam pra quem os registrou.
IA no processo
“Uso IA como parte central de como trabalho hoje, da exploração de ideias até a execução: construí meu próprio site de portfólio e pipelines de automação (Notion, Google Apps Script, Swift/SwiftUI, AppleScript) com Claude Code integrado ao Antigravity.
As decisões, o gosto e a direção continuam sendo meus, a IA é ferramenta, não autora.”
Product Design
DiltonArtigo · 2026
Um sistema de tags no Notion, com scores que se propagam como tokens, ordena por mim o que ler, assistir ou ouvir primeiro, a partir do voto que eu dou em tags.
LetrasCase study · 2025
Um pedido simples do CEO quase virou um sistema de suporte com IA white label
LetrasProjeto · 2023
Defini as regras de estruturação dos Design Tokens do Letras, criando a base pra uma renovação completa das Foundations do produto.
LetrasProjeto · 2023
Documentei as regras e manuais dos componentes do Design System numa página online, criando uma referência única entre design e desenvolvimento.
LetrasProjeto · 2023
Defini um processo de quatro passos (Need, Creation, Validation, Handoff) pra criação e atualização de componentes do Design System.
LetrasProjeto · 2022
Pesquisei e testei plataformas de documentação de Design System (ZeroHeight, Supernova) em busca da solução ideal pro Letras.
Experiência
Letras é um site brasileiro referência em letras de música e tradução desde 2003, hoje a maior plataforma do tipo no Brasil, com mais de 50 milhões de acessos mensais entre web, Android e iOS. Atuei como Product Designer nesse produto por 8 anos, passando por growth, estratégia de produto e identidade visual.
Redesign de navegação que resolveu a concentração de 92% do tráfego numa única tela
- Redesenhei a navegação do site, onde 92% dos acessos ficavam presos na tela de letra sem diversificar receita, fortalecendo retention e discoverability da assinatura e dos outros conteúdos do Letras.
- Alcancei +59% de cliques internos no menu, +271% de engajamento mobile e +47% de cliques no desktop, batendo as duas OKRs de tráfego do projeto.
Logotipo que driblou uma lei americana de royalties pra abrir o mercado mais rentável do produto
- Construí o logotipo do Lyrics Layers from scratch, com benchmark de 6 marcas de peso do mercado musical americano (MTV, Genius, Billboard, entre outras).
- Segui a lógica "be bold": uma direção visualmente forte e ousada, bem diferente do tom mais comedido do Letras.
- Desenvolvi um modular design system com dynamic color por contexto, dando à marca força e distinção própria sem parecer uma extensão do Letras.
Decisões que colocaram o produto à frente do mercado, antes dos gigantes chegarem
- Antecipei em anos o que hoje é padrão: criei, em 2019, o modo de visualização que empilhava letra original e tradução verso a verso no app Android, muito antes de Google, Spotify e Apple adotarem tradução sincronizada nos próprios apps.
- Conduzi o strategic scoping da reformulação da Tela de Artista, priorizando as oportunidades de maior impacto levantadas em discovery e bias audit com Design e Moderação, e defini as content display rules em alinhamento com o time de desenvolvimento.
- Reformulei a information architecture da FAQ, um dos pontos da tela de Ajuda do site, reorganizando conteúdo e criando busca customizada pra melhorar a findability e reduzir a dependência de atendimento humano.
Assinatura ad-free: destravo de receita, leads e autonomia criativa
- Planejei e lancei o Letras Premium, a primeira assinatura paga do produto, oferecendo um plano ad-free que evoluiu pra reunir funcionalidades musicais exclusivas, e conduzi a estratégia de cross-sell com o Letras Academy até a unificação final numa única assinatura: a Assinatura do Letras.
- Concebi e evoluí a landing page do Letras Academy ao longo de launch, repositioning e revamp, implementando aulas de idioma por música como conversion trigger pro funil de assinatura e expandindo o alcance do CTA pra todo o catálogo de mais de 54 mil letras do site.
- Reduzi o time-to-market de campanhas de vendas criando um sistema de 14 componentes reutilizáveis que tirou o Marketing da dependência de produção sob demanda do Design, usado inclusive no hotsite e quiz gamified dos 20 anos do Letras como mecanismo de lead generation.
Kósmos Design System: construção e manutenção contínua ao longo de 6 anos
- Defini a arquitetura do Kósmos Design System (fundação, styles, componentes, documentação) e unifiquei os arquivos Figma num UI Kit single source of truth, eliminando a replicação de componentes entre Web, Android e iOS com uma naming convention de Design Tokens token-based.
- Mantive e evoluí a documentação do Design System, criando um feedback loop usado por Visual Design, Product Design e Marketing, asset guidelines que reduziram retrabalho entre times, e um component lifecycle (Need, Creation, Validation, Handoff) que agilizou o handoff pro time de Devs.
- Defini a paleta do Dark Mode nativo a convite direto da Apple, com rollout cross-platform entre iOS, Android e Web, e conduzi um typography audit que reduziu 10 typefaces e 150 estilos acumulados em 2 décadas pra uma escolha só.
Visual Design
DiltonExperimento · 2026
Pôster/motion de nebulosas: fotos reais de espaço profundo da NASA testando o novo efeito de shades do Figma.
DiltonExperimento · 2026
Um experimento em 3D: forma pronta encontrada online, efeito de linha animada feito no Blender, composição no DaVinci Resolve.
DiltonExperimento · 2026
Série completa de 12 capas, uma por mês, continuação do teste em Capas de playlist mensal.
DiltonExperimento · 2025
Primeiro contato com modelagem 3D no Blender: segui um tutorial e saí com uma estrela translúcida cheia de bugs, mas mágica.
DiltonExperimento · 2025
Primeira peça de uma série semanal de criação: exploração de um tutorial de efeito Dither pra me reconectar com o lado criativo.
DiltonExperimento · 2025
Exploração livre desenhando capas ilustradas para as playlists mensais que uso como diário musical.
Recomendações
Trabalhar com o Fernando foi uma experiência muito positiva. Ele é um profissional comprometido, colaborativo e com uma visão de design sensacional.
Aprendi muito com sua forma de trabalhar, trocar ideias e contribuir com o time, sempre compartilhando conhecimento e ajudando a tornar os processos mais leves e colaborativos.
Contratar o Dilton foi uma das melhores decisões para o meu projeto. Mais do que executar o que foi pedido, ele demonstrou uma visão estratégica afiada, trazendo ideias inovadoras e resolvendo problemas complexos de forma muito fluida.
Sua atenção aos detalhes garantiu uma entrega de altíssima qualidade, unindo uma estética impecável a uma excelente performance e funcionalidade.
É um profissional talentoso, proativo e extremamente competente. Recomendo muito!
O Dilton é um profissional extremamente atento aos detalhes e com uma visão muito completa do design. Ele transita muito bem entre o kraft, o pensamento estratégico com um visão completa do processo.
Ao longo dos anos em que trabalhamos juntos, aprendi muito com ele, principalmente sobre como refinar meu trabalho, questionar minhas próprias decisões e elevar a qualidade das entregas.
Além disso, é uma pessoa muito criativa, sempre trazendo boas ideias e contribuindo para o trabalho do time.
Dilton é uma pessoa ímpar, com uma capacidade criativa, analítica e crítica gigante! Digo tranquilamente que trabalhar e colaborar com ele em tantos projetos me tornou um profissional (e uma pessoa) melhor. Muitas vezes, de um bate-papo descontraído, ele tirou ideias e projetos que não só melhoraram os produtos com os quais trabalhávamos, como também anteciparam gargalos que só perceberíamos no futuro.
Além de um baita profissional, Dilton é uma pessoa incrível de se ter por perto: generoso ao compartilhar o que sabe, energia massa e estilo sempre no máximo. Não só aprendi muito com ele, como ele se tornou, na minha jornada profissional, uma daquelas pessoas que sempre terei como referência quando precisar pensar de forma inovadora e criar qualquer coisa, inclusive para além de produtos, que realmente faça a diferença. Recomendo demais! :)
Trabalhar com o Dilton foi uma experiência muito especial na minha trajetória. Ele é um profissional extremamente criativo, organizado, curioso e muito disposto a fazer acontecer. É o tipo de pessoa que identifica oportunidades, pesquisa, testa e compartilha com o time, sempre buscando melhorar o produto e também o trabalho de quem está ao redor.
Aprendi muito com ele, especialmente sobre Design System, área em que sempre foi uma referência para o nosso time. Mas sua contribuição ia muito além disso: mesmo quando não estava diretamente envolvido em um projeto, estava disposto a contribuir, indicar uma referência, dividir alguma descoberta ou ajudar a enxergar um problema por outro ângulo.
Além de todo o talento técnico e visual, tive a sorte de conhecer o Dilton para além do trabalho. Ele é uma pessoa incrível: gentil, generoso, educado e muito querido. Foi um prazer enorme dividir esses anos de Letras com ele, e levo comigo muito do que aprendi nas nossas trocas. Qualquer time terá muita sorte de contar com um profissional tão talentoso, colaborativo e comprometido.
No meu radar
Atualizado em 13 de outubro de 2026 às 04:32
Livro · Em andamento
Design Centrado no Usuário
Podcast · Na fila
Aprendizados de mais de 20 anos de produto e liderança - Joca Neto | Papo na Arena #108Spotify
Livro · Consumido
O poder do hábito: Por que fazemos o que fazemos na vida e nos negóciosPodcast · Consumido
👀 Como Itaú e iFood estão colocando IA no processo seletivo de Product Managers e Designers | Papo na Arena AO VIVO #110Spotify
Livro · Na fila
O que o CEO quer que você saiba: Descubra como a sua empresa realmente funciona
Livro · Consumido
Breves respostas para grandes questões
Como funciona o radar
Esse bloco não é atualizado à mão. Ele é alimentado por um sistema de tabelas que mantenho no Notion, onde registro tudo que assisto, leio e escuto, com tags e uma pontuação que ajuda a decidir o que consumir primeiro.
Conectei essas tabelas direto ao site: o que você vê aqui é puxado do Notion automaticamente, de hora em hora, sem eu precisar mexer em nada.
É menos por necessidade e mais uma forma de mostrar como penso e o que sei construir.
DiltonArtigo · 2026
Um sistema de tags no Notion, com scores que se propagam como tokens, ordena por mim o que ler, assistir ou ouvir primeiro, a partir do voto que eu dou em tags.