WePet

WePet es la comunidad que conecta personas a través de sus mascotas. Con unos ritmos de vida tan rápidos, cada vez más personas no pueden dedicar todo el tiempo que requieren los cuidados de su perro. Y, por otro lado, muchas personas sienten que querrían tener una mascota, pero actualmente no pueden hacerse cargo de una. WePet ayuda a dueños de perros a ponerse en contacto con cuidadores locales, y viceversa, a través de una experiencia integral que asegura el bienestar de los usuarios y su mascota.

💡 Detalle del onboarding de WePet.

00 —

OVERVIEW

WePet es el primer proyecto que realicé en Northcamp. El propósito de este proyecto fue aprender a trabajar de forma ágil, empleando metodologías de Design Thinking y aportando valor en cada fase del proceso de diseño. El resultado final es un MVP que contiene las funcionalidades esenciales que necesitaban los usuarios.

ROL: UX/UI DESIGNER — 4 SEMANAS — FIGMA, NOTION — 2022 — TEAM: 2 UX DESIGNERS

00 —

Overview

WePet es el primer proyecto que realicé en Northcamp. El propósito de este proyecto fue aprender a trabajar de forma ágil, empleando metodologías de Design Thinking y aportando valor en cada fase del proceso de diseño. El resultado final es un MVP que contiene las funcionalidades esenciales que necesitaban los usuarios.

ROL: UX/UI DESIGNER — 4 SEMANAS — FIGMA, NOTION — 2022 — TEAM: 2 UX DESIGNERS

01 —

Planteamiento e hipótesis inicial

PLANTEAMIENTO E HIPÓTESIS INICIAL

Para diseñar WePet trabajé codo con codo con Claudia Santaella, ilustradora y diseñadora UX madrileña. No nos conocimos hasta ese momento, pero desde el minuto uno nos entendimos muy bien y esto nos permitió hacer un gran trabajo juntos. Diseñamos la experiencia de WePet siguiendo una metodología lean y aplicando todos nuestros conocimientos sobre la experiencia de usuario y el diseño de productos digitales.

Para diseñar WePet trabajé codo con codo con Claudia Santaella, ilustradora y diseñadora UX madrileña. No nos conocimos hasta ese momento, pero desde el minuto uno nos entendimos muy bien y esto nos permitió hacer un gran trabajo juntos. Diseñamos la experiencia de WePet siguiendo una metodología lean y aplicando todos nuestros conocimientos sobre la experiencia de usuario y el diseño de productos digitales.

El proyecto inicial era muy diferente de lo que vas a poder ver aquí. Queríamos trabajar en un producto relacionado con mascotas, pero enfocado hacia el problema del abandono y la adopción. Después de investigar, validar algunas hipótesis y descartar otras, decidimos pivotar y hacernos la siguiente pregunta: ¿cómo podemos solucionar el problema de los perros que pasan mucho tiempo solos porque sus dueños están ocupados? ¿Y el problema de las personas que no pueden tener un perro pero les gustaría pasar tiempo con uno?

El proyecto inicial era muy diferente de lo que vas a poder ver aquí. Queríamos trabajar en un producto relacionado con mascotas, pero enfocado hacia el problema del abandono y la adopción. Después de investigar, validar algunas hipótesis y descartar otras, decidimos pivotar y hacernos la siguiente pregunta: ¿cómo podemos solucionar el problema de los perros que pasan mucho tiempo solos porque sus dueños están ocupados? ¿Y el problema de las personas que no pueden tener un perro pero les gustaría pasar tiempo con uno?

Planificación del proyecto

Seguimos un modelo de doble diamante, donde partimos de una hipótesis, la contrastamos, divergimos y convergimos hasta llegar a una propuesta de valor materializada en un MVP y a partir de ahí, volvimos a divergir y converger hasta llegar al prototipo final. Al tener un mes de trabajo, nos organizamos en cuatro sprints, teniendo reuniones diarias y diseñando entregables cada muy pocos días para iterar y mejorar lo máximo posible el producto final. En todo momento orientamos el trabajo a los resultados.

