Escuela Esoterica
Web Responsive de servicios esotericos TAROT
Proceso UX
Investigación
Análisis del usuario.
Wireframes
Estructura de pantallas.
Responsive
Diseño de interacción.
Implementación
Desarrollo del sistema.
Cromática
#05010D
Fondo principal
#FFFFFF
Texto principal
#C77DFF
Primario (chakra)
#7B2CBF
Secundario
#C084FC
Acento
rgba(255,255,255,0.12)
Superficie glass
rgba(255,255,255,0.1)
Bordes
#25D366
Éxito / WhatsApp
Tipografía
San Francisco
Uso: interfaz y contenido
Aa Bb Cc Dd Ee Ff
Resultado final
El resultado fue una plataforma optimizada, pensada para ofrecer una experiencia fluida, moderna y centrada en el usuario.
Investigación
En la etapa de investigación del CRM orientado a la venta de planes de ahorro, se analizaron en profundidad los procesos internos de la operación comercial, desde la captación del cliente hasta la carga y aprobación de la solicitud.
Se relevaron los flujos reales de trabajo de los equipos de venta, administración y seguimiento, identificando puntos críticos como la duplicación de datos, la falta de visibilidad del estado de cada operación y los cuellos de botella en la validación de documentación.
Asimismo, se tuvo en cuenta el recorrido posterior a la venta, donde surgen problemáticas como el seguimiento manual de clientes, la dispersión de la información entre distintos canales y la dificultad para mantener trazabilidad.
A partir de estos hallazgos, se definieron oportunidades de mejora centradas en la automatización, centralización de datos y generación de alertas inteligentes.
Wireframes
Algunos Wireframes del proyecto (Wireframe - mi-fi hi-fi - Dashboard supervisor - Desktop - Panel General - Modal Operacion - Ingreso de Usuario)
Responsive
En esta etapa se desarrollaron los prototipos finales atravez de wireframes para verificar el User flow y la experiencia del usuario en su version responsive mobile. Resumen del Prototipado (Login - Dashboard Supervisor - Panel General).
Implementación
El sistema fue desarrollado utilizando tecnologías modernas orientadas a rendimiento, escalabilidad y mantenibilidad.
Se diseñó una arquitectura modular que permite la evolución del producto, integraciones con servicios externos y una gestión eficiente del flujo de datos.
A nivel de desarrollo, se trabajó sobre una base frontend optimizada con JavaScript moderno, priorizando tiempos de carga, renderizado fluido y experiencia de usuario.
Stack & Herramientas
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- Backend: Node.js + Express
- Base de datos: SQL / SQLite (estructura optimizada para leads y gestión)
- Arquitectura: API REST + lógica modular
- Integraciones: APIs externas y automatizaciones
- AI / Asistencia: Uso de Claude para optimización de flujos internos y lógica del sistema
Se implementaron mejoras de performance, optimización en la carga de datos y una interfaz enfocada en la eficiencia operativa del usuario.