Pular para o conteúdo
TV viewVamos conversar
PT

Yan Fontão

Yan Fontão — Product Designer, Design Engineer

Product designer e design engineer no Brasil. Desenho e construo produtos web, mobile e com IA, de UX para produtos da Motorola a apps que desenhei e programei de ponta a ponta.

Sobre mimVer os trabalhos
Retrato de Yan Fontão de moletom cinza.
  1. Oi, eu sou o Yan
  2. Desenho e construo produtos
  3. Produtos B2B, experiências mobile e ferramentas de IA
  4. Base no Brasil · Remoto, híbrido ou presencial

Trabalhei com

  • Motorola
  • AMIE
  • Synergy Insurance Affiliates
  • Instituto Eldorado
  • Manaus Mais Humana
  • Hidrata
  • Ambev
  • Straight Up Marine Group
  • AutoPost.AI
  • Rei do Pitaco
  • BetterTogether
  • TerasApp
  • OneTool
  • Lex by Alexandria
  • Orka
  • Vasco da Gama
  • HubProlog
  • ShaktiGrid
  • Needrr
  • Rollê
  • Certify
  • FormaAI
  • Financias
  • Stream Stickers
  • MeuCommerce
  • Grand Plaza
  • ÉOS Energia
  • Divine's Bake Shop
  • Infinitoon
  • Gypsy
  • Momentálity
  • Univesell
  • Helps On
  • DigiKisan
  • Succession Now
  • GoVoice
  • Trackland
  • Qualifyer
  • BabyVerified

Em resumo

A maioria dos produtos perde algo entre o design e o código. Os meus não: eu pesquiso o problema, desenho o produto e coloco a interface no ar, então o que você aprova é exatamente o que seus usuários recebem.

Trabalhos.

Mostrando 6 de 6 projetos

  1. BabyVerified. O código de barras identifica um produto. Entender as informações disponíveis sobre seus ingredientes é outra tarefa.

    #Produto mobile#Design e implementação

    BabyVerifiedProduto mobile

    Desenhei e implementei a experiência mobile em Flutter, incluindo leitura de códigos, explicação de resultados, busca e produtos salvos.

    Escopo
    Implementação em Flutter e preparação para lançamento · Informações educativas sobre ingredientes.
    Abre com códigoLer o case completo

    Uma decisão importante

    Separar identificação, análise e explicação. Um produto reconhecido sem dados de ingredientes continua visível, sem uma pontuação inventada, com um caminho para solicitar revisão.

  2. Synergy Insurance Affiliates. Uma rede de escritórios de seguros precisa acompanhar o desempenho em conjunto, mas cada papel tem responsabilidades diferentes.

    #Design de produto B2B#Rede de seguros

    Synergy Insurance AffiliatesDesign de produto B2B

    Trabalhei nas interfaces desktop e mobile e nos fluxos de Super Admin, Office Admin e Agente, incluindo dashboards, metas e um construtor de formulários.

    Escopo
    Design de interface desktop e mobile · Fluxos por papel e protótipos com dados de exemplo.
    Ler o case completo

    Uma decisão importante

    Separar a leitura do desempenho das mudanças na operação. A navegação agrupa análise e gestão, enquanto o seletor de escritório muda o contexto do dashboard e do ranking em conjunto.

  3. OneTool. Um ecossistema que conectava lojistas, proprietários e prestadores de serviços precisava de um foco mais claro.

    #Discovery de produto#Colaboração entre áreas

    Uma mão segura um celular com a interface de perfil do OneTool.
    OneToolDiscovery de produto

    Como Product Designer, contribuí para discovery, proposta de valor, fluxos e protótipos junto a colegas de produto, engenharia, marketing e negócio.

    Escopo
    Trabalho de design de produto, 2020–2021. O case se apoia em materiais de processo e protótipos de interface preservados.
    Ler o case completo

    Uma decisão importante

    Organizar a experiência em torno do prestador: um perfil público para apresentar serviços e uma área privada para acompanhar pedidos, notificações e finanças.

  4. Rei do Pitaco. Uma empresa de fantasy game estava lançando um produto de apostas. A lista de espera precisava levar as pessoas pelo cadastro, pela verificação de identidade e pelas indicações, e dar um motivo para esperar.

    #Design de produto in-house#Lançamento de produto

    Tela escura de celular pedindo o CPF, com o campo vazio contornado em vermelho, um erro de campo obrigatório, uma nota abaixo e os controles Voltar e Próximo.
    Rei do PitacoDesign de produto in-house

    Como Product Designer do time, de março a outubro de 2022, trabalhei em UX e UI, design de interação, testes de usabilidade, avaliação heurística e pesquisa para o fantasy game e o lançamento do produto de apostas.

    Escopo
    Sitemap da lista de espera, fluxo principal, etapas de cadastro, landing page e área logada · Arquivo do Figma.
    Ler o case completo

    Uma decisão importante

    Mapear o lançamento em quatro etapas, cadastro, verificação de identidade, indicação e pontuação, antes de desenhar qualquer tela. Depois, pedir uma coisa por tela, com o erro e o motivo de cada exigência no próprio lugar.

  5. Autopost.ai. Um web app escreve artigos com IA para sites WordPress. Quem paga precisa ver quanto está gastando e continuar no controle do que é publicado.

    #Produto com IA#Dashboard e editor

    Autopost.aiProduto com IA

    Desenhei os fluxos e a interface do produto, da conexão com os modelos de IA ao dashboard, ao editor e à lista de artigos, nos modos claro e escuro.

    Escopo
    Fluxos de produto e design de interface · Dados de exemplo em todas as telas.
    Ler o case completo

    Uma decisão importante

    Colocar uso e custo ao lado dos botões de gerar e deixar a última etapa com a pessoa: depois de ler o artigo, uma coluna decide o que acontece em seguida, seja publicar, salvar como rascunho, agendar ou gerar de novo.

  6. SUTATO. Uma publicação de games queria que os leitores encontrassem histórias e continuassem lendo, sem perder a descoberta em cards que o público já conhecia.

    #UX editorial#Protótipo interativo

    Interação gravada no protótipo desktop do SUTATO: capa da home, The Edit, faixa de stories, a listagem Games e um artigo longo.
    SUTATOUX editorial

    Trabalhei no design de UX/UI e no protótipo interativo para mobile e desktop, dos wireframes de baixa fidelidade à interface final.

    Escopo
    Estrutura de informação, wireframes, interface e protótipo interativo · 2026.
    Ler o case completo

    Uma decisão importante

    Resolver a estrutura antes da linguagem visual: um destaque forte, histórias recentes, em alta e leitura selecionada, e o próximo artigo começando no mesmo fluxo de leitura. Cada feedback podia ser rastreado até uma mudança na página.

