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

Yan
OPEN
TO WORK
Let’s talk
Yan Fontão Boring view
All work

Case 024Mobile app design

GoVoice

A Portuguese-language social feed where people publish opinions addressed to brands. The design makes the addressee part of each post, shows the balance of reactions and offers a summary when the debate gets crowded.

Contribution
Interface design
Project status
Interface design · Figma archive
GoVoice logo above three phones.
The presentation cover, with one sample identity masked.

01

My contribution

GoVoice is a Portuguese-language social app where people publish opinions and address them to brands, using mentions in Para and CC lines, much like an email. I designed the feed, the post detail and its reacting states.

Opinion detail with reactions.
Reaction bar open on an opinion.
Recorded from the Figma prototype. A post, with the public opinion analysis expanding below it. An opinion and its reactions. The reaction bar open.

02

A post that says who it is for

Each post separates its parts with thin rules: the author, the Para line with the mentioned accounts, then the headline and text. Reactions sit below as chips with their counts, so the balance of opinion is visible before you open the comments.

Reacting goes beyond a like. A floating picker offers thumbs up and down, a heart, fire and more behind a plus, while the rest of the screen blurs to keep the post in focus.

Opinion detail, reaction state.
Another reaction state.

03

Reading a crowded debate

When a post draws a high volume of messages, an expandable block offers an AI summary of public opinion, with a link to a Central de Opinião Pública. Featured comments come next, and a dark bar stays at the bottom with one invitation: Dar uma opinião.

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

Music on the board

Files compressed and levelled for the web.

OPEN
TO WORK
Let’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 WORK
Let’s talk
OPEN
TO WORK
Let’s talk
000

locked channel

Under NDA

Enter the code

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

Channel 24 Mobile app design

GoVoice

A Portuguese-language social feed where people publish opinions addressed to brands. The design makes the addressee part of each post, shows the balance of reactions and offers a summary when the debate gets crowded.

Contribution
Interface design
Project status
Interface design · Figma archive
GoVoice logo above three phones.
The presentation cover, with one sample identity masked.

Opinions with an addressee

Screens from the original Figma design file, with sample data.

My contribution

GoVoice is a Portuguese-language social app where people publish opinions and address them to brands, using mentions in Para and CC lines, much like an email. I designed the feed, the post detail and its reacting states.

Recorded from the Figma prototype. A post, with the public opinion analysis expanding below it.
Opinion detail with reactions.
An opinion and its reactions.

A post that says who it is for

Each post separates its parts with thin rules: the author, the Para line with the mentioned accounts, then the headline and text. Reactions sit below as chips with their counts, so the balance of opinion is visible before you open the comments.

Reacting goes beyond a like. A floating picker offers thumbs up and down, a heart, fire and more behind a plus, while the rest of the screen blurs to keep the post in focus.

Reaction bar open on an opinion.
The reaction bar open.

Reading a crowded debate

When a post draws a high volume of messages, an expandable block offers an AI summary of public opinion, with a link to a Central de Opinião Pública. Featured comments come next, and a dark bar stays at the bottom with one invitation: Dar uma opinião.

Opinion detail, reaction state.
Another reaction state.