Descripción del proyecto
TraducidoNuestra empresa gestiona varios productos internos: una consola de administración, un panel de análisis y un par de herramientas operativas, y cada uno fue diseñado por un equipo diferente en un momento diferente. El resultado es predecible: los botones se comportan de manera diferente en cada pantalla, el espaciado es inconsistente, el mismo estado se muestra de tres maneras, y cada nueva función reinicia una discusión sobre los colores. Queremos dejar de pagar ese impuesto y construir un sistema de diseño compartido con un kit de UI adecuado en el que todos estos productos puedan apoyarse.
El trabajo no es una repintura. Necesitamos una biblioteca de componentes con estados reales: predeterminado, pasar el ratón, foco, deshabilitado, cargando, error, vacío, además de tokens para color, tipo, espaciado y elevación que puedan sobrevivir a un cambio de marca sin tocar cada pantalla. Los componentes deben estar organizados para que un desarrollador pueda encontrar el correcto rápidamente, y cada uno debe llevar notas de uso breves que expliquen cuándo usarlo y cuándo no. Esperamos una paleta accesible con contraste documentado, una cuadrícula que funcione tanto en monitores amplios como en laptops pequeñas, y patrones para los diseños recurrentes que nuestros operadores realmente utilizan: tablas con filtros, tarjetas de registro, formularios de varios pasos.
Por favor, comparte sistemas anteriores que hayas construido, cómo mantienes el kit y el código en sincronía, y cómo entregas el trabajo para que no se deteriore después del lanzamiento. Entregables:
— un conjunto de tokens y una biblioteca de componentes con todos los estados interactivos;
— documentación que cubra el uso, lo que se debe y no se debe hacer, y notas de accesibilidad;
— plantillas para las pantallas de producto más comunes.
El trabajo no es una repintura. Necesitamos una biblioteca de componentes con estados reales: predeterminado, pasar el ratón, foco, deshabilitado, cargando, error, vacío, además de tokens para color, tipo, espaciado y elevación que puedan sobrevivir a un cambio de marca sin tocar cada pantalla. Los componentes deben estar organizados para que un desarrollador pueda encontrar el correcto rápidamente, y cada uno debe llevar notas de uso breves que expliquen cuándo usarlo y cuándo no. Esperamos una paleta accesible con contraste documentado, una cuadrícula que funcione tanto en monitores amplios como en laptops pequeñas, y patrones para los diseños recurrentes que nuestros operadores realmente utilizan: tablas con filtros, tarjetas de registro, formularios de varios pasos.
Por favor, comparte sistemas anteriores que hayas construido, cómo mantienes el kit y el código en sincronía, y cómo entregas el trabajo para que no se deteriore después del lanzamiento. Entregables:
— un conjunto de tokens y una biblioteca de componentes con todos los estados interactivos;
— documentación que cubra el uso, lo que se debe y no se debe hacer, y notas de accesibilidad;
— plantillas para las pantallas de producto más comunes.
Diseño y multimedia Efectivo, Transferencia bancaria