Todos os trabalhos.

Todos os cases da TV, aqui num lugar só. Cada um abre aqui no site.

Quick shots.

Telas soltas de cases maiores. Cada uma abre o case completo.

Sobre mim

Oi, eu sou o Yan. Me traga um problema difícil de produto: eu pesquiso, desenho e coloco no ar.

Comecei pelo código: meu primeiro trabalho foi desenvolver sistemas web para um tribunal regional do trabalho, em Angular e Java, enquanto cursava Ciência da Computação. Foi ali que aprendi como produtos são feitos de verdade, e o quanto uma boa interface depende de decisões que ninguém vê.

Depois veio a pesquisa: como bolsista do CNPq, estudei como as pessoas vivem jogos de realidade virtual, em um trabalho publicado pela ACM. Ficou um hábito que mantenho até hoje: testo antes de confiar.

Hoje as duas metades são um só jeito de trabalhar. Levei esse jeito para UX de produtos da Motorola, para a Ambev Tech, o Rei do Pitaco e a OneTool e, desde 2023, para produtos que desenho e entrego para clientes de fora e para mim mesmo. Em paralelo, faço pós-graduação em experiência do usuário na PUCRS.

Onde estou
Brasil · Remoto, híbrido ou presencial
Idiomas
Português, nativo. Inglês, avançado (C1). Espanhol, básico.
Yan Fontão, sentado, falando ao microfone.
Ilustração gerada por IA do espaço de trabalho de Yan.
Yan Fontão de camiseta preta.

Trajetória

Trajetória
Cofundador · Produto e designHaseyo2026 – hoje
Design e desenvolvimento de produtoIndependenteMar 2023 – hoje
Product DesignerRei do PitacoMar – Out 2022
Product DesignerAmbev TechOut 2021 – Fev 2022
Product DesignerOneToolOut 2020 – Out 2021
UX DesignerInstituto de Pesquisas EldoradoJun 2020 – Out 2021
Visual DesignerBugHackers HackerspaceJan 2020 – Jan 2021
UX/UI DesignerEasyAppAgo – Nov 2019
Pesquisador bolsistaCNPqAgo 2018 – Set 2019
UX DesignerCESARJul – Ago 2019
Desenvolvedor web full-stackTRT-11Set 2018 – Jun 2019

Formação

  • Pós-graduação, User Experience and BeyondPUCRS2025 – 2027
  • MBA, Marketing Estratégico DigitalUniamérica2022 – 2023
  • Pós-graduação, Growth e MarketingUniamérica2022 – 2023
  • Graduação em Design GráficoWyden2020 – 2022
  • Ciência da Computação, não concluídaUniversidade Federal do Amazonas2015 – 2019

Publicação

IHC 2019 · ACM · 2019Using playability evaluation techniques in first person shooter games for virtual realityYan Fontão, Tayana Conte, Juliana SaraivaLer o artigo

O que eu faço

  • Design de produtoProdutos web e mobile, do primeiro fluxo à tela final.
  • Design engineeringConstruo o que desenho: interfaces funcionando em código, não só mockups.
  • Produtos com IAInterfaces que tornam a IA fácil de entender e produtos que já nascem com IA.
  • Pesquisa de UXEntrevistas, questionários e testes de usabilidade que mostram o que construir em seguida.
  • Design systemsAuditorias, tokens e componentes que o time adota de verdade.
  • Estratégia de produtoAchar o problema certo antes de desenhar a solução.

Da decisão de produto à interface em funcionamento.

Vamos conversarCurrículo (PDF)

Este case abre com um código.

Os detalhes são privados. Se você tem o código, digite aqui; se não, peça para mim.

Peça o código