Renderizando criatividade... Não ajuste sua resolução!

Site da COOHEM

Mockup COOHEM
Desenvolvimento web
NextJS
NodeJS
PostgreSQL
TailwindCSS
PontoDescrição
ClienteCooperativa Multiactiva COOHEM
IndústriaServiços financeiros / Cooperativa
ServiçosUX/UI Design, Desenvolvimento Web, Otimização SEO
Desafio principalTransformar um sítio lento e desatualizado numa plataforma digital moderna e funcional

Introdução

A COOHEM é uma cooperativa multiactiva fundada em 1990 em Cúcuta, Colômbia. Originalmente criada como a Cooperativa de Empleados del Hospital Erasmo Meoz, a organização evoluiu para uma entidade que oferece diversos serviços financeiros e sociais a mais de 4.500 associados na região.

Razões para a remodelação

O anterior sítio Web da COOHEM apresentava desafios técnicos e de conceção significativos que afectavam negativamente a experiência do utilizador:

  • Tempos de carregamento excessivamente longos (cerca de 18 segundos)
  • Design não reativo que dificultava a navegação em dispositivos móveis
  • Estrutura de informação confusa e pouco intuitiva
  • Falta de otimização SEO e de metadados adequados para partilha nas redes sociais
  • Estética visual desactualizada que não reflectia adequadamente os valores da cooperativa.

Objectivos do projeto

  1. Otimizar o desempenho técnico, reduzindo os tempos de carregamento para menos de 3 segundos
  2. Implementar um design reativo compatível com todos os dispositivos
  3. Melhorar a acessibilidade de acordo com as diretrizes WCAG 2.1
  4. Renovar a estética visual com uma abordagem moderna e profissional
  5. Otimizar a estrutura da informação para facilitar a navegação
  6. Implementar ferramentas específicas, como um simulador de crédito e um sistema de atualização de dados para os membros

Processo de conceção e desenvolvimento

O projeto começou com uma análise exaustiva do sítio existente, identificando os pontos fracos e as oportunidades de melhoria. Com base neste diagnóstico, foi desenvolvido o projeto:

Wireframes e protótipos de alta fidelidade

O que permitiu visualizar a nova estrutura e a navegação

Wireframes e protótipos de alta fidelidade

Um design visual renovado

Mantém a identidade corporativa, mas com uma abordagem mais moderna, utilizando o verde caraterístico da COOHEM, complementado por uma paleta mais contemporânea.

Arquitetura de informação optimizada

Com menus simplificados e navegação intuitiva

Execução técnica (pendente)

Foco no desempenho e na acessibilidade

La comparativa entre el sitio anterior y el nuevo refleja un cambio radical tanto en estética como en funcionalidad:

Imagem comparativa da Web antiga vs Redesign

Imagem comparativa da Web antiga vs Redesign

Ferramenta de simulação de crédito COOHEM

Ferramenta de simulação de crédito COOHEM

Slide 3
Site antigoNovo sítio
Design estruturado de forma rígida, imagens pesadas e demasiada informação no ecrã principalDesign limpo, espaçamento correto, hierarquia visual clara e ilustrações modernas que transmitem valores cooperativos.

Resultados e conclusões

A remodelação conseguiu transformar completamente a presença digital da COOHEM:

Desempenho técnico melhorado

Redução do tempo de carregamento de 18 segundos para menos de 3 segundos.

Design totalmente reativo

Experiência consistente em todos os dispositivos.

Melhor SEO

Implementação de meta descrições e do protocolo Open Graph para melhorar a visibilidade na pesquisa e a partilha nas redes sociais.

Novas funcionalidades

Simulador de crédito interativo e CMS personalizado com painel administrativo.

Este projeto não só melhorou a presença digital da COOHEM, como também alinhou a sua plataforma web com os objectivos estratégicos da cooperativa, melhorando a comunicação com os seus membros e reforçando a sua imagem profissional.

Compartilhar

© 2025 Mateo Avila

Projetos | Site da COOHEM