Drag to explore. Scroll or pinch to zoom. Open Help for keyboard controls.

Yan
OPEN
TO WORKLet’s talk
Yan Fontão Boring view
TV viewPT

Hi, I’m

Yan Fontão

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.

Role
Product Designer / Design Engineer
Based in
Brazil

Projects

Projects

  1. 033Synergy Insurance AffiliatesWeb app and dashboard design
  2. 001BabyVerifiedPrivate channel
  3. 034OneToolProduct discovery and design
  4. 035Motorola Device ManagerUnder NDA
  5. 002Rei do PitacoWeb app and dashboard design
  6. 036Autopost.aiWeb app and dashboard design
  7. 037FormaAIAI product design and implementation
  8. 003BetterTogetherHabit tracking and shared routines
  9. 050SUTATOEditorial UX and interactive design
  10. 038BabyVerified · Landing PagePrivate channel
  11. 056QualifyerBrand identity and communication
  12. 039MotoTalkUnder NDA
  13. 004Hello YouMobile app interface
  14. 040MotoSafeUnder NDA
  15. 005MeuCommerceCommerce platform and product design
  16. 041FinanciasPersonal-finance product
  17. 042Rei do Pitaco ResearchPrivate channel
  18. 060ProcessStories
  19. 006TerasAppMobile app design
  20. 007HidratasportMobile app and landing page
  21. 008Boomerang Video EditorMobile app design
  22. 009DoBetrBoyMobile app design
  23. 010DigiKisanMobile app design
  24. 011HubPrologMobile app design
  25. 012ShaktiGridMobile app design
  26. 013MomentálityMobile app design
  27. 014Grand PlazaMobile app design
  28. 015DossAppMobile app design
  29. 016UnivesellMobile app design
  30. 017Helps OnMobile app design
  31. 018MAT APPMobile app design
  32. 019BoaterMobile app design
  33. 020NeverSoftMobile app design
  34. 021AgeuMobile app design
  35. 022AglomeraNãoMobile app design
  36. 023VascoAppPrivate channel
  37. 024GoVoiceMobile app design
  38. 043Stream StickersPrivate channel
  39. 051Gypsy — TicketsWeb design and interaction
  40. 044InfinitoonDigital reading and discovery
  41. 045OrkaWeb app and dashboard design
  42. 046Manaus Mais HumanaWeb app and dashboard design
  43. 047ÉOS EnergiaWeb app and dashboard design
  44. 052Lex by AlexandriaLanding page design
  45. 025AnjiMobile app and landing page
  46. 048AMIE Client PortalWeb app and dashboard design
  47. 057MeuSplitBrand identity
  48. 058Divine’s Bake ShopBrand identity
  49. 059Pasta MoradaBrand identity
  50. 061FlowsStories
  51. 053TracklandLanding page design
  52. 026Contacts SyncMobile UI and interface refinement
  53. 027NeedrrMobile app design
  54. 028HeartbeatMobile app design
  55. 054Succession NowLanding page design
  56. 055Straight Up Marine GroupLanding page design
  57. 029RollêMobile app design
  58. 049CertifyWeb app and dashboard design
  59. 030Face Skin AnalysisMobile app design
  60. 031Habit TrackerMobile app design
  61. 032Hack For GoodMobile app design
000

Instructions

Yan Fontão
Tap
Open a screen
Click
Open a screen
Drag
Look around the board
Wheel
Mouse zooms, trackpad moves, pinch zooms
− +
Pull back to see the whole board, or come closer
Arrows
In a case: ↑↓ change case, ←→ change media. On the board: move
Space
Open, or go back
Enter
Open
Esc Backspace
Back
Home
Back to the center, then the introduction
PgUp PgDn
Previous or next channel
Tab
Walk projects and links
R
Random project
0–9
Type a channel, 1–61
?
This page
Shortcuts

Use Left / Right for the previous / next item, the image buttons or horizontal scrolling. Click a side image to bring it forward. Scroll down or click the center to return to the board. Preview videos and gallery images play automatically; Pause stops both. Focusing the image controls also pauses changes until you leave them.

Music on the board

Files compressed and levelled for the web.

OPEN
TO WORKLet’s talk

New message to Yan

Tell me who you are and I’ll get back to you.

000

About Yan

Hello, I’m Yan

Product Designer/ Design Engineer

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.

  • 2018started in software
  • UI + codedesign and implementation

Worked with Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

Brazil · Remote, hybrid or on-site

Portrait of Yan Fontão seated, in a green sweater and glasses, holding a microphone.
OPEN
TO WORKLet’s talk
001–061

Type a channel

Mobile

  1. 001BabyVerified
  2. 002Rei do Pitaco
  3. 003BetterTogether
  4. 004Hello You
  5. 005MeuCommerce
  6. 006TerasApp
  7. 007Hidratasport
  8. 008Boomerang Video Editor
  9. 009DoBetrBoy
  10. 010DigiKisan
  11. 011HubProlog
  12. 012ShaktiGrid
  13. 013Momentálity
  14. 014Grand Plaza
  15. 015DossApp
  16. 016Univesell
  17. 017Helps On
  18. 018MAT APP
  19. 019Boater
  20. 020NeverSoft
  21. 021Ageu
  22. 022AglomeraNão
  23. 023VascoApp
  24. 024GoVoice
  25. 025Anji
  26. 026Contacts Sync
  27. 027Needrr
  28. 028Heartbeat
  29. 029Rollê
  30. 030Face Skin Analysis
  31. 031Habit Tracker
  32. 032Hack For Good

Product

  1. 033Synergy Insurance Affiliates
  2. 034OneTool
  3. 035Motorola Device Manager
  4. 036Autopost.ai
  5. 037FormaAI
  6. 038BabyVerified · Landing Page
  7. 039MotoTalk
  8. 040MotoSafe
  9. 041Financias
  10. 042Rei do Pitaco Research
  11. 043Stream Stickers
  12. 044Infinitoon
  13. 045Orka
  14. 046Manaus Mais Humana
  15. 047ÉOS Energia
  16. 048AMIE Client Portal
  17. 049Certify

Web

  1. 050SUTATO
  2. 051Gypsy — Tickets
  3. 052Lex by Alexandria
  4. 053Trackland
  5. 054Succession Now
  6. 055Straight Up Marine Group

Brand

  1. 056Qualifyer
  2. 057MeuSplit
  3. 058Divine’s Bake Shop
  4. 059Pasta Morada

Stories

  1. 060Process
  2. 061Flows
OPEN
TO WORKLet’s talk
000

locked channel

Under NDA

Enter the code

Ask Yan for the code ↗
OPEN
TO WORKLet’s talk
YAN FONTÃO Case studies