Rediseño de arquitectura web + sistema modular
+35%
Reducción en ciclos de diseño+100
Páginas internas reorganizadas⬆️
Aceleración en go-to-market de nuevas páginasContexto y problema
La obtención de la licencia bancaria por parte de Tenpo creó una situación inédita: la plataforma debía operar simultáneamente bajo dos modelos regulatorios y operativos distintos —Prepago y Banco— por un período indefinido. Esta dualidad generaba fricción cognitiva severa: los usuarios no podían distinguir con claridad qué saldos, beneficios y regulaciones correspondían a cada mundo, y la arquitectura web existente no estaba preparada para soportar esta complejidad. Adicionalmente, era necesario alinear el sitio web al sistema de diseño de la aplicación bancaria.
Proceso de diseño
Auditoría de arquitectura existente
Inventario y análisis de las más de 100 páginas del sitio, identificando redundancias, inconsistencias y puntos de fricción en la navegación.
Benchmark de banca digital
Revisión de cómo otras instituciones financieras gestionan la coexistencia de productos con distintos regímenes regulatorios en su arquitectura de información.
Research con usuarios
Sesiones para entender cómo los usuarios navegan entre productos y qué elementos de la arquitectura generaban confusión o desconfianza.
Test de usabilidad en Maze
Validación de la nueva arquitectura bifurcada y de los wireframes modulares con usuarios reales antes de avanzar a diseño visual.
Creación del sistema modular
Desarrollo de componentes y wireframes reutilizables alineados al design system de la aplicación bancaria, que permiten escalar la creación de nuevas páginas de forma ágil.
Decisión de diseño clave
La decisión más relevante fue implementar una arquitectura de información bifurcada: dos ramas paralelas y visualmente diferenciadas que segregan los productos Prepago de los productos Banco, garantizando claridad operativa y cumplimiento normativo sin fragmentar la identidad de marca. El reto era mantener coherencia visual y de marca mientras se comunicaban realidades regulatorias distintas.
Impacto operativo y de negocio
Más allá de las métricas de diseño, el proyecto entregó una estructura escalable alineada a estrategia de producto, compliance y objetivos de negocio. Los equipos de contenido y desarrollo pueden ahora crear y publicar nuevas páginas en menos tiempo, con mayor consistencia y dentro de los marcos regulatorios requeridos por la licencia bancaria.
Metodos utilizados
- Auditoría de arquitectura
- Benchmark banca digital
- Research con usuarios
- Test en Maze
- Diseño de sistema modular
- Coordinación con compliance
Aprendizaje
En el contexto bancario, el diseño de información no es solo una decisión de UX: es también una decisión legal. Cada elemento de la arquitectura debe estar alineado con lo que el marco regulatorio permite comunicar, cómo y cuándo. Involucrar a compliance desde el inicio no es un trámite —es una restricción de diseño tan relevante como cualquier otra.
Descripción
Tenpo Bank
Reestructuración completa de la arquitectura de información del sitio web de Tenpo para soportar la coexistencia de dos modelos operativos —Prepago y Banco— tras la obtención de la licencia bancaria, alineando diseño, compliance y sistema de diseño en una arquitectura bifurcada y escalable.