PORTAL DE PLANES
Contexto
Diseñamos un portal público para la contratación de planes (como seguros u otros servicios), que debía integrarse al sistema de gestión SaaS ya existente. Este portal permitía a los usuarios finales consultar, comparar, contratar y pagar un plan 100% online, desde cualquier dispositivo.
El objetivo era ofrecer una herramienta flexible y personalizable que cada cliente del SaaS pudiera adaptar a su identidad visual y a su oferta específica de planes.
⚠️ Este proyecto fue realizado bajo acuerdo de confidencialidad. Algunos nombres, contenidos e imágenes fueron modificados para proteger la información sensible de la empresa.
Año
Rol
Tipo de proyecto
Equipo
El desafío
El mayor reto fue diseñar una interfaz que pudiera escalar entre múltiples marcas sin perder claridad ni coherencia.
El portal debía adaptarse automáticamente a la configuración definida por cada cliente desde el backoffice: colores de marca, logotipos, imágenes, categorías, precios y contenido de cada plan.
Además, todo debía funcionar correctamente en mobile, tablet y desktop, manteniendo una experiencia fluida y consistente.
Lo que hicimos...
- Diseñamos una UI modular y customizable, pensada para adaptarse a distintos estilos visuales sin romper la estructura.
- Organizamos los planes en categorías dinámicas, con filtros simples y comparaciones claras.
- Creamos un flujo de contratación fluido, con pasos progresivos que mostraban información clave sin sobrecargar al usuario.
- Aseguramos la integración directa con el sistema de gestión SaaS, permitiendo que el cliente cargue y modifique la información desde su panel.
- Adaptamos todo el diseño a tres formatos principales: mobile, tablet y desktop.
Del diseño al producto real
Trabajamos en conjunto con el equipo de desarrollo para que el sistema de estilos se aplicara correctamente a cada instancia del portal.
La colaboración técnica fue clave para garantizar que las configuraciones de cada cliente se reflejaran en tiempo real en el portal público sin comprometer la experiencia.
Además, iteramos sobre componentes clave para asegurar que fueran lo suficientemente genéricos como para escalar, pero también lo bastante claros como para guiar al usuario final sin fricción.
Resultados y aprendizajes
Este proyecto me permitió profundizar en el diseño de interfaces altamente adaptables, entendiendo cómo construir un sistema UI robusto que soporte variedad sin perder usabilidad.
Aprendí a equilibrar personalización con estructura, y a pensar desde el inicio en la escalabilidad visual y funcional de cada componente.
