RSS 5 October 2018

Comfort Shatter Prototipo de App

Prototipo de App

#branding#case-study#espanol

Diseño de UI/UX para prototipo de aplicación móvil

“La mayoría de las personas viven en un círculo restringido de potencial”. -Guillermo James

¿Para quién es la aplicación?

Nuestros dispositivos móviles se han convertido en una parte indispensable de nuestras vidas: los llevamos a todas partes, así que ¿por qué no usarlos para un poco de entrenamiento de vida? Comfort Shatter es para personas que quieren mejorar su crecimiento y desarrollo personal; los desafíos diarios crean un circuito de retroalimentación positiva que puede ayudar con la felicidad y la realización.

Propuesta

Comfort Shatter es una aplicación que presenta a los usuarios desafíos para salir de su zona de confort. Ofrece diferentes paquetes y se atreve a enfrentar los miedos sociales, mejorar la autoestima y desafiar los límites. Permite a los usuarios realizar un seguimiento de su propio progreso, invitar a amigos y compartir sus ganancias diarias en las redes sociales.

Estructuras alámbricas

Comenzando con algunos bocetos. sacar las ideas de la cabeza y ponerlas en papel.

Picture of a book with handmade sketches
Primer borrador con flujo de usuario.

Inspiración de diseño

Buscando algunos colores vibrantes para una paleta moderna, monstruos amigables para representar los desafíos, formas redondeadas y fuentes de pincel.

Vibrant colors, friendly monsters.
Mood board de inspiración

Diseñando la aplicación

Es hora de trabajar en algunas maquetas de alta fidelidad. Buscando contraste de color, ajustando el diseño de personajes y marcando las reglas para futuras capturas de pantalla.

Screenshots of the mobile app
Maquetas de alta fidelidad.

Guía de estilos

Montserrat como fuente principal para legibilidad en todo el sitio y Supermarket VTS Sale para títulos destacados. Usando formas redondas y círculos para una apariencia amigable.

Fuentes y paleta de colores.
Elementos de diseño y directrices.

Flujo de usuario

Esbozar el flujo de usuario antes de construir el prototipo final.

screenshot of mobile app with arrows showing the user flow
Esquema de flujo de usuario.

Prototipo final

La maqueta final con interacciones antes de entrar en desarrollo. Construido con InVision Studio y la aplicación InVision. Monstruos construidos con Adobe Illustrator.

Comfort Shatter from Mariana Beldi on Vimeo.

Let's stay in touch.

mbeldi@gmail.com