Seguimos un modelo de doble diamante, donde partimos de una hipótesis, la contrastamos, divergimos y convergimos hasta llegar a una propuesta de valor materializada en un MVP y a partir de ahí, volvimos a divergir y converger hasta llegar al prototipo final. Al tener un mes de trabajo, nos organizamos en cuatro sprints, teniendo reuniones diarias y diseñando entregables cada muy pocos días para iterar y mejorar lo máximo posible el producto final. En todo momento orientamos el trabajo a los resultados.

💡 Cronograma presentado en el último entregable (3 de 3) del proyecto.

02 —

Investigación: encuestas, entrevistas y desk research

INVESTIGACIÓN: DESK RESEARCH, ENCUESTAS Y ENTREVISTAS

Tras situar la hipótesis inicial, comenzamos a investigar artículos académicos y contenido científico sobre la materia, hicimos un estudio de la competencia junto a una tabla de referencias en Notion y lanzamos una encuesta así como varias entrevistas presenciales. Localizamos varios perfiles para las entrevistas (dueños de mascotas, profesionales veterinarios, usuarios de apps parecidas y una experta en comportamiento animal) de forma que pudimos tener una imagen general y holística de los problemas que tenían las personas implicadas en el proceso.

Tras situar la hipótesis inicial, comenzamos a investigar artículos académicos y contenido científico sobre la materia, hicimos un estudio de la competencia junto a una tabla de referencias en Notion y lanzamos una encuesta así como varias entrevistas presenciales. Localizamos varios perfiles para las entrevistas (dueños de mascotas, profesionales veterinarios, usuarios de apps parecidas y una experta en comportamiento animal) de forma que pudimos tener una imagen general y holística de los problemas que tenían las personas implicadas en el proceso.

El 85% de los encuestados adoptó a su mascota.

80% de encuestados prefiere dejar a su mascota con un familiar o un amigo cuando no puede ocuparse de ella.

El 34% de encuestados compartiría los cuidados de su mascota sin dudarlo.

Silvia, 36. Etóloga.

"Hay que evitar el sufrimiento de dejar solos a los animales. Recomiendo a los dueños apps para minimizar el tiempo de soledad"

Elena, 32. Usuaria de una app de cuidadores de perros en Londres.

Yo recibo el cariño y la compañía de una perra, la ilusión de tener una mascota sin que sea mía. Los dueños reciben a esa persona que cuidará de la mascota y que va a estar contenta"

Candela, 26. Veterinaria y dueña de un perro.

"En el hotel de perros tuve una horrible experiencia ya que mi perro volvió con heridas por el estrés… prefiero dejarlo con un cuidador cercano, un familiar o amigo"

David, 28. Dueño de dos perros.

"Yo tengo algo que a lo mejor a ti te gustaría tener pero no puedes, pues lo comparto, de alguna forma, contigo"

El 85% de los encuestados adoptó a su mascota.

80% de encuestados prefiere dejar a su mascota con un familiar o un amigo cuando no puede ocuparse de ella.

El 34% de encuestados compartiría los cuidados de su mascota sin dudarlo.

02 —

Empatizando con el usuario

EMPATIZANDO CON EL USUARIO

Ideamos tres personas, tres mapas de empatía y tres user journeys, lo que nos permitió centrarnos en resolver los problemas y frustraciones de cada uno de nuestros arquetipos de usuario. Gracias a los journeys detectamos los puntos de fricción y los convertimos en soluciones y posibles funcionalidades, es decir, los convertimos en diseño. A mi juicio, un buen user journey es clave en el proceso de UX ya que te permite detectar problemas, explorar soluciones y diseñar tras haber entendido las necesidades del usuario.

Ideamos tres personas, tres mapas de empatía y tres user journeys, lo que nos permitió centrarnos en resolver los problemas y frustraciones de cada uno de nuestros arquetipos de usuario. Gracias a los journeys detectamos los puntos de fricción y los convertimos en soluciones y posibles funcionalidades, es decir, los convertimos en diseño. A mi juicio, un buen user journey es clave en el proceso de UX ya que te permite detectar problemas, explorar soluciones y diseñar tras haber entendido las necesidades del usuario.

💡 Realizamos tres personas arquetípicas que representan usuarios con diferentes necesidades y deseos.

💡 Gracias al user journey pudimos detectar los puntos de fricción y proponer soluciones para convertirlas en diseño.

