Webmaster & Diseñador UX

Octubre 2023 – Diciembre 2026

Colegios Arquidiocesanos

Webmaster / UX • Rediseño data-driven

Transformación de una web abandonada en un portal intuitivo para padres, impulsada por datos reales de comportamiento y no por suposiciones.

WordPressElementorHotjarWidget de FeedbackData AnalysisUX Strategy

Resultado

78% reducción en frustración

Resultado

3x completación de pagos

Resultado

89% satisfacción

Resultado

60% menos llamadas

Contexto del proyecto

Cliente

Arquidiócesis de Cali

Mi rol

Webmaster & Diseñador UX

Timeline

Octubre 2023 – Diciembre 2026

Overview

Los Colegios Arquidiocesanos de Cali es una institución educativa con décadas de historia y miles de familias como usuarios. Para 2023, su presencia digital era un punto de dolor concreto: un sitio construido años atrás, sin mantenimiento, con información desactualizada, broken links frecuentes y sin ninguna estrategia de usuario. Los padres de familia —quienes necesitan acceder a servicios críticos como pagos de pensión, matrículas y comunicados— se encontraban con una experiencia frustrante que dañaba directamente la percepción de la institución.

El problema

El problema no era estético. Era funcional. El portal de pagos estaba enterrado a varios clics de profundidad, sin señalización clara. No existía ningún canal de soporte digital, lo que generaba decenas de llamadas telefónicas diarias con preguntas repetitivas. Los padres abandonaban el flujo sin completar sus tareas. La institución no tenía datos para entender por qué — solo intuiciones.

La solución

Antes de diseñar una sola pantalla, instalé Hotjar con un widget de feedback con emojis para capturar comportamiento real. Los datos hablaron solos: 78% de caritas rojas en el área de pagos. Con esa evidencia, rediseñé la arquitectura priorizando el acceso inmediato al portal de pagos, integré WhatsApp como canal de soporte en tiempo real, y construí el sitio en WordPress con Elementor con CTAs estratégicos en cada punto crítico de abandono.

Evidencia visual

El trabajo en imágenes

Aún por agregar

Home anterior — estado del sitio antes del rediseño
Antes

Home anterior — estado del sitio antes del rediseño

Aún por agregar

Listado de colegios anterior — navegación sin jerarquía
Antes

Listado de colegios anterior — navegación sin jerarquía

Aún por agregar

Nuevo home — rediseño en construcción
En progreso

Nuevo home — rediseño en construcción

Aún por agregar

Nuevo listado de colegios — arquitectura reorganizada
En progreso

Nuevo listado de colegios — arquitectura reorganizada

Proceso de diseño

Metodología estructurada para garantizar resultados medibles

1

Diagnóstico con datos

2 semanas

Instalación de Hotjar en el sitio existente (cuenta gratuita)
Despliegue de widget de feedback con emojis en páginas clave
Análisis de mapas de calor y grabaciones de sesión
Identificación de los 5 puntos críticos de abandono
2

Estrategia y arquitectura

2 semanas

Definición de user personas: padre pagador, padre informado, padre nuevo
Rediseño del mapa del sitio priorizando tareas críticas
Planificación del canal de soporte WhatsApp Business
Wireframes de los flujos principales validados con datos
3

Diseño e implementación

8 semanas

Diseño visual en Elementor sobre base WordPress
Portal de pagos accesible desde el hero en máximo 2 clics
Botón flotante de WhatsApp con mensaje predefinido según sección
Migración y actualización de todo el contenido institucional
4

Medición y optimización

4 semanas

Validación con métricas Hotjar post-lanzamiento
Seguimiento semanal de las caritas de feedback
Ajustes de copy y CTAs según comportamiento real
Entrega de informe de mejora al equipo de la institución

Resultados

Métricas que demuestran el valor del diseño estratégico

  • Reducción del 78% en tasas de frustración: de caritas rojas a verdes en el flujo de pagos
  • Incremento del 300% en completación de transacciones en línea
  • Soporte 24/7 activo vía WhatsApp con tiempo de respuesta menor a 2 horas
  • Satisfacción del usuario: 89% en medición post-rediseño
  • Reducción del 60% en consultas telefónicas repetitivas al call center

Learnings clave

  • Los datos de comportamiento real son más valiosos que cualquier opinión interna — incluyendo la mía
  • El soporte en tiempo real no es un 'nice to have' en servicios críticos: es parte del UX
  • La usabilidad tiene impacto directo en la reputación institucional, no solo en métricas digitales
  • Rediseñar sin datos es adivinar; rediseñar con datos es resolver

¿Quieres resultados similares para tu proyecto?

Hablemos de cómo puedo ayudarte a transformar tus desafíos en oportunidades digitales.