Daniel Saldaña

Home

01

Proyectos

02

Sobre mí

03

Diseñando el portal privado de FAPP

Diseñando el portal privado de FAPP

Un portal autenticado para entender el ahorro previsional: saldo, cuotas y certificados, en pesos o en UF

Un portal autenticado para entender el ahorro previsional: saldo, cuotas y certificados, en pesos o en UF

Abstract 3D twisted dark torus sculpture on a black background

El brief

FAPP, el fondo autónomo creado por la reforma previsional para administrar la Cotización con Rentabilidad Protegida, necesitaba un portal privado donde las personas pudieran ver su dinero. Tras la web pública, el siguiente paso era darle a cada afiliado un espacio propio para consultar su ahorro, revisar sus pagos y descargar certificados oficiales, con acceso mediante ClaveÚnica.

El desafío

El ahorro previsional es difícil de entender: se expresa en UF, se reajusta, genera intereses y cambia de naturaleza al jubilar, cuando el Bono de Seguridad Previsional (BSP) se transforma en un Bono Amortizable que se paga en 240 cuotas mensuales. Había que mostrar números complejos y regulados a personas sin formación financiera, con dos perfiles de acceso distintos y bajo exigencias legales y de accesibilidad.

Mi enfoque

Usé el mismo método de la web pública: workshops de discovery con stakeholders, reuniones presenciales y un benchmark de plataformas previsionales, de salud y del Estado. Con Claude y Gemini analicé más de 30 páginas de documentación normativa para convertir requerimientos legales en criterios de diseño. De ahí salieron la arquitectura del portal, los wireframes y las reglas de qué dato se muestra, cuándo y cómo.

El dashboard

El inicio responde primero una pregunta: ¿cuánto tengo y de dónde viene? Un saldo acumulado destacado, una dona que lo desglosa en cotización aportada, reajuste UF e interés acumulado, y un selector para ver todo en pesos o en UF, porque el instrumento está en UF pero las personas piensan en pesos.

Las tablas muestran lo esencial en cada fila y revelan el detalle técnico (valor de la UF, tasas, reajuste) solo al expandirla. Cada cifra lleva su nota de contexto, para no obligar a nadie a interpretar.

Dos perfiles, un sistema

El portal acompaña dos momentos de la vida previsional. En la etapa de ahorro, el perfil de Cotizaciones con Rentabilidad Protegida ofrece Inicio, Cotizaciones, Certificados y Centro de ayuda. Al pensionarse, el perfil de Bono Amortizable cambia el foco: cuotas pagadas (por ejemplo, 1 de 240), monto de la cuota en pesos y UF, saldo capital y tasas, con un mensaje de bienvenida que explica la transición. Misma interfaz, mismos componentes, distinta información.

El resultado

La propuesta final fue validada y hoy está en producción. Mi paso por FAPP duró nueve meses: cuatro en la web pública y cinco en este portal, junto a un equipo de diez personas entre diseño, desarrollo, producto, análisis de negocio y QA. La interfaz mantiene el lenguaje visual de la web pública y fue diseñada bajo estándares de accesibilidad WCAG.

Lo resuelto aquí (dashboards, tablas de valores, desgloses porcentuales, certificados y estados según perfil) aplica a cualquier producto donde las personas consulten su dinero: banca, previsión, AFP, cajas de compensación, isapres y fintech.

Rol

Senior Product Designer

Alcance

Discovery → handoff

Empresa

FAPP · vía Globant

Industria

Fintech · Previsional

Plataforma

Portal autenticado, web y web mobile

Duración y equipo

5 meses · Equipo de 10 personas

Suggested projects

Abstract dark flowing curved surface with soft highlights

Let's start a conversation

CTA image

Let's start a conversation

Let's start a conversation