Saltar al contenido
TV viewHablemos
ES

Yan Fontão

Yan Fontão — Product Designer, Design Engineer

Product designer y design engineer en Brasil. Diseño y construyo productos web, móviles y con IA, desde UX para productos de Motorola hasta apps que diseñé y programé de principio a fin.

Sobre míVer mis trabajos
Retrato de Yan Fontão con un suéter gris.
  1. Hola, soy Yan
  2. Diseño y construyo productos
  3. Productos B2B, experiencias móviles y herramientas de IA
  4. Con base en Brasil · Remoto, híbrido o presencial

Trabajé con

  • 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

En resumen

La mayoría de los productos pierde algo entre el diseño y el código. Los míos no: investigo el problema, diseño el producto y lanzo la interfaz yo mismo, así que lo que apruebas es exactamente lo que reciben tus usuarios.

Trabajos.

Mostrando 6 de 6 proyectos

  1. BabyVerified. Escanear un código de barras identifica un producto. Entender la información disponible sobre sus ingredientes es otra tarea.

    #Producto móvil#Diseño e implementación

    BabyVerifiedProducto móvil

    Diseñé e implementé la experiencia móvil en Flutter, con el escaneo, la explicación de resultados, la búsqueda y los productos guardados.

    Alcance
    Implementación en Flutter y preparación del lanzamiento · Información educativa sobre ingredientes.
    Se abre con un códigoLeer el caso completo

    Una decisión clave

    Separar identificación, análisis y explicación. Un producto reconocido sin datos de ingredientes sigue visible, sin una puntuación inventada, con un camino para solicitar revisión.

  2. Synergy Insurance Affiliates. Una red de oficinas de seguros necesita una visión compartida del desempeño, mientras cada rol tiene responsabilidades distintas.

    #Diseño de producto B2B#Red de seguros

    Synergy Insurance AffiliatesDiseño de producto B2B

    Trabajé en interfaces de escritorio y móviles y en los flujos de Super Admin, Office Admin y Agente, con dashboards, metas y un constructor de formularios.

    Alcance
    Diseño de interfaces de escritorio y móviles · Flujos por rol y prototipos con datos de ejemplo.
    Leer el caso completo

    Una decisión clave

    Separar la lectura del desempeño de los cambios en la operación. La navegación agrupa análisis y gestión, mientras un selector de oficina cambia a la vez el alcance del dashboard y del ranking.

  3. OneTool. Un ecosistema que conectaba comercios, propietarios y proveedores de servicios necesitaba un centro más claro.

    #Discovery de producto#Colaboración entre áreas

    Interfaz de perfil de OneTool en un celular sostenido en una mano.
    OneToolDiscovery de producto

    Como Product Designer, contribuí al discovery, la propuesta de valor, los flujos y los prototipos junto a colegas de producto, ingeniería, marketing y negocio.

    Alcance
    Trabajo de diseño de producto, 2020–2021. El caso se apoya en materiales de proceso y prototipos de interfaz conservados.
    Leer el caso completo

    Una decisión clave

    Organizar la experiencia en torno al proveedor: un perfil público para conseguir trabajos y un espacio privado para seguir pedidos, notificaciones y finanzas.

  4. Rei do Pitaco. Una empresa de fantasy game lanzaba un producto de apuestas. Su lista de espera tenía que llevar a las personas por el registro, la verificación de identidad y las invitaciones, y darles un motivo para esperar.

    #Diseño de producto in-house#Lanzamiento de producto

    Pantalla oscura de celular que pide el CPF, con un campo vacío de borde rojo, un error de campo obligatorio, una nota debajo y los controles Atrás y Siguiente.
    Rei do PitacoDiseño de producto in-house

    Como Product Designer del equipo, de marzo a octubre de 2022, trabajé en UX y UI, diseño de interacción, pruebas de usabilidad, evaluación heurística e investigación para el fantasy game y el lanzamiento del producto de apuestas.

    Alcance
    Mapa del sitio de la lista de espera, flujo principal, pasos de registro, landing page y área con sesión iniciada · Archivo de Figma.
    Leer el caso completo

    Una decisión clave

    Mapear el lanzamiento en cuatro etapas, registro, verificación de identidad, invitación y puntuación, antes de dibujar una pantalla. Después, pedir una cosa por pantalla, con el error y el motivo de cada requisito en su lugar.

  5. Autopost.ai. Una aplicación web escribe artículos con IA para sitios WordPress. Quien paga necesita ver cuánto está gastando y seguir decidiendo qué se publica.

    #Producto con IA#Dashboard y editor

    Autopost.aiProducto con IA

    Diseñé los flujos y la interfaz del producto, desde la conexión con los modelos de IA hasta el dashboard, el editor y la lista de artículos, en modo claro y oscuro.

    Alcance
    Flujos de producto y diseño de interfaz · Datos de ejemplo en todas las pantallas.
    Leer el caso completo

    Una decisión clave

    Poner el uso y el costo junto a los botones de generar, y dejar el último paso a la persona: después de leer el artículo, una columna decide qué sigue, ya sea publicar, guardar como borrador, programar o generar de nuevo.

  6. SUTATO. Una publicación de videojuegos quería que sus lectores encontraran historias y siguieran leyendo, sin perder el descubrimiento en tarjetas que su público ya conocía.

    #UX editorial#Prototipo interactivo

    Interacción grabada en el prototipo de escritorio de SUTATO: portada de la home, The Edit, la tira de stories, el listado Games y un artículo de formato largo.
    SUTATOUX editorial

    Trabajé en el diseño UX/UI y en el prototipo interactivo para móvil y escritorio, desde los wireframes de baja fidelidad hasta la interfaz final.

    Alcance
    Estructura de información, wireframes, interfaz y prototipo interactivo · 2026.
    Leer el caso completo

    Una decisión clave

    Resolver la estructura antes del lenguaje visual: un destacado fuerte, historias recientes, tendencias y lecturas seleccionadas, y el siguiente artículo empezando en el mismo flujo de lectura. Cada comentario se podía rastrear hasta un cambio en la página.

