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 030Design de app mobile

Face Skin Analysis

Telas de resultado de um recurso de análise da pele do rosto: um bottom sheet que primeiro confirma que a análise terminou e depois abre um resumo com link para o relatório completo.

Meu papel
Design de interface
Status do projeto
Design de interface · Acervo do Figma
Rosto com uma malha de escaneamento por cima e um badge de análise concluída.
Retrato com pontos marcados na pele e uma pontuação.
Gravado do protótipo no Figma. O bottom sheet de resultados sai de cima do mapeamento do rosto e volta. O escaneamento termina com uma malha sobre o rosto. Cada ponto marcado abre uma parte da pontuação.

01

Minha contribuição

Este arquivo pequeno guarda as telas de resultado que desenhei para um recurso de análise da pele do rosto. Todos os números são dados de exemplo.

Tela de resultado com um segundo retrato.
Bottom sheet de resultados sobre um degradê roxo, com mensagem de conclusão, três números principais, um card com suavidade, hidratação, manchas de sol e insights e um botão magenta See full report.
O estado de concluído mantém o rosto na tela. Resultados: um resumo e um só caminho a seguir. Dados de exemplo.

02

Primeiro o resumo, detalhes sob demanda

Recolhido, o bottom sheet só diz que a análise terminou. Aberto, começa com três números principais e depois lista suavidade, hidratação, manchas de sol e insights em um único card. Um só botão magenta, See full report, encerra a tela, e o próximo passo nunca fica em dúvida.

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