Nos encantan los post-it y la transparencia

Si quieres conocer a fondo las conclusiones de la entrevistas, los diferentes ejercicios de empatía y cómo convergimos gracias al Diagrama de Afinidad, puedes hacerlo explorando nuestro Figjam y si tienes cualquier duda, me puedes escribir un mensaje.

Si quieres conocer a fondo las conclusiones de la entrevistas, los diferentes ejercicios de empatía y cómo convergimos gracias al Diagrama de Afinidad, puedes hacerlo explorando nuestro Figjam y si tienes cualquier duda, me puedes escribir un mensaje.

España tiene un problema de abandono animal: hay muy poca adopción, las protectoras están saturadas y tienen escasos recursos y visibilidad.

Muchas personas no pueden tener un animal debido a falta de espacio en su casa o falta de recursos.

La falta de tiempo de los dueños lleva a que algunos perros pasen mucho tiempo solos, no socialicen con otros y no realicen el ejercicio que requieren.

Un gran número de personas tiene poco tiempo para dedicar a los cuidados de su mascota. Acaban rechazando planes de manera habitual y esto les frustra.

Hay personas que compartirían el cuidado de su perro sin mediación económica, más bien generando una comunidad y lazos con personas cercanas.

El dueño de un perro necesita muchas garantías a la hora de elegir un cuidador para su mascota. Nos hablan de seguridad y confianza como requisitos imprescindibles.

03 —

Descubrimientos clave

DESCUBRIMIENTOS CLAVE

El diagrama de afinidad que has podido ver en el tablero de Figjam nos ayudó a sintetizar y converger ideas que habían ido saliendo en el proceso de investigación y durante los ejercicios de empatía. Una vez realizado el diagrama, podemos hablar de seis descubrimientos clave:

El diagrama de afinidad que has podido ver en el tablero de Figjam nos ayudó a sintetizar y converger ideas que habían ido saliendo en el proceso de investigación y durante los ejercicios de empatía. Una vez realizado el diagrama, podemos hablar de seis descubrimientos clave:

🇪🇸

España tiene un problema de abandono animal: hay muy poca adopción, las protectoras están saturadas y tienen escasos recursos y visibilidad.

🏠

Muchas personas no pueden tener un animal debido a falta de espacio en su casa o falta de recursos.

🐕

La falta de tiempo de los dueños lleva a que algunos perros pasen mucho tiempo solos, no socialicen con otros y no realicen el ejercicio que requieren.

👥

Un gran número de personas tiene poco tiempo para dedicar a los cuidados de su mascota. Acaban rechazando planes de manera habitual y esto les frustra.

📍

Hay personas que compartirían el cuidado de su perro sin mediación económica, más bien generando una comunidad y lazos con personas cercanas.

🔑

El dueño de un perro necesita muchas garantías a la hora de elegir un cuidador para su mascota. Nos hablan de seguridad y confianza como requisitos imprescindibles.

04 —

Propuesta de valor y MVP

PROPUESTA DE VALOR Y MVP

Trabajamos una propuesta de valor que nos permitiera ofrecer un producto creíble, relevante y diferente. WePet es una comunidad que conecta a dueños de perros que no pueden pasar todo el tiempo que quieren con su mascota y cuidadores locales que no pueden tener una mascota en ese momento.

💡 Algunos de los diseños finales de WePet: splash page, buscador y home page.

Producto Mínimo Viable (MVP)

En la fase de investigación descubrimos que un porcentaje alto de las personas compartiría los cuidados de su mascota, que en España hay un problema de abandono animal y escasas adopciones respecto a la tasa de abandono. Descartamos poner el foco en el abandono y hemos priorizado emplear nuestro producto en asegurar el bienestar de los perros y de las personas implicadas en el proceso. ¿Cómo aseguramos este bienestar a través de un Producto Mínimo Viable? Lo primero de todo es la priorización. Queremos que nuestro MVP asegure la confianza y la seguridad de los usuarios y sus mascotas. A partir de aquí hemos elegido diseñar una app nativa donde los cuidadores tienen su perfil y también las mascotas. Nos decantamos por una app móvil dado que necesitábamos chat, geolocalización y la inmediatez que te proporciona el móvil.

