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 032Mobile app design

Hack For Good

A concept for checking a suspicious link without leaving the chat: hold the message, share it to the app and get a verdict with a veracity rate.

Contribution
Product flows and interface design
Project status
Mobile app concept · Figma archive
Verdict card: this news is fake, with a veracity rate of 5.3%.
Verdict card: this news is true, with a veracity rate of 97.56%.
The chat is recorded from the Figma prototype; the share and verdict screens are the final design in sequence. Sample text rewritten for this archive. The answer comes back in the same chat. Sample text rewritten for this archive. The same card for true news.

01

My contribution

Hack For Good is a concept I worked on: a mobile app for flagging misinformation. It starts inside a generic messaging app, not in a new place to visit, and the final screens call the app “E aí Fake!”.

Notebook sketch of the share flow: the user holds a message, then shares it to the app.
The first sketch of the flow.

02

From a held message to a verdict

The flow takes four moves: a link arrives, you hold the message, tap share and choose the app. The answer comes back as a card with a verdict, a veracity rate and a response accuracy, without leaving the conversation.

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