Skip to content
TV viewLet’s talk
EN

Yan Fontão

Yan Fontão — Product Designer, Design Engineer

Product designer and design engineer based in Brazil. I design and build web, mobile and AI products, from UX for Motorola products to apps I designed and coded end to end.

About meSee my work
Portrait of Yan Fontão in a grey sweater.
  1. Hi, I’m Yan
  2. I design and build products
  3. B2B products, mobile experiences and AI tools
  4. Based in Brazil · Remote, hybrid or on-site

Worked with

  • 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

In short

Most products lose something between design and code. Mine don’t: I research the problem, design the product and ship the interface myself, so what you approve is exactly what your users get.

Works.

Showing 6 of 6 projects

  1. BabyVerified. A barcode scan identifies a product. Understanding its available ingredient information is a different task.

    #Mobile product#Design and implementation

    BabyVerifiedMobile product

    I designed and implemented the Flutter mobile experience, including scanning, result explanations, search and saved products.

    Scope
    Flutter implementation and release preparation · Educational ingredient information.
    Opens with a codeRead the full case

    A key decision

    Keep identification, analysis and explanation separate. A recognised product with missing ingredient data remains visible without an invented score, with a path to request review.

  2. Synergy Insurance Affiliates. A network of insurance offices needs a shared picture of performance, while each role has different responsibilities.

    #B2B product design#Insurance network

    Synergy Insurance AffiliatesB2B product design

    I worked on desktop and mobile interfaces and user flows for Super Admin, Office Admin and Agent, including dashboards, goals and a form builder.

    Scope
    Desktop and mobile interface design · Role-based flows and prototypes with sample data.
    Read the full case

    A key decision

    Separate reading performance from changing the operation. The navigation groups analytics and management, while an office selector changes the scope of the dashboard and ranking together.

  3. OneTool. An ecosystem connecting retailers, homeowners and service providers needed a clearer centre of gravity.

    #Product discovery#Cross-functional collaboration

    A OneTool profile interface displayed on a phone held in a hand.
    OneToolProduct discovery

    As a Product Designer, I contributed to discovery, the value proposition, user flows and prototypes with product, engineering, marketing and business colleagues.

    Scope
    Product-design work, 2020–2021. The case is supported by preserved process artifacts and interface prototypes.
    Read the full case

    A key decision

    Organise the experience around the service provider: a public profile to win work, and a private workspace to follow orders, notifications and finances.

  4. Rei do Pitaco. A fantasy-sports company was launching a betting product. Its waitlist had to take people through sign-up, an identity check and referrals, and give them a reason to wait.

    #In-house product design#Product launch

    Dark phone screen asking for a CPF, with an empty field outlined in red, a required-field error, a note below it and Back and Next controls.
    Rei do PitacoIn-house product design

    As a Product Designer on the team from March to October 2022, I worked on UX and UI, interaction design, usability testing, heuristic evaluation and research for the fantasy game and the launch of the betting product.

    Scope
    Waitlist sitemap, main flow, sign-up steps, landing page and logged area · Figma archive.
    Read the full case

    A key decision

    Map the launch as four stages, sign-up, identity check, referral and score, before drawing a screen. Then ask for one thing per screen, with errors and the reason for each requirement shown in place.

  5. Autopost.ai. A web app writes articles with AI for WordPress sites. The people paying for it need to see what they are spending, and to stay in charge of what gets published.

    #AI product#Dashboard and editor

    Autopost.aiAI product

    I designed the product flows and the interface, from connecting the AI models to the dashboard, the article editor and the article list, in light and dark modes.

    Scope
    Product flows and interface design · Sample data in every screen.
    Read the full case

    A key decision

    Put usage and cost beside the Generate buttons, and leave the last step to the person: after reading the article, one column decides what happens next, whether publish, save as draft, schedule or regenerate.

  6. SUTATO. A gaming publication wanted readers to find stories and keep reading, without losing the card-based discovery its audience already knew.

    #Editorial UX#Interactive prototype

    Recorded interaction in the SUTATO desktop prototype: home cover, The Edit, stories rail, the Games listing and a long-form article.
    SUTATOEditorial UX

    I worked on the UX/UI design and the interactive prototype for mobile and desktop, from low-fidelity wireframes to the final interface.

    Scope
    Information structure, wireframes, interface and interactive prototype · 2026.
    Read the full case

    A key decision

    Resolve the structure before the visual language: a strong lead, recent stories, trending and curated reading, and the next article starting inside the same reading flow. Each piece of feedback could be traced to a change in the page.

All work.

Every case on the TV, here in one place. Each one opens on this site.

Quick shots.

Single screens from larger cases. Each one opens its full case.

About me

Hi, I’m Yan. Bring me a hard product problem: I’ll research it, design it and ship it.

I started in code: my first job was building web systems for a regional labour court, in Angular and Java, while I studied computer science. That’s where I learned how products are really made, and how much a good interface depends on decisions nobody sees.

Then research: as a CNPq research fellow I studied how people experience virtual-reality games, in work published by the ACM. It left me a habit I still keep: I test before I trust.

Today the two halves are one way of working. I’ve brought it to UX for Motorola products, to Ambev Tech, Rei do Pitaco and OneTool and, since 2023, to products I design and ship for clients abroad and for myself. Alongside, I’m doing a postgraduate degree in user experience at PUCRS.

Based in
Brazil · Remote, hybrid or on-site
Languages
Portuguese, native. English, advanced (C1). Spanish, elementary.
Yan Fontão, seated, speaking into a microphone.
AI-generated illustration of Yan’s creative workspace.
Yan Fontão in a black T-shirt.

Journey

Journey
Co-founder · Product and designHaseyo2026 – now
Product design and developmentIndependentMar 2023 – now
Product DesignerRei do PitacoMar – Oct 2022
Product DesignerAmbev TechOct 2021 – Feb 2022
Product DesignerOneToolOct 2020 – Oct 2021
UX DesignerInstituto de Pesquisas EldoradoJun 2020 – Oct 2021
Visual DesignerBugHackers HackerspaceJan 2020 – Jan 2021
UX/UI DesignerEasyAppAug – Nov 2019
Research FellowCNPqAug 2018 – Sep 2019
UX DesignerCESARJul – Aug 2019
Full-stack Web DeveloperTRT-11Sep 2018 – Jun 2019

Education

  • Postgraduate, User Experience and BeyondPUCRS2025 – 2027
  • MBA, Digital Strategic MarketingUniamérica2022 – 2023
  • Postgraduate, Growth and MarketingUniamérica2022 – 2023
  • Degree in Graphic DesignWyden2020 – 2022
  • Computer Science, not completedUniversidade Federal do Amazonas2015 – 2019

Publication

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

What I do

  • Product designWeb and mobile products, from the first flow to the polished screen.
  • Design engineeringI build what I design: working interfaces in code, not only mockups.
  • AI productsInterfaces that make AI understandable, and products built with AI from the start.
  • UX researchInterviews, surveys and usability tests that show what to build next.
  • Design systemsAudits, tokens and components a team really adopts.
  • Product strategyFinding the right problem before designing the answer.

From product decisions to working interfaces.

Let’s talkRésumé (PDF)

This case opens with a code.

The details are private. If you have the code, type it here; if not, ask me for it.

Ask me for the code