En la fase de investigación descubrimos que un porcentaje alto de las personas compartiría los cuidados de su mascota, que en España hay un problema de abandono animal y escasas adopciones respecto a la tasa de abandono. Descartamos poner el foco en el abandono y hemos priorizado emplear nuestro producto en asegurar el bienestar de los perros y de las personas implicadas en el proceso. ¿Cómo aseguramos este bienestar a través de un Producto Mínimo Viable? Lo primero de todo es la priorización. Queremos que nuestro MVP asegure la confianza y la seguridad de los usuarios y sus mascotas. A partir de aquí hemos elegido diseñar una app nativa donde los cuidadores tienen su perfil y también las mascotas. Nos decantamos por una app móvil dado que necesitábamos chat, geolocalización y la inmediatez que te proporciona el móvil.

💬 Chat

Necesitamos conectar a los dueños y cuidadores a través de mensajes de forma rápida y segura.

📍 Geolocalización

Es importante localizar en el mapa a los usuarios cercanos ya que aporta seguridad.

📲 Inmediatez del móvil

Una app permite al usuario conectarse con inmediatez desde cualquier lugar y en cualquier momento.

💡 A la izquierda, wireframe del chat entre usuarios; a la derecha, sistema de filtros diseñado acorde a la priorización.

💡 Arriba, wireframe del chat entre usuarios; debajo, sistema de filtros diseñado acorde a la priorización.

05 —

Priorización de funcionalidades

PRIORIZACIÓN DE FUNCIONALIDADES

Realizamos un feature creep en Notion con las funcionalidades que tenemos y las clasificamos siguiendo tres criterios: la utilidad para el usuario, el valor para negocio y el coste de desarrollo. Sabiendo que las principales preocupaciones de los usuarios tienen que ver con la seguridad y la confianza, realizamos la priorización partiendo de ese criterio.

Realizamos un feature creep en Notion con las funcionalidades que tenemos y las clasificamos siguiendo tres criterios: la utilidad para el usuario, el valor para negocio y el coste de desarrollo. Sabiendo que las principales preocupaciones de los usuarios tienen que ver con la seguridad y la confianza, realizamos la priorización partiendo de ese criterio.

💡 Detalle de la priorización en Notion.

06 —

Arquitectura de la información: sitemap y flujos de usuario

ARQUITECTURA DE LA INFORMACIÓN: SITEMAP Y USER FLOWS

Antes de empezar en Figma, primero es necesario organizar, jerarquizar y clasificar la información de nuestro producto. Realizamos un sitemap y tres user flows para que el usuario pudiera realizar varias tareas. Al testear con usuarios reales (antes de diseñar el prototipo final), nos dimos cuenta de que había cosas que no eran usables, por lo que pudimos corregirlas a tiempo sin invertir mucho esfuerzo ni tiempo.

Antes de empezar en Figma, primero es necesario organizar, jerarquizar y clasificar la información de nuestro producto. Realizamos un sitemap y tres user flows para que el usuario pudiera realizar varias tareas. Al testear con usuarios reales (antes de diseñar el prototipo final), nos dimos cuenta de que había cosas que no eran usables, por lo que pudimos corregirlas a tiempo sin invertir mucho esfuerzo ni tiempo.

💡 Sitemap del MVP

💡 Crazy 8's con los que dibujamos los primeros wireframes en papel.

💡 Wireframes que iteramos tras el testing con usuarios.

07 —

Visual

VISUAL

Tras los resultados del testing y la mejora de los wireframes, el siguiente paso fue trabajar en una identidad visual para nuestro producto. Los colores están inspirados en la gama cromática en la que ven los perros y modificados para que fueran accesibles en todo el producto. La tipografía que empleamos también fue elegida en base a un criterio de accesibilidad.

Tras los resultados del testing y la mejora de los wireframes, el siguiente paso fue trabajar en una identidad visual para nuestro producto. Los colores están inspirados en la gama cromática en la que ven los perros y modificados para que fueran accesibles en todo el producto. La tipografía que empleamos también fue elegida en base a un criterio de accesibilidad.

💡 Ejemplo de landing page para desktop para desarrollar en el futuro.

💡 Trabajamos sobre un grid de 8 px (pixel perfect).

