SMOOTH-IT

La experiencia de un smoothie empieza cuando lo estás preparando.

Concepto de aplicación móvil que permite guardar, crear y compartir recetas de batidos.

BSOSpirit es la mayor página dedicada al mundo de la música de cine en español. Desde que la descubrí hace más de 10 años, siempre la he usado como referencia a la hora de consultar dudas sobre bandas sonoras, compositores y noticias del sector.

AÑO

2016

CLIENTE

Proyecto personal

01 - objetivo

El principal objetivo de este proyecto fue diseñar una interfaz para dispositivos móviles que me permitiera practicar con el, por aquel entonces nuevo, Sketch, así como intentar crear una aplicación desde cero aplicando metodologías de diseño centrado en el usuario.

Al ser una aplicación de recetas me aseguraba además un reto añadido al tener que diseñar un número bastante alto de pantallas y flujos entre ellas

BSOSpirit es la mayor página dedicada al mundo de la música de cine en español. Desde que la descubrí hace más de 10 años, siempre la he usado como referencia a la hora de consultar dudas sobre bandas sonoras, compositores y noticias del sector.

En las fechas en las que realicé este proyecto, la página contaba con un diseño que no había cambiado en la última década; estaba completamente desfasado, era oscuro y complejo a la hora de navegar por él y aún más en su lectura.

02 - definición funcional

Una vez realizado un análisis de cuáles eran las necesidades de los usuarios de este tipo de aplicaciones de recetas, elaboré una lista de funcionalidades que debía tener la aplicación y lancé mis primeras ideas en bocetos rápidos a mano, esbozando las pantallas principales y las relaciones entre ellas. 
A continuación, refiné estos bocetos en wireframes digitales que me sirvieran como esqueleto básico de lo que después sería el diseño visual.

BSOSpirit es la mayor página dedicada al mundo de la música de cine en español. Desde que la descubrí hace más de 10 años, siempre la he usado como referencia a la hora de consultar dudas sobre bandas sonoras, compositores y noticias del sector.

smooth-it-wireframes-01

Adicionalmente a estos wireframes, y dentro de un contexto en el que intentaba que el trabajo realizado pudiera posteriormente pasar a una fase de implementación,  decidí incluir una documentación del funcionamiento de la aplicación que permitiera su construcción por parte de un hipotético equipo de desarrollo sin problema.

02 - diseño visual

Dada la temática de la aplicación, quise que visualmente desprendiera un estilo fresco y vibrante, con colores saturados y contrastados, y para asegurarme de conseguirlo decidí diseñar yo misma los iconos que iban a representar cada bebida e ingrediente. 

smooth-it-ingredients-01
smooth-it-ingredients-02

Los batidos están diseñados pensando en los ingredientes de los que están compuestos; cada franja representa un ingrediente distinto, diferenciándose todos ellos en color y textura.

La idea que perseguía con todo esto era darle una vuelta a la representación de comidas o bebidas a los que estamos acostumbrados en las recetas tradicionales y mostrar una imagen más informal y refrescante que siguiera siendo sugerente y apetitosa. 

smoothies01
smoothies02
smoothies03
smoothies04
smoothies05

Por último, llegó el momento de implantar estos diseños en los wireframes previamente hechos.

smooth-it-wireframes-02
smoothie-perspective01
smoothies06
smoothie-perspective02

Work inquiries, questions or just some nice chat? Get in touch.

Work inquiries, questions or just some nice chat? Get in touch.

You can see more of my work at Behance, have a glimpse on what I’m working on at Dribbble, read some of my thoughts on Medium, poke around my Instagram or see what I’m up to at Twitter. You can also find out more about me and my background at Linkedin.

Feel free to contact me via any of those channels. Or you can just say send me an email saying “Hello, Elena👋🏻

COPYRIGHT @2019 ELENA MADRIGAL