← Volver a proyectos Prototipo disponible
CASE STUDY DE PRODUCTO · 2024 · PROYECTO CEI

Loop — Préstamo entre vecinos

Una app para pedir prestado antes que comprar: herramientas, objetos de ocio, alimentos básicos y favores entre vecinos, con la confianza verificada como eje del diseño, no como un añadido.

ROL
Product Designer & UX Researcher
DURACIÓN
8 semanas
ENTREGABLES
App móvil, Design System, Testing
HERRAMIENTAS
Figma, FigJam, NotebookLM
Ilustración de dos vecinos conversando en un banco con el logo de Loop
Experiencia móvil de Loop · préstamo entre vecinos
01 / CONTEXTO Y PROBLEMA

Tenemos de todo en el barrio, pero no lo sabemos.

Compramos herramientas y objetos caros para usarlos una sola vez, mientras el vecino de al lado tiene exactamente lo que necesitamos sin saberlo. El consumo colaborativo funciona con éxito en el norte de Europa y EE. UU. (Peerby, Hoplr, Nextdoor), pero en España apenas existe una alternativa centrada solo en la ayuda vecinal.

El desk research mostró algo importante: la competencia directa es escasa, pero el modelo tiene más tracción en ciudades pequeñas o medianas, donde el sentimiento de comunidad todavía existe.

"Pedir un taladro a un vecino me da más corte que comprarlo y no volver a usarlo nunca." — Participante, investigación de campo

El objetivo de diseño no era solo "conectar vecinos": era reducir la fricción y la desconfianza de pedir algo prestado a un desconocido, sin perder la cercanía que hace que el modelo funcione.

PROBLEMA

Objetos caros de un solo uso y vecinos que ya no se conocen entre sí.

OPORTUNIDAD

Alta predisposición a prestar si existen garantías claras de seguridad y devolución.

PRINCIPIO

La confianza se diseña antes que la interfaz, no se añade después.

Pantallas de bienvenida y onboarding de Loop
Bienvenida y onboarding de Loop
02 / DISCOVERY E INSIGHTS DE USUARIO

La confianza es la funcionalidad, no un añadido.

Combiné desk research (Peerby, Hoplr, Nextdoor, Wallapop, estudios de SINTEF y Journal Buildings & Cities), netnografía en foros y redes, y una investigación de campo con entrevistas y encuesta para entender qué frena realmente a alguien a prestar o pedir prestado.

70%
de encuestados prefiere pedir prestado antes que comprar un objeto de uso puntual.
3
ejes de investigación: negocio, usuarios, servicios e infraestructura.
1º
barrera identificada: la confianza, no la logística del préstamo.

Las malas experiencias (daños a objetos, falta de respuesta) destruyen la confianza comunitaria con mucha más rapidez de la que se construye. De ahí que el Trust Score y las políticas de depósito pasaran a ser, directamente, un requisito de negocio y no solo de producto — y que se diseñara como el elemento más visible de la cabecera, antes incluso que el buscador.

Abel Antón
★★★★★
Abel Antón
34 años · Profesor de Historia · Pamplona
NECESIDAD
Herramientas puntuales de bricolaje sin gastar de más, y recuperar algo de vida comunitaria.
DOLOR
Herramientas caras para usar una vez; desconfianza hacia plataformas puramente comerciales.
Tamara Rodríguez
27 años · Diseñadora de moda · Galicia
NECESIDAD
Ampliar su círculo social, espacio de almacenamiento e ingredientes imprevistos de cocina.
DOLOR
Desconexión con sus vecinos por falta de espacios de encuentro reales.
Pantallas de inicio de sesión y listado de anuncios de Loop
Inicio de sesión y listado de anuncios
03 / PRIORIZACIÓN

Qué entra primero, y por qué.

Cada idea del brainstorming pasó por una matriz de utilidad y viabilidad. Lo útil y viable —verificación de identidad, Trust Score, anuncios en cards, mapa y pagos— forma la primera versión; lo útil pero poco viable al principio, como el seguro antirrobo o el alquiler de trasteros, esperó. Después lo cerré con un MoSCoW.

MUST HAVE

  • Registro verificado
  • Perfil con Trust Score
  • Anuncios de objetos

SHOULD HAVE

  • Pagos Bizum/Tarjeta
  • Mapa interactivo
  • Depósito de alquiler

COULD HAVE

  • Alquiler de trasteros
  • Seguro antirrobo
  • Contador de préstamo

WON'T HAVE

  • Tarifas por favores básicos
  • Chat sin contexto

Los tableros de Design Thinking

Tablero de propuesta de valor
Propuesta de valor
Tablero de findings e insights
Findings e insights
Tablero IN / OUT
IN / OUT
Tablero de ideas organizadas en clusters
Ideas organizadas en clusters
04 / IDENTIDAD DE MARCA

Una identidad con dos modos: azul para productos, verde para servicios.

Loop tiene identidad propia, separada de mi portfolio: un logotipo con degradado de azul a verde, Poppins para los titulares y Nunito para el texto. El color cambia según lo que pides, azul para productos y verde para servicios, siempre sobre neutros limpios.

Logotipo
Evolución del logotipo de Loop hasta la versión final
Blue 400 → Green 500#2563EB → #2BAA00

