Re Love Pets

Marketplace de productos para mascotas de segunda mano

UX-UI, Front-end

2025

portadarelovepets

Introducción

¿Quién es Re love Pets?

Re Love Pets es una plataforma de compraventa de productos para mascotas de segunda mano. Nace para facilitar que los dueños puedan encontrar, vender y dar una segunda vida a productos que sus mascotas ya no utilizan, dentro de un espacio creado específicamente para la comunidad pet.

Mi rol

Front-end

Tiempo

4 Semanas

problem

¿Y si existiera un espacio pensado específicamente para ellos?

Diseñé Re Love Pets, un marketplace especializado en productos para mascotas de segunda mano. La plataforma organiza la oferta en un espacio pensado para la comunidad pet, facilitando descubrir, comprar y vender productos de forma más relevante, clara y confiable.

comprar vender

Enfoque

whythis

Empatía e Investigación

Análisis competitivo

benchmarking

El análisis permitió identificar:

  • Los productos para animales compiten por visibilidad con muchas otras categorías.
  • El usuario necesita filtrar entre una gran cantidad de publicaciones para encontrar productos específicos para mascotas.
  • Fotografías, información del producto y datos del vendedor ayudan a reducir la incertidumbre.
  • Para incentivar la venta, el proceso necesita ser rápido y claro, evitando pasos innecesarios.
  • Un marketplace enfocado exclusivamente en mascotas puede organizar mejor la información y responder a necesidades específicas de esta comunidad.

Encuesta a dueños de mascotas

encuesta

Entrevisté a 6 personas residentes de Querétaro, México, dueñas de mascotas, y descubrí que existe interés en los productos de segunda mano, principalmente cuando ofrecen un precio más accesible o una segunda vida a artículos en buen estado.

  • Ninguna conocía una tienda especializada en este tipo de productos.
  • La calidad y el estado del artículo fueron factores importantes
  • La mayoría mostró preferencia por las tiendas físicas debido a la posibilidad de comprobar los productos.
  • En una experiencia digital, destacaron la importancia de contar con imágenes reales, información clara y organizada.
  • Una navegación sencilla para encontrar rápidamente lo que buscan.

Personas

personas userflow

Ideación

Arquitectura de la Información propuesta en el proyecto web

architecture.svg

Realicé pruebas de Arquitectura de la Información para validar si la estructura y organización del contenido de Re Love Pets eran claras y fáciles de comprender para los usuarios.

person-one

Usuario 1

person-two

Usuario 2

person-three

Usuario 3

person-four

Usuario 4

El objetivo fue identificar cómo esperaban encontrar los productos y qué categorías o secciones les resultaban más intuitivas, para ajustar la navegación antes de avanzar al diseño de la interfaz.

Arquitectura de la Información resultante después de la prueba

arquitectura de la información

Una vez definida la arquitectura de la información, traduje la estructura en wireframes de baja fidelidad en Figma.

wireframe-relovepets

Escenario User Flow Compra

userflow-compra

Esto me permitió enfocarme primero en cómo debía funcionar la información, antes de decidir cómo debía verse.

Diseño de Interfaz

design system

Resultados

El resultado fue un prototipo funcional desarrollado en HTML, CSS y JavaScript, que llevó la propuesta de Re Love Pets de la etapa de diseño a una experiencia digital interactiva. El prototipo integra los principales flujos de compra y venta, la exploración de productos y la presentación de información necesaria para facilitar la decisión del usuario. Esta etapa permitió comprobar la viabilidad de la propuesta a nivel de estructura, interacción e implementación Front-End.

Ver prototipo

¿Qué aprendí?

Este proyecto me permitió entender que diseñar una experiencia no termina en crear una interfaz visualmente atractiva. Cada decisión de estructura, contenido e interacción debe responder a una necesidad concreta del usuario. También aprendí a llevar una propuesta de UX/UI a código, enfrentándome a las diferencias entre diseñar una interfaz en Figma e implementarla con HTML, CSS y JavaScript. El proyecto reforzó mi interés por combinar diseño y desarrollo Front-End para crear experiencias digitales que no solo se vean bien, sino que también funcionen.