HelpUP

En esta ocasión hice una propuesta para la web de HelpUP,  pues en ese momento la forma que el usuario tenia acceso a más UPs era con el acceso diario a la web o invitando amigos. Y vi de forma clara que podía añadirse otra funcionalidad para la adquisición de UPs que además pudiera ser monetizada, y me lancé a hacerle esta propuesta como podéis ver a continuación:

El resultado fue ofrecer al usuario la adquisición de más UPs visualizando vídeos publicitarios (tal y como hacen algunos juegos para adquirir recompensas), al cual se accede desde un menú desplegable (para seguir la continuidad en el diseño original del menú desplegable que emerge al hacer click en el usuario)Durante el proceso de propuesta de funcionalidad me sentí super motivada de poder formar parte de algo, pues HelpUP es un proyecto que considero de gran valor social.

Yudonpay

Hace unos meses hice una propuesta de mejora para la App Yudonpay, referente a la pantalla del catálogo, algunas funcionalidades para el servicio de puntos y cómo implementar de cara al futuro el servicio de seguros dentro de la app, como podéis ver a continuación:

1 Step: Catálogo

Catálogo Original

Mi propuesta del Catálogo

En ese momento el catálogo original ofrecía un aspecto mas correspondiente al estilo "Desktop", mostrando un listado de categorías con fotografías ocupando un largo espacio y que no incluía un buscador para los usuarios. Decidí darle un aspecto "Mobile" teniendo en cuenta siempre las formas curvas basadas en el logotipo de Yudonpay, y haciendo el catálogo mas funcional y accesible, además de añadir un buscador.

2 Step: Categoría

Categoría Original, Belleza

Mi propuesta de Categoría Belleza

En ese momento al entrar en la categoría original de Belleza se mostraban cards de gran tamaño, ocupando el espacio de la pantalla con solo dos cards. Como funcionalidad añadí la informacion del precio de compra o puntos o descuento, siendo una opción comprar el producto con tu dinero o con puntos (introduciendo a yudonpay como ecomerce)


3 Step: Producto

Producto Original

Mi propuesta de Producto

No es socio aún             No tiene puntos

 Tiene los  puntos                   Le faltan puntos
En el original al entrar en uno de los productos se mostraban detalles de la promoción y te llevaba a un enlace externo de la web de la marca. Realicé cuatro pantallas correspondientes que los usuarios podrían encontrarse para adquirir el producto de Descuento mediante los puntos (no siendo socio aun del club, no tener puntos, faltarle parte de los puntos, tener todos los puntos)4 Step: futuro el servicio de seguros dentro de la app

El resultado fue darle acceso al usuario desde las categorías del Catálogo (pantalla 1), y una vez dentro de los seguros ver cards de diferentes ofertas de seguros y tener acceso al resto de categorías de seguros, dándole al usuario la opción de ver todas las categorías en forma de listado (como se muestra en la pantalla 3) y finalmente entrando en una de las ofertas de seguro mostrar una breve descripción y posibilidad de contratar, donde se realizará una llamada al comercial de la compañía (pantalla 4).Durante todo el proceso de propuesta de mejora me sentí muy motivada, mi  mente era un bullicio de ideas a plasmar. Lo mas difícil fue la toma de decisiones, pues no conocía ningún dato interno de las preferencias o enfoque de la empresa Yudonpay a la hora de dar mayor importancia a unas secciones u otras.

LifeBook

Introducción 

Para mi tercer proyecto opté por el caso de estudio de Libros & Lectores y el problema del elevado precio de los libros. Al igual que en el segundo proyecto, de forma individual debía realizar en 2 semanas el proyecto completo.

Desarrollo 

En el proceso de UX utilicé las herramientas y métodos necesarios, como Blueprint, Competitive analysis, Lean survey & Lean ux canvas, User persona, Empathy map, User journey, Affinity diagram, Card sorting, User flow, Testing… etc.
Estas herramientas me revelaron que los usuarios tienen preferencia por donar libros que venderlos, vi sin duda una oportunidad de negocio e investigué mas profundamente hasta descubrir las frustraciones y motivaciones de los usuarios en esa posible transacción. Finalmente corroboré que si parte de la recaudación se destinaba a causas ecológicas para cerrar el ciclo de sostenibilidad les motivaba aun más comprar los libros que otros usuarios habían donado.

La parte visual UI me resultó muy intuitiva de desarrollar, utilizando las herramientas y métodos necesarios como, Colores, Tipografía, Grid Layout, Alignment, Spacing, Consistency, Shadows, Atomic design… etc, siempre basándome en que los valores de la marca y producto se vieran representados y testeando con usuarios posibles pain points.