08 —

Prototipado

PROTOTIPO

Flujo 1: On boarding, registro y verificación de perfil

A Amanda le encantan los perros, pero actualmente no puede tener uno en su piso de alquiler. Se registra en WePet y, al intentar ver el perfil de un perro la aplicación le recuerda que primero necesita estar verificada. Amanda quiere disfrutar de todas las funcionalidades de WePet, verifica su perfil y piensa que es una app segura en la que puede confiar.

A Amanda le encantan los perros, pero actualmente no puede tener uno en su piso de alquiler. Se registra en WePet y, al intentar ver el perfil de un perro la aplicación le recuerda que primero necesita estar verificada. Amanda quiere disfrutar de todas las funcionalidades de WePet, verifica su perfil y piensa que es una app segura en la que puede confiar.

On boarding
Registro
Completar mi perfil
Verificar mi perfil

Flujo 2: Activación del perfil premium

Después de verificar sus datos personales, Amanda comienza a utilizar la app. Encuentra que sin su perfil no es premium no puede escribir a los dueños de mascotas. Esto le genera frustración, pero entiende que la subscripción es mínima y que le permite disfrutar de varias ventajas como un seguro y acceder a un vetline 24h por si le ocurre algo al perro que estás cuidando.

Después de verificar sus datos personales, Amanda comienza a utilizar la app. Encuentra que sin su perfil no es premium no puede escribir a los dueños de mascotas. Esto le genera frustración, pero entiende que la subscripción es mínima y que le permite disfrutar de varias ventajas como un seguro y acceder a un vetline 24h por si le ocurre algo al perro que estás cuidando.

Accede a su perfil
Pincha en la pestaña de subscripción
Introduce la información de pago
Completa su subscripción

Flujo 3: Buscar un perro cercano y contactar con la dueña

Amanda quiere encontrar un perro cerca de su casa, así no tendrá que desplazarse muy lejos y el perro no saldrá de su zona de paseo habitual. Ajusta algunos filtros y escribe a la dueña para ver si puede conocer a Pluto.

Amanda quiere encontrar un perro cerca de su casa, así no tendrá que desplazarse muy lejos y el perro no saldrá de su zona de paseo habitual. Ajusta algunos filtros y escribe a la dueña para ver si puede conocer a Pluto.

Finalmente se conocen y desde entonces Amanda pasea a Pluto todos los jueves por la tarde, así Julieta, la dueña, puede disfrutar y tomar algo con sus amigas en el sitio de copas que más le gusta de todo Madrid.

Finalmente se conocen y desde entonces Amanda pasea a Pluto todos los jueves por la tarde, así Julieta, la dueña, puede disfrutar y tomar algo con sus amigas en el sitio de copas que más le gusta de todo Madrid.

Explora la home
Reordena las cards por cercanía
Accede al modo mapa
Establece filtros
Encuentra un perro que se adapta a lo que busca
Contacta con su dueña a través del chat

09 —

Conclusiones y aprendizajes

CONCLUSIONES Y APRENDIZAJES

Fue un reto enfrentarse a diseñar un producto digital desde cero, pero durante el proceso aprendí a manejarme con soltura en metodologías de design thinking y enfocar el proceso de diseño hacia los resultados. Trabajar con otra persona me parece fundamental en el UX, especialmente para evitar sesgos y prejuicios que reproducimos de forma inconsciente.

Fue un reto enfrentarse a diseñar un producto digital desde cero, pero durante el proceso aprendí a manejarme con soltura en metodologías de design thinking y enfocar el proceso de diseño hacia los resultados. Trabajar con otra persona me parece fundamental en el UX, especialmente para evitar sesgos y prejuicios que reproducimos de forma inconsciente.

Documentación

Siempre que realizo un trabajo me gusta documentar todos los pasos y procesos que hago. Si quieres descargar la documentación puedes escribirme a fernandezpedroux@gmail.com o fijar una reunión de 15 minutos para charlar sobre WePet.

Siempre que realizo un trabajo me gusta documentar todos los pasos y procesos que hago. Si quieres descargar la documentación puedes escribirme a fernandezpedroux@gmail.com o fijar una reunión de 15 minutos para charlar sobre WePet.