La Cuenta del Mar
La Cuenta del Mar es un producto de banca digital de Bancolombia enfocado en la conservación de los ecosistemas marinos de Colombia. Este caso documenta el rediseño de su landing page: cómo evolucionamos la interfaz y la experiencia de una página que ya estaba en producción, sin perder su propósito.
01 - Contexto
Un rediseño, no un proyecto nuevo
Partimos de una base ya en producción. La página funcionaba, pero estaba quedando atrás visualmente. Nuestro reto: auditar y modernizarla sin perder su propósito —comunicar el impacto ecológico del proyecto de Bancolombia.
Proyecto existente
Partimos de una versión en producción. El objetivo era una evolución medida, no reconstruir desde cero.
Diseño responsivo
Diseñé para desktop y mobile desde el primer momento, no como una adaptación posterior.
Nueva propuesta UX
Identificamos mejoras de experiencia: desde la jerarquía visual hasta la fluidez del recorrido de scroll.
02 - Diseño
De media fidelidad a propuesta visual
Arrancamos con wireframes en media fidelidad: con el contexto claro, la baja fidelidad no aportaba. Diseñé la interfaz sobre la referencia validada con componentes consistentes y reutilizables.
Wireframes en fidelidad media — primera propuesta de rediseño
Wireframes en media
Saltamos la baja fidelidad y definimos estructura y jerarquía directamente sobre la referencia existente.
Responsive desde el inicio
Diseñé mobile y desktop en paralelo desde la primera propuesta.
03 - Resultado
Del diseño a producción
Scroll vertical para ver el contenido
Micro-interacciones y animaciones — demostración en Figma
El equipo de Bancolombia aprobó nuestra propuesta. Por un cambio de prioridades, el equipo UX/UI del que formaba parte fue reasignado y otro grupo retomó nuestro diseño como base, refinándolo hasta la versión final. Esa propuesta fue el punto de partida de la página que hoy está en producción, que puedes ver aquí.
04 - Conclusiones
Aprendizajes
01
Una aprobación no garantiza implementación
El trabajo puede ser sólido y validado, pero factores externos al diseño pueden detener un proyecto. Eso no invalida el proceso ni el resultado.
02
El rediseño exige contexto, no solo propuesta
Auditar y entender por qué se tomaron las decisiones anteriores es tan importante como proponer las nuevas.
03
La media fidelidad tiene su lugar
Cuando el contexto está claro y el problema bien definido, arrancar en media fidelidad acelera el proceso sin perder calidad.
