Rendering creativity... Don't adjust your resolution!

COOHEM Website

Mockup COOHEM
Web Development
NextJS
NodeJS
PostgreSQL
TailwindCSS
CustomerCooperativa Multiactiva COOHEM
IndustriaFinancial Services / Cooperative
ServicesUX/UI Design, Web Development, SEO Optimization
Main ChallengeTransform a slow and outdated site into a modern and functional digital platform.

Introduction

COOHEM is a multi-active cooperative founded in 1990 in Cúcuta, Colombia. Originally created as the Cooperativa de Empleados del Hospital Erasmo Meoz, the organization has evolved into an entity that offers diverse financial and social services to more than 4,500 associates in the region.

Reasons for the redesign

COOHEM's previous website presented significant technical and design challenges that negatively affected the user experience:

  • Excessively long loading times (approximately 18 seconds)
  • Non-responsive design that hindered navigation on mobile devices
  • Confusing and unintuitive structure of information.
  • Lack of SEO optimization and adequate metadata for sharing on social networks.
  • Outdated visual aesthetics that did not adequately reflect the cooperative's values.

Project objectives

  1. Optimize technical performance by reducing loading times to less than 3 seconds.
  2. To implement a responsive design compatible with all devices.
  3. Improve accessibility according to WCAG 2.1 guidelines
  4. Renew the visual aesthetics with a modern and professional approach.
  5. Optimize the information structure to facilitate navigation.
  6. Implement specific tools such as a credit simulator and a data update system for associates.

Design and development process

The project began with a thorough analysis of the existing site, identifying weaknesses and opportunities for improvement. Based on this diagnosis, it was developed:

Wireframes and high fidelity prototypes

That made it possible to visualize the new structure and navigation

Wireframes and high fidelity prototypes

A renewed visual design

Maintaining the corporate identity but with a more modern approach, using COOHEM's distinctive green complemented with a more contemporary palette.

Optimized information architecture

With simplified menus and intuitive navigation

Technical implementation (Pending)

Focused on performance and accessibility

The comparison between the old site and the new one reflects a radical change in both aesthetics and functionality:

Comparative Image Old Web vs Redesign

Comparative Image Old Web vs Redesign

COOHEM Credit Simulator Tool

COOHEM Credit Simulator Tool

Slide 3
Old SiteNew Site
Rigidly structured design, heavy images and excessive information on the main screenClean design, proper spacing, clear visual hierarchy and modern illustrations that convey cooperative values

Results and conclusions

The redesign completely transformed COOHEM's digital presence:

Improved technical performance

Reduction of the loading time from 18 seconds to less than 3 seconds.

Fully responsive design

Consistent experience across all devices.

Better SEO

Implementation of meta descriptions and Open Graph protocol to improve search visibility and social media sharing.

New Functionalities

Interactive credit simulator and customized CMS with administrative panel.

This project not only improved COOHEM's digital presence, but also aligned its web platform with the cooperative's strategic objectives, improving communication with its members and enhancing its professional image.

Share

© 2025 Mateo Avila

Projects | COOHEM Website