Diseña una interfaz UI/UX profesional y moderna inspirada en el estilo de Botmaker, enfocada en la administración y uso de una plataforma de WhatsApp empresarial.Requerimientos de diseño:Estilo generalMinimalista, limpio y moderno.Paleta de colores basada en tonos azul oscuro, verde WhatsApp (#25D366
) y grises claros.Tipografía legible y profesional (ejemplo: Inter, Roboto o Poppins).Uso de cards, modales y menús laterales con esquinas redondeadas.Estructura principalSidebar a la izquierda con iconos y nombres de módulos:DashboardConversacionesPlantillasAutomatizacionesUsuariosReportesConfiguraciónTopbar superior con:LogoBuscador globalNotificacionesPerfil de usuarioVista central (contenido dinámico según módulo seleccionado).Pantallas claveDashboardGráficos de métricas (mensajes enviados, entregados, leídos, respondidos).Estado de bots y conexiones.Alertas de errores o desconexiones.ConversacionesLista de chats estilo WhatsApp en columna izquierda.Ventana de conversación en la derecha con burbujas de chat.Barra de acciones con campos para escribir, adjuntar archivos y botones de acción rápida.Gestión de plantillasTabla con plantillas creadas.Botón "Crear Plantilla" → modal con editor de texto enriquecido.Vista previa de la plantilla con validación de caracteres.AutomatizacionesEditor visual tipo drag & drop (bloques de flujo conversacional).Bloques: Enviar mensaje, Esperar respuesta, Condición, Integración API.UsuariosTabla de usuarios con roles y permisos.Opción de asignar carteras, permisos y auditoría de acciones.ReportesGráficas de barras, líneas y tablas exportables.Filtros por fecha, campaña, agente y canal.ConfiguraciónSección para conectar número de WhatsApp.API Keys, Webhooks y variables globales.Experiencia de usuario (UX)Flujo rápido e intuitivo.Notificaciones en tiempo real (toast alerts).Navegación fluida entre módulos.Diseño responsive para escritorio y tablet.ExtraUso de iconografía moderna (similar a lucide o material icons).Animaciones sutiles en hover y transiciones.Estilo modular para permitir escalabilidad.
Loading...
Loading...