Evolución del logotipo hasta la versión final (abajo): dos «o» unidas en un lazo infinito y un degradado de azul a verde que reúne los dos colores de la marca.

Color

Los 5 colores más usados

White#FFFFFF63 de 63 pantallas
Black#21212157 de 63 pantallas
Blue 100#BBCEF957 de 63 pantallas
Blue 400#2563EB · primario56 de 63 pantallas
Black text#2E2E2E55 de 63 pantallas

Los cinco colores presentes en más pantallas, de las 63 revisadas entre prototipo y web. Blue 100 cubre el 37 % de la superficie. El verde (#2BAA00) entra en el modo servicio; el resto de la paleta está en los fundamentos del Figma.

Tipografía
H1 · 32
Poppins Bold
Pide prestado
H2 · 24
Poppins Bold
¿Qué estás buscando?
H3 · 20
Poppins Bold
Listado de anuncios
Body 1 · 16
Nunito Medium
Taladro percutor, a 400 m de ti.
Body 1 Bold · 16
Nunito Bold
Confirmar y pagar
Body 2 · 14
Nunito Medium
Disponible mañana de 9:00 a 18:00
Body 2 Bold · 14
Nunito Bold
Trust Score 4.9
Enlace · 16
Nunito Regular, subrayado
Ver condiciones

Poppins Bold para los titulares y Nunito para todo el texto, en dos tamaños (16 y 14) con variantes media, negrita y subrayada.

Espaciado, grid y sombra
Móvil · 4 col · 16 / 16
Web · 12 col de 64 · gutter 32
8
16
24
40
48
5
8
18
33
shadow
0 · ±4 · 10 · 25 %
shadow toolbar
interior · ±4 · 4 · 25 %

Grid móvil de 4 columnas con margen y gutter de 16 px; grid web de 12 columnas de 64 px con gutter de 32 px (1120 px de ancho). Espaciado en múltiplos de 8 px: el 8 y el 16 suman el 90 % de los usos, con 24, 40 y 48 para bloques mayores. Radios de 5, 8, 18 y 33 px. Dos sombras: una exterior, arriba y abajo, y otra interior para la barra de herramientas.

05 / DISEÑO DE INTERFAZ

Un sistema de diseño construido sobre confianza visual.

Los componentes llevan la confianza a la vista: el Trust Score, la solicitud de préstamo y el depósito se repiten en las pantallas clave, para que nadie tenga que buscarlos.

El borde azul de 4px bajo la cabecera y el badge de valoración junto al nombre de usuario se repiten en todas las pantallas clave (home, anuncio, perfil) para que la confianza sea un elemento de marca reconocible, no un dato escondido en el perfil.

Pantalla de detalle de un anuncio en Loop
Detalle del anuncio
Pantalla de depósito de la fianza
Depósito de la fianza
Pantalla de reserva confirmada
Reserva confirmada
Pantalla de solicitud de un servicio
Solicitud de un servicio
06 / VALIDACIÓN

21 personas probaron el prototipo.

Testeé el prototipo con 21 participantes en Maze: una pregunta de comprensión del onboarding, dos tareas guiadas, una exploración libre y una valoración final. Estos son los datos y lo que me dijeron.

21participantes
9,4/10facilidad percibida de las tareas
100 %éxito al pedir un servicio o producto
88 %éxito al ofrecer un producto o servicio
Bloque
Respuestas
Éxito
Misclicks
Duración media
Onboarding
21
95,2 %
27,5 %
34,5 s
Tarea 1 · Pedir un servicio o producto y enviar un mensaje
20
100 %
10,7 %
114,4 s
Tarea 2 · Ofrecer un producto o un servicio
17
88,2 %
31,9 %
40,6 s
Exploración libre
17
—
—
61,5 s

El 95 % (20 de 21) afirmó haber entendido el onboarding. El 59 % puntuó con un 10 la facilidad de las tareas y el 88 % con un 9 o un 10. Los misclicks más altos aparecieron en el onboarding y en el flujo de ofrecer. 17 de los 21 participantes llegaron hasta el final del test.

«Aplicación muy intuitiva y diseñada con vistas a una comprensión universal.»
«El prototipo es bastante completo, refleja muy bien la idea de la app.»
«Me ha parecido una aplicación muy útil, intuitiva y de estética bonita.»
07 / REFLEXIÓN

Un primer proyecto, pensado de principio a fin.

Loop fue mi primer proyecto de producto de principio a fin y un trabajo muy elaborado: desk research, netnografía e investigación de campo, personas, priorización con MoSCoW, arquitectura de información, wireframes, un sistema de diseño con sus foundations, un prototipo animado, testeo y auditoría de accesibilidad. El objetivo era dar a cada paso de la metodología su medida justa y enlazar cada proceso con el siguiente, para que nada se hiciera de forma aislada.

El resultado es un producto final en el que cada decisión se puede rastrear hasta un hallazgo: el Trust Score y la fianza existen porque la investigación mostró que la confianza es lo que frena a la gente a la hora de prestar. Llevar un proyecto desde la primera pregunta hasta un prototipo terminado, testeado y accesible ha sido muy satisfactorio como primer proyecto, y me ha enseñado cómo quiero trabajar: con método y con todo el proceso conectado.