Proyecto académico · Coderhouse Case study / UX/UI Design

AstroclubAnimate a descubrir tu universo.

Rol
UX/UI Designer — end to end
Disciplina
UX Research · UI Design · Prototipado
Tipo
Plataforma mobile-first · Proyecto académico
Áreas desarrolladas
User Research · Information Architecture · Wireframing · UI System · Prototipado de alta fidelidad
01 — Contexto & desafío

La generación Z busca la astrología. No encuentra dónde aprenderla bien.

Hoy en día, los jóvenes de la generación Z se interesan cada vez más en la astrología como disciplina. Sin embargo, les cuesta encontrar un espacio donde informarse sobre estos temas de manera práctica y didáctica y, al mismo tiempo, comunicarse e intercambiar opiniones con otras personas — algo esencial para ellos.

El objetivo fue generar un espacio informativo y de intercambio mediante el cual los jóvenes puedan aprender sobre astrología conociendo su carta astral y aspectos de la misma de manera didáctica y simple, y a su vez conectarse con amigos y personas para evaluar compatibilidades.

02 — Investigación & user research

Escuchar antes de diseñar.

Para validar las hipótesis iniciales, implementé metodologías de Diseño Centrado en el Usuario (DCU):

Encuestas y entrevistas cualitativas. Realizadas a usuarios potenciales de la generación Z para entender sus frustraciones: la información sobre astrología está dispersa, es poco práctica y no permite el intercambio social.

User Personas & Customer Journey Maps. Arquetipos que guiaron las decisiones de arquitectura y la priorización de funciones del MVP: carta astral, aprendizaje y compatibilidades.

Research · User Personas & Journey Map

03 — Arquitectura de la información & flows

Tres módulos clave, acceso sin fricción.

Con los dolores del usuario identificados, estructuré la app en tres pilares: carta astral, aprendizaje y comunidad social. El foco estuvo en que cualquier usuario pudiera calcular su carta natal y descubrir aspectos de su personalidad, aprender sobre planetas y casas de manera didáctica, y conectarse con personas compatibles — todo en pocos pasos.

User Flows. Flujos lógicos para que un usuario nuevo pudiera conocer su perfil astrológico y conectarse con otras personas en menos de 3 pasos, sin fricción cognitiva.

Arquitectura · User Flows & Mapa de sitio

04 — Wireframes de baja fidelidad

Iterar rápido antes de invertir en estética.

Traduje la arquitectura a los primeros bocetos en baja fidelidad. Esta etapa fue clave para validar la disposición de los elementos de navegación y la usabilidad de las funciones principales — carta astral, compatibilidades y perfil — antes de pasar a la fase visual.

Ideación · Wireframes de baja fidelidad (Mobile)

05 — Interfaz de usuario & sistema de diseño

Una estética inmersiva anclada en la accesibilidad.

Para la propuesta visual desarrollé una estética oscura e inmersiva que refleja el universo, cuidando los contrastes y la legibilidad:

Tipografía & color. Fondos oscuros profundos combinados con acentos vibrantes de alto contraste que guían los CTAs y destacan la información clave de la carta astral.

UI Kit. Componentes base, estados de botones y cards consistentes para sostener la experiencia en los tres módulos: carta astral, aprendizaje y comunidad.

UI System · colores, tipografías y componentes base

06 — Prototipo de alta fidelidad & conclusión

Calculá tu carta astral. Aprendé. Conectate.

El resultado final fue un prototipo interactivo de alta fidelidad que integra en un solo lugar todo lo que el usuario de la generación Z necesita: calcular su carta natal, conocer planetas y casas de manera didáctica y simple, y conectarse con personas compatibles o cercanas. Una experiencia completamente personalizada desde lo social.

Prototipo · pantallas finales en alta fidelidad

Explorar más proyectos

Ver todos los proyectos