Todos los trabajos.

Todos los casos de la TV, aquí en un solo lugar. Cada uno se abre en este sitio.

Quick shots.

Pantallas sueltas de casos más grandes. Cada una abre su caso completo.

Sobre mí

Hola, soy Yan. Tráeme un problema de producto difícil: lo investigo, lo diseño y lo pongo en marcha.

Empecé por el código: mi primer trabajo fue desarrollar sistemas web para un tribunal regional del trabajo, en Angular y Java, mientras estudiaba Ciencias de la Computación. Ahí aprendí cómo se hacen realmente los productos y cuánto depende una buena interfaz de decisiones que nadie ve.

Después vino la investigación: como becario del CNPq estudié cómo las personas viven los juegos de realidad virtual, en un trabajo publicado por la ACM. Me dejó un hábito que conservo: pruebo antes de confiar.

Hoy las dos mitades son una sola forma de trabajar. La llevé al UX de productos de Motorola, a Ambev Tech, Rei do Pitaco y OneTool y, desde 2023, a productos que diseño y entrego para clientes del exterior y para mí. En paralelo, curso un posgrado en experiencia de usuario en la PUCRS.

Dónde estoy
Brasil · Remoto, híbrido o presencial
Idiomas
Portugués, nativo. Inglés, avanzado (C1). Español, básico.
Yan Fontão, sentado, hablando al micrófono.
Ilustración generada con IA del espacio de trabajo de Yan.
Yan Fontão con una camiseta negra.

Trayectoria

Trayectoria
Cofundador · Producto y diseñoHaseyo2026 – hoy
Diseño y desarrollo de productoIndependienteMar 2023 – hoy
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 HackerspaceEne 2020 – Ene 2021
UX/UI DesignerEasyAppAgo – Nov 2019
Investigador becarioCNPqAgo 2018 – Sep 2019
UX DesignerCESARJul – Ago 2019
Desarrollador web full-stackTRT-11Sep 2018 – Jun 2019

Formación

  • Posgrado, User Experience and BeyondPUCRS2025 – 2027
  • MBA, Marketing Estratégico DigitalUniamérica2022 – 2023
  • Posgrado, Growth y MarketingUniamérica2022 – 2023
  • Licenciatura en Diseño GráficoWyden2020 – 2022
  • Ciencias de la Computación, sin concluirUniversidade Federal do Amazonas2015 – 2019

Publicación

IHC 2019 · ACM · 2019Using playability evaluation techniques in first person shooter games for virtual realityYan Fontão, Tayana Conte, Juliana SaraivaLeer el artículo

Lo que hago

  • Diseño de productoProductos web y móviles, desde el primer flujo hasta la pantalla final.
  • Design engineeringConstruyo lo que diseño: interfaces funcionando en código, no solo mockups.
  • Productos con IAInterfaces que hacen comprensible la IA y productos creados con IA desde el inicio.
  • Investigación de UXEntrevistas, encuestas y pruebas de usabilidad que muestran qué construir después.
  • Sistemas de diseñoAuditorías, tokens y componentes que el equipo adopta de verdad.
  • Estrategia de productoEncontrar el problema correcto antes de diseñar la respuesta.

De la decisión de producto a la interfaz que funciona.

HablemosCurrículum (PDF, en inglés)

Este caso se abre con un código.

Los detalles son privados. Si tienes el código, escríbelo aquí; si no, pídemelo.

Pídeme el código