Arraste para explorar. Role ou use a pinça para aproximar. Abra a Ajuda para ver os atalhos de teclado.

Yan
ABERTO A
PROJETOS
Vamos conversar
Yan Fontão Boring view
Todos os trabalhos

Case 024Design de app mobile

GoVoice

Um feed social em português em que as pessoas publicam opiniões endereçadas a marcas. O design faz do destinatário parte de cada post, mostra o balanço das reações e oferece um resumo quando o debate junta muita gente.

Meu papel
Design de interface
Status do projeto
Design de interface · Acervo do Figma
Logo do GoVoice acima de três celulares.
A capa de apresentação, com uma identidade de exemplo mascarada.

01

Minha contribuição

O GoVoice é um app social em português em que as pessoas publicam opiniões e as endereçam a marcas, com menções nas linhas Para e CC, bem parecido com um e-mail. Desenhei o feed, o detalhe do post e os estados de reação.

Detalhe de uma opinião com reações.
Barra de reações aberta em uma opinião.
Gravação do protótipo no Figma. Um post, com a análise de opinião pública se expandindo abaixo dele. Uma opinião e suas reações. A barra de reações aberta.

02

Um post que diz para quem é

Cada post separa suas partes com linhas finas: o autor, a linha Para com as contas mencionadas, depois o título e o texto. As reações ficam abaixo, em chips com as contagens, então o balanço das opiniões aparece antes de abrir os comentários.

Reagir vai além da curtida. Um seletor flutuante oferece polegar para cima e para baixo, coração, fogo e outras opções atrás de um sinal de mais, enquanto o resto da tela desfoca para manter o foco no post.

Detalhe da opinião, estado de reação.
Outro estado de reação.

03

Ler um debate com muita gente

Quando um post recebe um volume alto de mensagens, um bloco expansível oferece um resumo da opinião pública feito por IA, com link para uma Central de Opinião Pública. Depois vêm os comentários em destaque, e uma barra escura fica embaixo com um único convite: Dar uma opinião.

000

Instruções

Yan Fontão
Toque
Abre uma tela
Clique
Abre uma tela
Arrastar
Move pelo mural
Rolagem
Mouse aproxima, trackpad move, pinça aproxima
− +
Afasta até ver o mural inteiro, ou aproxima
Setas
No case: ↑↓ trocam de case, ←→ trocam de mídia. No mural: movem
Espaço
Abre ou volta
Enter
Abre
Esc Backspace
Volta
Home
Volta ao centro, depois à abertura
PgUp PgDn
Canal anterior ou próximo
Tab
Percorre projetos e links
R
Projeto aleatório
0–9
Digite um canal, 1–61
?
Esta página
Atalhos

Música do mural

Arquivos comprimidos e nivelados para a web.

ABERTO A
PROJETOS
Vamos conversar

Nova mensagem para o Yan

Conte quem você é e eu respondo.

000

Sobre o Yan

Oi, eu sou o Yan

Product Designer/ Design Engineer

A maioria dos produtos perde algo entre o design e o código. Os meus não: eu pesquiso o problema, desenho o produto e coloco a interface no ar, então o que você aprova é exatamente o que seus usuários recebem.

  • 2018início em software
  • UI + codedesign e implementação

Trabalhei com Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

Brasil · Remoto, híbrido ou presencial

Retrato de Yan Fontão sentado, de suéter verde e óculos, segurando um microfone.
ABERTO A
PROJETOS
Vamos conversar
ABERTO A
PROJETOS
Vamos conversar
000

canal bloqueado

Sob NDA

Digite o código

Peça o código ao Yan ↗
ABERTO A
PROJETOS
Vamos conversar
YAN FONTÃO Cases completos

Canal 24 Design de app mobile

GoVoice

Um feed social em português em que as pessoas publicam opiniões endereçadas a marcas. O design faz do destinatário parte de cada post, mostra o balanço das reações e oferece um resumo quando o debate junta muita gente.

Meu papel
Design de interface
Status do projeto
Design de interface · Acervo do Figma
Logo do GoVoice acima de três celulares.
A capa de apresentação, com uma identidade de exemplo mascarada.

Opiniões com destinatário

Telas do arquivo de design original no Figma, com dados de exemplo.

Minha contribuição

O GoVoice é um app social em português em que as pessoas publicam opiniões e as endereçam a marcas, com menções nas linhas Para e CC, bem parecido com um e-mail. Desenhei o feed, o detalhe do post e os estados de reação.

Gravação do protótipo no Figma. Um post, com a análise de opinião pública se expandindo abaixo dele.
Detalhe de uma opinião com reações.
Uma opinião e suas reações.

Um post que diz para quem é

Cada post separa suas partes com linhas finas: o autor, a linha Para com as contas mencionadas, depois o título e o texto. As reações ficam abaixo, em chips com as contagens, então o balanço das opiniões aparece antes de abrir os comentários.

Reagir vai além da curtida. Um seletor flutuante oferece polegar para cima e para baixo, coração, fogo e outras opções atrás de um sinal de mais, enquanto o resto da tela desfoca para manter o foco no post.

Barra de reações aberta em uma opinião.
A barra de reações aberta.

Ler um debate com muita gente

Quando um post recebe um volume alto de mensagens, um bloco expansível oferece um resumo da opinião pública feito por IA, com link para uma Central de Opinião Pública. Depois vêm os comentários em destaque, e uma barra escura fica embaixo com um único convite: Dar uma opinião.

Detalhe da opinião, estado de reação.
Outro estado de reação.