VIRA

Una aplicación que reúne rutinas, tareas y emociones necesita ordenar contenidos de distinta naturaleza. El reto de diseño consistía en dar un lugar claro a cada función sin convertir las pantallas en una acumulación de instrucciones. También era necesario mantener un tono adecuado para adolescentes: amable y directo, con personalidad propia. La jerarquía debía distinguir la información de contexto de la siguiente acción, especialmente en una pantalla pequeña.

La dirección del producto parte de las microacciones. En vez de presentar toda una rutina al mismo nivel, la interfaz la divide en pasos identificables y ofrece una respuesta a cada acción. Esta lógica también guía la marca: color, ilustración y lenguaje visual crean continuidad entre pantallas. La identidad participa en la forma de explicar el producto y orientar la navegación, conectando las decisiones gráficas con la estructura de la experiencia.

El trabajo de UX/UI móvil organiza tareas, hábitos y registros emocionales en secuencias cortas. Las reglas de componentes mantienen consistentes las acciones y la jerarquía de información. La paleta y las ilustraciones aportan un carácter reconocible en distintos momentos de la experiencia. Las imágenes del proyecto muestran la relación entre estas piezas: elementos de identidad, recursos gráficos y pantallas comparten criterios, mientras cada elemento responde a una función concreta dentro del conjunto.

El resultado presentado es un sistema conectado de marca y producto: identidad visual, paleta, ilustración y diseño de interfaz móvil. Permite entender VIRA como una experiencia coherente, con un lenguaje que acompaña contenidos y acciones. Este caso muestra cómo una misma idea de diseño puede trasladarse desde la personalidad de marca hasta una pantalla concreta, manteniendo claras las prioridades y las relaciones entre elementos. Las piezas documentan el alcance de diseño del proyecto.

• UX/UI móvil
• Identidad visual
• Paleta e ilustración
• Lenguaje visual y reglas de componentes