Design de app mobile

Face Skin Analysis. Um bottom sheet de resultados que abre em dois níveis

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

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.

Rosto com uma malha de escaneamento por cima e um badge de análise concluída. — O escaneamento termina com uma malha sobre o rosto.

Cada ponto marcado abre uma parte da pontuação.

Retrato com pontos marcados na pele e uma pontuação. — Cada ponto marcado abre uma parte da pontuação.

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

O estado de concluído mantém o rosto na tela.

Tela de resultado com um segundo retrato. — O estado de concluído mantém o rosto na tela.

Resultados: um resumo e um só caminho a seguir. Dados de exemplo.

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. — Resultados: um resumo e um só caminho a seguir. Dados de exemplo.