La Cuenta del Mar
La Cuenta del Mar es un proyecto de Bancolombia enfocado en el cuidado y conservación de los ecosistemas marinos de Colombia. Este caso de estudio documenta el rediseño de su landing page: una evolución visual y de experiencia sobre algo que ya existía.
01 - Contexto
Un rediseño, no un proyecto nuevo
Este proyecto partía de una base existente. La página de La Cuenta del Mar ya estaba en producción, pero estaba quedando atrás visualmente. El reto era modernizarla sin perder su propósito: comunicar el impacto ecológico del proyecto de Bancolombia.
Proyecto existente
La página ya existía y estaba en producción. El objetivo era una evolución, no un reemplazo total.
Diseño responsivo
Desde el inicio se contempló que el sitio puede visitarse tanto en desktop como en mobile.
Nueva propuesta UX
Se identificaron mejoras en la experiencia, desde la jerarquía visual hasta la fluidez del recorrido.
02 - Diseño
De media fidelidad a propuesta visual
El proceso arrancó con wireframes en media fidelidad. Empezar en baja no era necesario dado que no era un rediseño profundo, sino una mejora sobre algo ya validado.
Wireframes en fidelidad media — primera propuesta de rediseño
Wireframes en media
Se saltó la baja fidelidad para definir estructura y jerarquía directamente sobre la referencia existente.
Responsive desde el inicio
Mobile y desktop se diseñaron 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
La propuesta fue aprobada por el equipo de Bancolombia. Por cambio de proyecto, el equipo UX/UI del que formaba parte fue reasignado, y otro grupo tomó el diseño como base, continuando el refinamiento hasta que el equipo de producto quedó conforme. La versión publicada puede verse 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
Entender por qué las decisiones anteriores se tomaron así 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.
