Descripción del proyecto
TraducidoNuestro panel de control SaaS B2B ha acumulado tres años de deuda de diseño. Diferentes secciones fueron creadas en diferentes momentos por diferentes personas, lo que resultó en un lenguaje visual inconsistente, una jerarquía de información débil y una experiencia de usuario de la que los clientes se quejan regularmente en soporte. Queremos invertir en un rediseño completo que establezca un sistema de diseño cohesivo y cree una interfaz que escale con el producto — una que los desarrolladores puedan extender sin romper la consistencia visual, y que los clientes puedan usar sin capacitación.
El nuevo diseño debe estar guiado por interfaces B2B modernas como Linear, Vercel y Stripe: limpio, denso en información, pero nunca desordenado, con excelente soporte para modos oscuro y claro. No necesitamos solo una imagen bonita — necesitamos un sistema de diseño completo con tokens de color documentados, escala tipográfica y una biblioteca de componentes para desarrolladores. Un prototipo interactivo en Figma debe cubrir todos los flujos clave de usuarios. Las anotaciones para la entrega al desarrollador son obligatorias.
Páginas:
1. Resumen del panel — KPIs, gráficos, feed de actividad
2. Gestión de usuarios — lista, roles, matriz de permisos
3. Análisis — tráfico, embudos de conversión, vistas comparativas
4. Facturación y suscripciones — planes, historial de pagos, actualizaciones
5. Configuración — perfil, notificaciones, integraciones, claves API
6. Incorporación — asistente de configuración de tres pasos con indicador de progreso
Requisitos de diseño: modo claro y oscuro, primero en escritorio con adaptación a tabletas, sistema de diseño, prototipo interactivo, entrega con anotaciones.
El nuevo diseño debe estar guiado por interfaces B2B modernas como Linear, Vercel y Stripe: limpio, denso en información, pero nunca desordenado, con excelente soporte para modos oscuro y claro. No necesitamos solo una imagen bonita — necesitamos un sistema de diseño completo con tokens de color documentados, escala tipográfica y una biblioteca de componentes para desarrolladores. Un prototipo interactivo en Figma debe cubrir todos los flujos clave de usuarios. Las anotaciones para la entrega al desarrollador son obligatorias.
Páginas:
1. Resumen del panel — KPIs, gráficos, feed de actividad
2. Gestión de usuarios — lista, roles, matriz de permisos
3. Análisis — tráfico, embudos de conversión, vistas comparativas
4. Facturación y suscripciones — planes, historial de pagos, actualizaciones
5. Configuración — perfil, notificaciones, integraciones, claves API
6. Incorporación — asistente de configuración de tres pasos con indicador de progreso
Requisitos de diseño: modo claro y oscuro, primero en escritorio con adaptación a tabletas, sistema de diseño, prototipo interactivo, entrega con anotaciones.
Programación web Efectivo, Transferencia bancaria
