Descripción del proyecto
TraducidoNuestro panel de administración B2B SaaS ha estado acumulando deuda de diseño durante tres años. Diferentes secciones fueron diseñadas en diferentes momentos por diferentes personas, lo que resultó en un lenguaje visual inconsistente, una jerarquía de información deficiente y una experiencia de usuario de la que nuestros clientes se quejan frecuentemente en tickets de soporte. Queremos invertir en un rediseño completo que establezca un sistema de diseño coherente y cree una interfaz que escale — una que los desarrolladores de productos puedan extender sin romper la consistencia visual, y que los clientes puedan navegar sin capacitación.
El nuevo diseño debe inspirarse en interfaces modernas de administración B2B como Linear, Vercel y Stripe — limpias, densas en información pero nunca desordenadas, con excelente soporte para modo oscuro y claro. Necesitamos más que solo maquetas bonitas: necesitamos un sistema de diseño completo con tokens de color documentados, escalas tipográficas y una biblioteca de componentes a la que los desarrolladores puedan referirse durante la implementación. El prototipo interactivo en Figma debe cubrir todos los flujos de usuario clave para que podamos validar el diseño con clientes reales antes de que comience el desarrollo. Las anotaciones de entrega para desarrolladores son esenciales — cada espaciado, color y estado de interacción debe ser especificado.
Páginas a diseñar:
1. Resumen del panel — KPIs, gráficos, feed de actividad reciente
2. Gestión de usuarios — vista de lista, roles, matriz de permisos
3. Análisis — gráficos de tráfico, embudos de conversión, vistas de comparación
4. Facturación y suscripciones — resumen del plan, historial de pagos, flujos de actualización
5. Configuración — perfil, notificaciones, integraciones, claves API
6. Flujo de incorporación — asistente de configuración de tres pasos con seguimiento de progreso
Requisitos de diseño: variantes de modo claro y oscuro, primero en escritorio con responsividad para tabletas, sistema de diseño completo, prototipo interactivo, entrega para desarrolladores con anotaciones.
El nuevo diseño debe inspirarse en interfaces modernas de administración B2B como Linear, Vercel y Stripe — limpias, densas en información pero nunca desordenadas, con excelente soporte para modo oscuro y claro. Necesitamos más que solo maquetas bonitas: necesitamos un sistema de diseño completo con tokens de color documentados, escalas tipográficas y una biblioteca de componentes a la que los desarrolladores puedan referirse durante la implementación. El prototipo interactivo en Figma debe cubrir todos los flujos de usuario clave para que podamos validar el diseño con clientes reales antes de que comience el desarrollo. Las anotaciones de entrega para desarrolladores son esenciales — cada espaciado, color y estado de interacción debe ser especificado.
Páginas a diseñar:
1. Resumen del panel — KPIs, gráficos, feed de actividad reciente
2. Gestión de usuarios — vista de lista, roles, matriz de permisos
3. Análisis — gráficos de tráfico, embudos de conversión, vistas de comparación
4. Facturación y suscripciones — resumen del plan, historial de pagos, flujos de actualización
5. Configuración — perfil, notificaciones, integraciones, claves API
6. Flujo de incorporación — asistente de configuración de tres pasos con seguimiento de progreso
Requisitos de diseño: variantes de modo claro y oscuro, primero en escritorio con responsividad para tabletas, sistema de diseño completo, prototipo interactivo, entrega para desarrolladores con anotaciones.
Programación web Efectivo, Transferencia bancaria
