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 048Diseño de app web y panel

AMIE Client Portal

Un diseño de portal para Cullen Cleaning Services, que en pantalla aparece como CORE by CCS y AMIE Client Portal, con un panel de ubicaciones, cotizaciones, tickets y puntajes de auditoría. Las filas de sus tablas son texto de relleno.

Mi papel
Diseño de interfaz
Estado del proyecto
Portal web · Archivo de Figma
Computadora portátil que muestra la entrada del portal de clientes junto al símbolo de hoja de la marca.
La portada de presentación del archivo.

01

Mi contribución

AMIE Client Portal es un solo lugar para seguir tus servicios de limpieza de Cullen Cleaning Services, bajo la marca CORE by CCS. El archivo de Figma incluye el inicio de sesión, la verificación de dos factores, un panel y una lista de auditorías.

Panel con una barra lateral casi negra y el logo de CORE. Cuatro contadores de ubicaciones activas, cotizaciones abiertas, tickets abiertos y puntaje de auditoría quedan sobre un gráfico de líneas verde con las auditorías mensuales, una tira semanal de cotizaciones abiertas y tablas del estado de la limpieza y de los tickets de soporte con filas de relleno.
El panel, con contadores, una tendencia de auditorías y filas de relleno.

02

Cuatro números, luego el detalle

El panel abre con cuatro contadores: ubicaciones activas, cotizaciones abiertas, tickets abiertos y el puntaje promedio de auditoría. Debajo, un gráfico de líneas muestra las auditorías mes a mes, junto a una tira semanal de cotizaciones abiertas, y dos tablas siguen el estado de la limpieza y los tickets de soporte. Las filas de esas listas todavía tienen texto de relleno, así que esto es un layout y no una pantalla con su contenido final.

Foto de un bosque de borde a borde con el logo de CORE by CCS, la etiqueta AMIE Client Portal y la frase Your custom built portal to overview of your cleaning services from Cullen Cleaning Services. En esta exportación no aparece ningún formulario.
El panel de entrada del portal, exportado sin su tarjeta de inicio de sesión.

03

Un menú largo en una columna oscura

Una barra lateral casi negra contiene todo el sistema, desde la gestión de personal y de ubicaciones hasta la herramienta de auditoría, los suministros, los horarios de trabajo, la salud y seguridad, los mapas, los informes y los tickets. Junto a ella, el área de contenido se mantiene blanca, con tarjetas de un verde suave, y ese mismo verde marca el día seleccionado y los estados completados.

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

Canal 48 Diseño de app web y panel

AMIE Client Portal

Un diseño de portal para Cullen Cleaning Services, que en pantalla aparece como CORE by CCS y AMIE Client Portal, con un panel de ubicaciones, cotizaciones, tickets y puntajes de auditoría. Las filas de sus tablas son texto de relleno.

Mi papel
Diseño de interfaz
Estado del proyecto
Portal web · Archivo de Figma
Computadora portátil que muestra la entrada del portal de clientes junto al símbolo de hoja de la marca.
La portada de presentación del archivo.

Ubicaciones, cotizaciones, tickets y auditorías en un solo panel

Pantallas del archivo original de Figma. Se quitó el teléfono del inicio de sesión y quedó fuera la pantalla con personas identificadas.

Mi contribución

AMIE Client Portal es un solo lugar para seguir tus servicios de limpieza de Cullen Cleaning Services, bajo la marca CORE by CCS. El archivo de Figma incluye el inicio de sesión, la verificación de dos factores, un panel y una lista de auditorías.

Panel con una barra lateral casi negra y el logo de CORE. Cuatro contadores de ubicaciones activas, cotizaciones abiertas, tickets abiertos y puntaje de auditoría quedan sobre un gráfico de líneas verde con las auditorías mensuales, una tira semanal de cotizaciones abiertas y tablas del estado de la limpieza y de los tickets de soporte con filas de relleno.
El panel, con contadores, una tendencia de auditorías y filas de relleno.

Cuatro números, luego el detalle

El panel abre con cuatro contadores: ubicaciones activas, cotizaciones abiertas, tickets abiertos y el puntaje promedio de auditoría. Debajo, un gráfico de líneas muestra las auditorías mes a mes, junto a una tira semanal de cotizaciones abiertas, y dos tablas siguen el estado de la limpieza y los tickets de soporte. Las filas de esas listas todavía tienen texto de relleno, así que esto es un layout y no una pantalla con su contenido final.

Foto de un bosque de borde a borde con el logo de CORE by CCS, la etiqueta AMIE Client Portal y la frase Your custom built portal to overview of your cleaning services from Cullen Cleaning Services. En esta exportación no aparece ningún formulario.
El panel de entrada del portal, exportado sin su tarjeta de inicio de sesión.

Un menú largo en una columna oscura

Una barra lateral casi negra contiene todo el sistema, desde la gestión de personal y de ubicaciones hasta la herramienta de auditoría, los suministros, los horarios de trabajo, la salud y seguridad, los mapas, los informes y los tickets. Junto a ella, el área de contenido se mantiene blanca, con tarjetas de un verde suave, y ese mismo verde marca el día seleccionado y los estados completados.