Valentino Vargas

Rediseño digital para Fundación Alvartez

Modernizando la experiencia para potenciar el impacto social

Un rediseño centrado en el usuario para mejorar claridad, participación y navegación en una plataforma de impacto social.

CONTEXTO Y DESAFÍO

Contexto

La Fundación Alvartez buscaba modernizar su plataforma digital para comunicar mejor sus programas sociales y aumentar la participación en voluntariados y actividades solidarias. La web anterior tenía problemas de estructura, baja retención y una experiencia inconsistente en mobile.

Desafío

  • Mejorar claridad y accesibilidad en programas sociales
  • Incrementar interacción en secciones clave
  • Optimizar la navegación mobile
  • Reestructurar la arquitectura de contenido

DESCUBRIMIENTO (Data + Usuarios)

Combiné análisis en GA4 + entrevistas rápidas con usuarios frecuentes del sitio.

Qué nos dijeron los datos (GA4)

A partir del análisis digital detectamos:

  • Tiempo promedio de interacción general: 52 s (bajo).
  • Páginas críticas con tiempos reducidos:
    • /plan-alegría: ~0:30–0:40 s
    • /voluntariado: ~20 s
    • /nosotros: estable pero poco explorada
  • Tráfico predominante:
    • 55% desktop
    • 44% mobile (experiencia deficiente)
  • Poca exploración de contenido profundo.

Qué nos dijeron los usuarios

A través de observación y feedback cualitativo:

  • “Es difícil entender qué hace la fundación.”
  • “Las páginas sociales son bonitas pero no me guían.”
  • “En celular se siente apretado.”

Insight clave

Los usuarios no encontraban una narrativa clara ni un camino para interactuar; la web no guiaba hacia donación, programas o voluntariado.

IDEACIÓN Y ESTRATEGIA

Utilicé user flows y sesiones de ideación para redefinir el recorrido de voluntariado.

Soluciones planteadas

  • Rediseño de arquitectura de información priorizando programas sociales.
  • Mejor presentación de proyectos y campañas.
  • Flujos más claros para voluntariado y contacto.
  • Mobile-first real (no solo responsive visual).
  • Jerarquía visual enfocada en propósito y acción.

User Flow

DISEÑO Y ENTREGA

Antes

Wireframes iniciales

Diseño final (UI)

Evolucionamos la arquitectura y jerarquía visual para mejorar claridad, accesibilidad y propósito.

Documenté componentes y estados en Figma y trabajé con el equipo de desarrollo para asegurar que el comportamiento en producción respete el diseño.

RESULTADOS

Mayor interacción general

Tiempo promedio pasó de 52 s → 1 min 
+26 segundos de navegación activa.

Páginas más visitada

+48 s /plan-alegría
+23 s /voluntariado

Mobile optimizado

44% del tráfico en mobile ahora navega más fluido.

Engagement más alto

Mayor permanencia y exploración en secciones de impacto (Plan Alegría).

Un rediseño centrado en propósito y claridad

Pasar de una web desordenada y poco inspiradora a una plataforma clara, humana y orientada a la acción. El rediseño no solo mejoró la estética, sino que aumentó el tiempo de interacción y generó más participación en voluntariado y programas sociales. El siguiente paso será profundizar en optimización de conversión para donaciones online.