VIRA

Una aplicació que reuneix rutines, tasques i emocions necessita ordenar continguts de naturalesa diferent. El repte de disseny era donar a cada funció un lloc clar sense convertir les pantalles en una acumulació d’instruccions. També calia mantenir un to adequat per a adolescents: amable i directe, amb personalitat pròpia. La jerarquia havia de permetre distingir la informació de context de l’acció següent, especialment en una pantalla petita.

La direcció del producte parteix de les microaccions. En lloc de presentar tota una rutina al mateix nivell, la interfície la divideix en passos identificables i dona resposta a cada acció. Aquesta lògica també guia la marca: color, il·lustració i llenguatge visual ajuden a crear continuïtat entre pantalles. La identitat no és una capa aplicada al final; participa en la manera com s’explica el producte i com s’orienta la navegació.

El treball de UX/UI mòbil organitza tasques, hàbits i registres emocionals en seqüències curtes. Les regles de components mantenen consistents les accions i la jerarquia d’informació. La paleta i les il·lustracions aporten un caràcter recognoscible que es conserva en els diferents moments de l’experiència. Les imatges del projecte mostren la relació entre aquestes peces: elements d’identitat, recursos gràfics i pantalles comparteixen criteris, però cada element respon a una funció concreta dins del conjunt.

El resultat presentat és un sistema connectat de marca i producte: identitat visual, paleta, il·lustració i disseny d’interfície mòbil. Permet entendre VIRA com una experiència coherent, amb un llenguatge que acompanya els continguts i les accions. El valor d’aquest cas és mostrar com una mateixa idea de disseny pot arribar des de la personalitat de marca fins a una pantalla concreta, mantenint clares les prioritats i les relacions entre els elements.

• UX/UI mòbil
• Identitat visual
• Paleta i il·lustració
• Llenguatge visual i regles de components