The Rabbit House Studio
Web Portfolio y Servicios digitales
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
#F5F5F5
Fondo base claro
#E5E5E5
Cuadrícula / líneas
#0A0A0A
Fondo oscuro (nav/footer)
#FFFFFF
Texto sobre oscuro
#FF2B2B
Primario (marca)
#FF6A00
Secundario (gradiente)
#FFB800
Highlight cálido
Gradient
Hero / branding
Tipografía
Inter
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.