Financiera oh!

Proyecto orientado a reconstruir, estandarizar y sistematizar los flujos digitales principales de Financiera Oh!, incluyendo su Plataforma Web, Home Banking y Módulo de Atención ubicados en tiendas físicas (Plaza Vea). Se entregaron los fundamentos visuales y estructurales que sirvieron como base para un futuro Design System y la fase 2 de rediseño total de marca.

Cliente:

Financiera oh!

Puesto:

Product Desinger / Design System Designer

Año

2024

Header for landing page to boost website traffic
Header for landing page to boost website traffic

🎯 Desafío

No existía un registro en Figma de los flujos actuales ni un UI Kit estructurado. La experiencia entre canales físicos y digitales era inconsistente, y no había claridad del alcance ni la lógica de los flujos. Era necesario reconstruir visualmente el ecosistema completo antes de avanzar hacia una renovación de marca.

Laptop mockup with the website home page
Laptop mockup with the website home page

🔍 Insights

  • La ausencia de flujos y pantallas actualizadas dificultaba cualquier mejora o rediseño.

  • El equipo de diseño requería una estructura visual compartida para avanzar hacia la sistematización.

  • Era necesario ordenar y visualizar todos los procesos antes de diseñar nuevos servicios o interfaces.

⚙️ Proceso

  • Auditoría de los servicios activos en Web, Home Banking y Módulo de Atención.

  • Reconstrucción de flujos en flujogramas claros, que mostraran el recorrido completo del usuario.

  • Diseño de pantallas clave en Figma para cada canal, aplicando criterios de consistencia y jerarquía visual.

  • Construcción de un UI Kit base con tokens, estilos y componentes reutilizables.

  • Entrega de una primera versión del Design System, enfocado en sentar las bases para la siguiente fase de rediseño.

The home page header and footer
The home page header and footer

💡 Solución

Se entregó un ecosistema de diseño ordenado y funcional: flujos actualizados, pantallas rediseñadas y un Design System versión 1. Esto permitió al equipo tener un punto de partida confiable para cualquier futura evolución, rediseño o escalamiento del producto.

🧪 Resultado

El equipo de diseño y desarrollo pudo visualizar todo el recorrido del usuario en un mismo entorno de trabajo. Se habilitó una base visual y estructural que facilitará la fase 2 de rediseño de marca, ya planificada por la compañía.

The footer of the home page
The footer of the home page

📈 Impacto

  • 🔄 Consolidación de flujos de atención digital y presencial en un solo sistema.

  • 🎨 UI Kit y Design System versión 1 aplicables a nuevos proyectos.

  • 📁 Entregables claros y reutilizables para los equipos de diseño y desarrollo.

📚 Aprendizaje

Cuando no hay una base estructurada, el primer paso no es diseñar, sino ordenar. Este proyecto fue un ejemplo de cómo visualizar, sistematizar y dejar las herramientas listas permite alinear a todos los equipos y preparar el terreno para escalar con claridad y coherencia.