Sitio Web de COOHEM
| Cliente | Cooperativa Multiactiva COOHEM | |
| Industria | Servicios financieros / Cooperativa | |
| Servicios | UX/UI Design, Desarrollo Web, Optimización SEO | |
| Desafío Principal | Transformar un sitio lento y anticuado en una plataforma digital moderna y funcional |
Introducción
COOHEM es una cooperativa multiactiva fundada en 1990 en Cúcuta, Colombia. Originalmente creada como la Cooperativa de Empleados del Hospital Erasmo Meoz, la organización ha evolucionado hasta convertirse en una entidad que ofrece diversos servicios financieros y sociales a más de 4,500 asociados en la región.
Motivos del rediseño
El sitio web anterior de COOHEM presentaba importantes desafíos técnicos y de diseño que afectaban negativamente la experiencia de usuario:
- Tiempos de carga excesivamente largos (aproximadamente 18 segundos)
- Diseño no responsivo que dificultaba la navegación en dispositivos móviles
- Estructura de información confusa y poco intuitiva
- Ausencia de optimización SEO y metadatos adecuados para compartir en redes sociales
- Estética visual desactualizada que no reflejaba adecuadamente los valores de la cooperativa
Objetivos del proyecto
- Optimizar el rendimiento técnico reduciendo los tiempos de carga a menos de 3 segundos
- Implementar un diseño responsivo compatible con todos los dispositivos
- Mejorar la accesibilidad según las pautas WCAG 2.1
- Renovar la estética visual con un enfoque moderno y profesional
- Optimizar la estructura de información para facilitar la navegación
- Implementar herramientas específicas como un simulador de crédito y un sistema de actualización de datos para asociados
Proceso de diseño y desarrollo
El proyecto comenzó con un análisis exhaustivo del sitio existente, identificando puntos débiles y oportunidades de mejora. A partir de este diagnóstico, se desarrolló:
Wireframes y prototipos de alta fidelidad
Que permitieron visualizar la nueva estructura y navegación
Un diseño visual renovado
Que mantiene la identidad corporativa pero con un enfoque más moderno, utilizando el verde distintivo de COOHEM complementado con una paleta más contemporánea
Arquitectura de información optimizada
Con menús simplificados y navegación intuitiva
Implementación técnica (Pendiente)
Enfocada en el rendimiento y la accesibilidad
La comparativa entre el sitio anterior y el nuevo refleja un cambio radical tanto en estética como en funcionalidad:
Imagen Comparativa Web Antigua vs Rediseño
Herramienta simulador de créditos COOHEM
| Sitio Antiguo | Sitio Nuevo |
|---|---|
| Diseño con estructura rígida, imágenes pesadas y exceso de información en la pantalla principal | Diseño limpio, espaciado adecuado, jerarquía visual clara e ilustraciones modernas que transmiten los valores cooperativos |
Resultados y conclusiones
El rediseño logró transformar completamente la presencia digital de COOHEM:
Rendimiento Técnico Mejorado
Reducción del tiempo de carga de 18 segundos a menos de 3 segundos.
Diseño totalmente responsivo
Experiencia consistente en todos los dispositivos.
Mejor SEO
Implementación de meta descriptions y protocolo Open Graph para mejorar la visibilidad en búsquedas y compartición en redes sociales.
Nuevas Funcionalidades
Simulador de crédito interactivo y CMS personalizado con panel administrativo.
Este proyecto no sólo mejoró la presencia digital de COOHEM, sino que alineó su plataforma web con los objetivos estratégicos de la cooperativa, mejorando la comunicación con sus asociados y potenciando su imagen profesional.