Algunas de las herramientas y métodos que me resultaron más reveladoras fueron las siguientes:

Entrevistas y Encuestas
Fueron los pilares para ayudarme a desarrollar de forma eficiente el resto de herramientas.

Moscow 
Me ayudó a priorizar de forma efectiva para que el producto fuese un MVP.

Brand Attributes & Moodboard 
Fue revelador visualizar los valores de la marca en conceptos, forma y colores.










Realicé una presentación del proyecto en las gradas del centro de Ironhack, y tenía 3:40 min para exponer ante el jurado y el público el caso de estudio, donde comencé empatizando detallando el tema y el problema, después mostrando los valores, el video de cómo funciona, landing page, next steps y monetización...

Desenlace 

Una APP para móviles android “LifeBook”, donde los usuarios pueden donar sus libros y comprar libros donados con un único precio de 3€, y parte de lo recaudado se destina a plantar árboles.

También realicé una Landing page, para promocionar la app "LifeBook.

Más información 

Si te gustaría profundizar un poco más y conocer cómo abordé de manera personal mi aprendizaje para obtener este resultado por favor visita mi entrada de Medium.

WeHealthy

Introducción

Por exigencia de la programación del Bootcamp de Ironhack Ux-Ui Designer , el segundo proyecto se realizaba de forma individual con un tema relacionado con el Bienestar, decidí centrarme en la nutrición y el problema “Las personas comen mal” y debía realizar el proyecto completo en 2 semanas.

Desarrollo

El proceso de UX lo completé en una semana, utilizando las herramientas y métodos necesarios, como Blueprint, Competitive analysis, Lean survey & Lean ux canvas, User persona, Empathy map, User journey, Affinity diagram, Card sorting, User flow, Testing… etc.
Estas herramientas me revelaron que los usuarios utilizaban servicios profesionales de nutriconistas, pero que a veces era complicado llevar un seguimiento, además, tenían la necesidad de no ser dependientes por siempre del servicio de nutrición. Con los datos obtenidos vi la oportunidad de negocio en combinar el aprendizaje autodidacta del usuario con los servicios profesionales y su seguimiento.

Y tras todo el proceso UX, me centré en continuar con la parte visual UI siempre basándome en que los valores de la marca y producto se vieran representados. Utilizando las herramientas y métodos necesarios como, Colores, Tipografía, Grid Layout, Alignment, Spacing, Consistency, Shadows, Atomic design… etc.

Algunas de las herramientas y métodos que me resultaron más reveladoras fueron las siguientes:

User Journey
Fue muy positivo ponerme en situación y usar las motivaciones y frustraciones para proporcionar soluciones.

Lean Survey Canvas
Organizar había que tener en cuenta para realizar las preguntas de las entrevistas y encuestas me ayudó para centrarme en lo importante.

Empathy Map
Con esta herramienta empatizar con los usuarios fue mucho más fácil.










Cumplí con la fecha de entrega estipulada, pero personalmente no estaba satisfecha con el resultado. Así pues, desde que presenté el proyecto he trabajado e iterado hasta tener el resultado óptimo, y debo decir que iterar no deja de ser aprendizaje continuo, donde puedo ver de forma evidente que puedo avanzar de forma rápida:

Ejemplo de mi avance: onboarding

Desenlace

Una APP para móviles android “WeHealthy”, donde los usuarios pueden aprender sobre nutrición, con la funcionalidades:
Recomendables: para reconocer qué alimentos son más saludables + Información y estudios basados en la OMS.
Contacto con profesionales: seguimiento con Nutricionistas (teniendo la posibilidad de añadir más adelante entrenadores y psicólogos).

También realicé una Landing page, para promocionar la app "WeHealthy.

Más información

Si te gustaría profundizar un poco más y conocer cómo abordé de manera personal mi aprendizaje para obtener este resultado por favor visita mi entrada de Medium.
Justo después de la entrega de este proyecto aprendí lo básico de HTML y CSS, si quieres conocer más sobre ello por favor visita la entrada de Medium.

ABC Company

Introducción 

El primer proyecto que realicé como alumna de Ux-Ui Designer en la escuela Ironhack fue de temática E-Groceries (supermercado). El proyecto se realizaba en grupo de cuatro personas, y el tema se centraba en digitalizar el proceso de compra del supermercado ABC Company en un plazo de 4 semanas.

