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 053Diseño de landing page

Trackland

Una landing page para una plataforma que personaliza interfaces de Salesforce, en dos variantes de tema azul y con un menú móvil.

Mi papel
Diseño de interfaz
Estado del proyecto
Diseño de interfaz · archivo de Figma
Portada de presentación de Trackland, del archivo de diseño original.
Portada de presentación del archivo original.

01

Mi contribución

Trackland es una landing page para una plataforma que personaliza interfaces de Salesforce. El archivo de Figma guarda dos variantes de tema de la página, New blue y Previous blue, además de un menú móvil.

Un recorrido con scroll por el diseño: la landing page, del hero a los sectores que atiende.

02

Explicar la conexión con un diagrama

La página trabaja con blanco, gris pizarra y un solo azul intenso. Su sección oscura pone a Trackland en el centro de un anillo de tarjetas de bases de datos de Salesforce, con flechas punteadas que apuntan hacia adentro, de modo que la idea de conectar esas fuentes se entiende antes de leer cualquier párrafo.

Menú blanco de celular con el logo de Trackland, un ícono de cierre, cuatro enlaces con Resources desplegado en cuatro subenlaces, un botón azul Try for Free! y un enlace Sign in.
Resources se abre en su lugar y el menú termina con las dos acciones de cuenta.

03

Un menú que se abre en su lugar

En un celular, Resources se expande donde está, con sus cuatro enlaces sangrados debajo. El menú termina con Try for Free! como botón sólido y Sign in como enlace de texto, lo que da a las dos acciones de cuenta un peso visual distinto.

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