Arrastra para explorar. Desplázate o pellizca para acercar. Abre la Ayuda para ver los atajos de teclado.

Yan
ABIERTO A
PROYECTOS
Hablemos
Yan Fontão Boring view
All work

Case 030Diseño de app móvil

Face Skin Analysis

Pantallas de resultados de una función de análisis facial de la piel: un bottom sheet que primero confirma que el análisis terminó y luego se abre en un resumen con un enlace al informe completo.

Mi papel
Diseño de interfaz
Estado del proyecto
Diseño de interfaz · archivo de Figma
Rostro con una malla de escaneo encima y una insignia de análisis completo.
Retrato con puntos marcados en la piel y un puntaje.
Grabación del prototipo de Figma. La hoja de resultados se arrastra fuera del mapeo del rostro y vuelve. El escaneo termina con una malla sobre el rostro. Cada punto marcado abre una parte del puntaje.

01

Mi contribución

Este archivo pequeño reúne las pantallas de resultados que diseñé para una función de análisis facial de la piel. Todas las cifras son datos de ejemplo.

Pantalla de resultados con un segundo retrato.
Hoja de resultados sobre un degradado morado con un mensaje de finalización, tres cifras principales, una tarjeta con suavidad, hidratación, manchas solares e insights, y un botón magenta See full report.
El estado de finalización mantiene el rostro en pantalla. Resultados: un resumen y un solo camino a seguir. Datos de ejemplo.

02

Primero el resumen, el detalle si se pide

Contraída, la hoja solo dice que el análisis está completo. Abierta, empieza con tres cifras principales y luego enumera suavidad, hidratación, manchas solares e insights en una sola tarjeta. Un solo botón magenta, See full report, cierra la pantalla, de modo que el siguiente paso nunca queda en duda.

000

Instrucciones

Yan Fontão
Toque
Abre una pantalla
Clic
Abre una pantalla
Arrastrar
Recorre el mural
Rueda
El mouse acerca, el trackpad mueve, el pellizco acerca
− +
Aleja hasta ver todo el mural, o acerca
Flechas
En un caso: ↑↓ cambian de caso, ←→ cambian de medio. En el mural: mueven
Espacio
Abre o vuelve
Enter
Abre
Esc Backspace
Vuelve
Home
Vuelve al centro y luego a la apertura
PgUp PgDn
Canal anterior o siguiente
Tab
Recorre proyectos y enlaces
R
Proyecto al azar
0–9
Escribe un canal, 1–61
?
Esta página
Atajos

Música del mural

Archivos comprimidos y nivelados para la web.

ABIERTO A
PROYECTOS
Hablemos

Nuevo mensaje para Yan

Cuéntame quién eres y te respondo.

000

Sobre Yan

Hola, soy Yan

Product Designer/ Design Engineer

La mayoría de los productos pierde algo entre el diseño y el código. Los míos no: investigo el problema, diseño el producto y lanzo la interfaz yo mismo, así que lo que apruebas es exactamente lo que reciben tus usuarios.

  • 2018inicio en software
  • UI + codediseño e implementación

Trabajé con Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

Brasil · Remoto, híbrido o presencial

Retrato de Yan Fontão sentado, con suéter verde y gafas, sosteniendo un micrófono.
ABIERTO A
PROYECTOS
Hablemos
ABIERTO A
PROYECTOS
Hablemos
000

canal bloqueado

Bajo NDA

Ingresa el código

Pídele el código a Yan ↗
ABIERTO A
PROYECTOS
Hablemos
YAN FONTÃO Casos completos