Desarrollo 

Entre los problemas que podiamos solucionar para los usuarios del supermercado, tomamos el de   “tener poco tiempo para realizar la compra” (tanto si se realiza online o si se hace en persona). Utilizamos muchas herramientas y metodologías UX que nos ayudaron: Blueprint, Competitive analysis, Lean survey canvas, Entrevistas y encuestas, Lean ux canvas, Affinity diagram, User persona, Empathy map, Brainstorming, User journey, Problem & Hypothesis Statement, Moscow, User story, Card sorting, User flow, Low fidelity, Testing… etc.
En el proceso visual UI también utilizamos diferentes herramientas y métodos: Brand attributes & Moodboard, Colores, Tipografía, Grid Layout, Alignment, Spacing, Consistency, Shadows, Style tiles & guide, Atomic design… etc.

Algunas de las herramientas que nos resultaron más reveladoras fueron las siguientes:

MindMap 
Teníamos muchas ideas y era complicado focalizarse, pero una vez lo pusimos en papel nos fue sencillo visualizarlo de forma clara.

Sitemap
Organizarlo todo para representarlo fue un reto, y fuimos realmente conscientes de su magnitud al hacer el sitemap.

Ideation Exercise
Este método de "Crazy 8" fue clave para poder hacer el low, mid y hight prototype más adelante.










Reconozco que "Las entrevistas de guerrilla" fueron todo un reto aquí en Madrid, pues la mayoría de las personas desconfían de un desconocido y mucho más si le pides participar con unas preguntas... pero tras un par de rechazos decidimos seguir una "estrategia" que nos funcionó bien y ya fue como la seda:

Desenlace 

Para desktop una Página Web, con las funcionalidades:
Listas Predefinidas: listas de compra ya hechas para solo añadir al carrito.
Pago One-Click: todos tus datos de pago y envío están guardados y no necesitas rellenar más datos para finalizar la compra.

Para móviles una Web Responsive, con la funcionalidad:
Click & Go: para comprar en el supermercado físico escaneando con tu móvil los productos y pagar desde el móvil (no coges los productos tú mismo y no pasas por caja, el supermercado se encarga de coger los productos por tí, y te lo envían a casa en 2h)

Más información 

Si te gustaría profundizar un poco más y conocer cómo abordé de manera personal mi aprendizaje para obtener este resultado por favor visita mi entrada de Medium.

Whole Bank

Introducción 

Antes de ser alumna oficial Ux-Ui Designer en la escuela Ironhack... nos recomendaban iniciarnos en el "mundillo",  y para ello nos propusieron el siguiente caso de estudio:

"Whole Bank es un banco de un pequeño pueblo de Massachusetts que tiene como objetivo ofrecer una forma diferente de ahorrar y administrar dinero, brindando a los clientes opciones innovadoras. En este proceso de convertirse en una compañía más tecnológica, Whole Bank ha detectado que cuando los clientes viajan el sistema de pago con tarjeta de crédito/débito puede ser un inconveniente. Por este motivo desean ofrecer a los clientes la función de pagar con el móvil, creando una herramienta dentro de la propia aplicación móvil del Banco."

Desarrollo 

Conocido el perfil de Whole Bank, y aunque no tenia el conocimiento de las herramientas ux-ui, me guié por pura intuición analizando los siguientes puntos:
Problema: necesidad de pagar utilizando la aplicación móvil del banco Whole Bank.
Usuarios: clientes que se mueven con frecuencia.
La competencia: Google pay, Apple Pay, Twyp, Bizzum…
Sentimiento: Ofrecer autonomía, sentirse seguro de poder hacer vida normal aunque viajes, no te faltará dinero gracias a la aplicación de Whole Bank.

Desenlace 

Opté por la solución más flexible, ofreciendo autonomía ante posibles situaciones cuando viajas, sentirse seguro de poder hacer vida normal y que no te faltará dinero gracias a la aplicación de Whole Bank. Pero se me fue un poco de las manos y aun no conocía el concepto MVP, así pues la aplicación ofrecía tal vez demasiado:
*Servicio de pago con el móvil.
*Extracción de efectivo con el móvil en los cajeros.
*Solicitar y recibir dinero a tus contactos.

Realicé un prototipo en papel que luego lo digitalicé usando Invision, podéis verlo e interactuar con el prototipo aquí.

Más información 

Si te gustaría profundizar un poco más y conocer cómo abordé de manera personal mi aprendizaje para obtener este resultado por favor visita mi entrada de Medium.