Rediseño web de ComunidadFeliz

Contexto

ComunidadFeliz es una plataforma para administrar condominios y comunidades. Su sitio web presentaba problemas de usabilidad, de flujo y de interfaz: la información era difícil de encontrar y no quedaba claro qué ofrecía el servicio a cada tipo de usuario. El proyecto nace como trabajo del Diplomado UX/UI de Coderhouse, con el objetivo de rediseñar el sitio aplicando un proceso UX completo.

Mi rol

Desarrollé el proyecto de principio a fin: investigación, análisis, arquitectura de información, guía de estilos, sistema de diseño, prototipo funcional y pruebas de usabilidad.

Proceso

Desk research. Revisé el sitio actual con un análisis heurístico, identifiqué oportunidades de mejora y revisé la valoración y las reseñas de la app en Google Play, noticias del sector y tendencias de diseño.

Investigación con usuarios. Hice entrevistas a residentes y administradores. Con los hallazgos armé un mapa de empatía, una user persona, un user journey map, una matriz de necesidades y un Lean UX Canvas para definir el problema y las hipótesis.

Arquitectura de información. Evalué la arquitectura actual con tree testing. En la tarea de encontrar la información institucional («quiénes somos»), ningún participante llegó por la ruta directa y el 70% no completó la tarea. A partir de estos resultados propuse una nueva estructura de navegación. Prioricé funcionalidades con una matriz FDV (factibilidad, deseabilidad y viabilidad) y definí los recorridos con task flows y wireflows.

Identidad y sistema de diseño. Definí el propósito de la marca con el Círculo de Oro, un manual de voz y tono, y una guía de estilos. Luego construí un sistema de diseño simplificado, acorde a la escala del proyecto, con colores, tipografía (Plus Jakarta Sans), espaciados, grillas y componentes: botones, inputs, íconos, alertas, tarjetas, barra de navegación y mega menú.

Prototipo y pruebas. Con el sistema de diseño armé un prototipo funcional en Figma y lo validé con pruebas de usabilidad moderadas y no moderadas, con alrededor de 16 participantes y dos tareas clave.

Decisiones clave

Reorganizar la navegación según los resultados del tree testing, para que cada usuario llegue más rápido a la información que busca.
Usar un mega menú para ordenar la oferta de servicios sin saturar la página de inicio.
Construir un sistema de diseño antes del prototipo, para mantener consistencia en todas las pantallas.
Escribir los mensajes con un tono cercano y claro, definido en el manual de voz y tono.

Resultado

En las pruebas de usabilidad, las dos tareas evaluadas se completaron con un 100% de éxito. El resultado es una propuesta de sitio más clara y ordenada, con un sistema de diseño documentado y una nueva arquitectura de información validada con usuarios.