← Volver a proyectos Prototipo disponible
PRODUCT DESIGN CASE STUDY · 2024 · PROYECTO PROPIO

Here — Del match al hogar

Here es una app C2C de piso compartido que no termina cuando se firma el contrato. Empieza como un buscador por compatibilidad (Radar) y, el día de la mudanza, muta en un gestor de convivencia (Nido) — porque la industria invierte todo en que dos personas firmen un alquiler, y nadie resuelve el día a día.

ROL
UX Research & Product Design
DURACIÓN
Research + diseño completo
ENTREGABLES
App móvil, Design System, Prototipo
HERRAMIENTAS
Figma, encuestas, entrevistas
Rótulo de fachada con la «h» de Here
La identidad de Here sobre un rótulo de fachada
01 / RESEARCH E INSIGHTS

La industria resuelve la firma. Nadie resuelve el día a día.

Hice una investigación mixta — encuestas y entrevistas — a personas que comparten o han compartido piso, para entender dónde se rompe realmente la experiencia. No fue un ejercicio de validar una idea: la idea salió de aquí.

Más del 70% de las discusiones en pisos compartidos nacen de dos "líneas rojas" absolutas: la limpieza de zonas comunes y el ruido a deshoras. — Hallazgo cualitativo de la investigación
85%
teme no saber con quién va a convivir ni cuáles son sus hábitos reales a puerta cerrada.
71%
de los conflictos nace de solo dos causas: limpieza de zonas comunes y ruido a deshoras.
57%
sigue usando un bote en efectivo para gastos comunes — fricción y tensión pasivo-agresiva al cobrar deudas.

A esto se suma un miedo cualitativo muy presente: el pánico a transferir cientos de euros de fianza a un desconocido por internet, antes incluso de tener las llaves.

La app Here en un móvil sobre una superficie de piedra
02 / DE LOS DATOS A LAS DECISIONES

Cada decisión de diseño sale de algo que dijeron los usuarios.

Idealista, Fotocasa y Badi mueren el día que se firma el alquiler. Platuni sí hace match psicológico y gestiona tareas, pero no protege el dinero. Estas son las cuatro decisiones con las que Here responde a lo que salió de la investigación.

85%

teme no saber con quién va a convivir ni cuáles son sus hábitos reales.

Para Mateo, el que busca

Perfil de compatibilidad antes de chatear

Cada candidato llega con un porcentaje de compatibilidad, tags de hábitos y líneas rojas visibles. Se decide con datos, no a ciegas.

Lista de interesados con porcentaje de compatibilidadPerfil de Mateo con 85 % de compatibilidad, tags y líneas rojas
71%

de los conflictos nace de dos causas: la limpieza de zonas comunes y el ruido.

Para Laura, la anfitriona

Reglas claras desde el anuncio

Quien publica fija en «Acuerdos del hogar» las visitas, la limpieza y el ruido. Quien busca las acepta antes de pagar: nadie hace de «policía».

Pantalla de acuerdos del hogar al publicar un anuncio
Fraude

Pánico a transferir cientos de euros de fianza a un desconocido antes de tener las llaves.

Para Mateo, el que busca

Fianza protegida (Escrow)

El dinero queda retenido hasta que se entregan las llaves. Platuni no protege la fianza; Here sí.

Pantalla de fianza protegida
57%

sigue usando un bote en efectivo: fricción y tensión al perseguir deudas.

Para los dos

El Nido: la app muta el día de la mudanza

Desaparece el buscador y aparece un dashboard con el bote común: al subir un ticket el gasto se divide solo. Platuni trata las tareas como una hoja de cálculo; Here, con calma.

Pantalla de transición «Oficialmente en tu Here» y dashboard del Nido
03 / ARQUITECTURA DE DOBLE ESTADO

La misma app, dos trabajos completamente distintos.

Esta es la decisión de arquitectura central del proyecto: la interfaz no es "una app con un dashboard añadido", es dos experiencias mutuamente excluyentes que viven en el mismo producto.

Estado 1

El Radar

Búsqueda emocional, no transaccional. Perfiles con tags visuales de compatibilidad (limpieza, visitas, ruido). Antes de poder chatear, Mateo acepta un "Contrato Visual" de normas del hogar y paga a través de la pasarela Escrow segura.

Estado 2

El Nido

El día de la mudanza, la interfaz muta: desaparece el buscador y emerge un dashboard de convivencia. Mateo sube un ticket del papel higiénico, el gasto se divide automáticamente, y Laura recibe un refuerzo visual positivo en vez de una notificación pasivo-agresiva.

Flujo 1 · Radar: búsqueda y reserva

Flujo 2 · Nido: gestión de gastos

Los primeros bocetos en papel

Boceto en papel del formulario de un anuncio
Boceto: formulario de anuncio
Boceto en papel de la tarjeta de candidato con 85 % de compatibilidad
Boceto: tarjeta de candidato
04 / IDENTIDAD DE MARCA

Una marca serena para un producto que maneja dinero y convivencia.

Pagar una fianza y vivir con desconocidos genera ansiedad: el 85% teme no saber con quién va a convivir. Por eso Here evita el lenguaje de inmobiliaria y usa verdes apagados, neutros cálidos y una «h» trazada a mano. Es el Calm UI llevado a la marca.

Logotipo
ere
ere

La «h» imita la forma de una casita, y por eso es la letra elegida tanto para el logotipo como para el nombre: Here. Está trazada a mano, con terminales redondos, y «ere» va en Kodchasan ExtraLight. A la derecha, la versión invertida y el favicon de la app.

Color

Los 5 colores más usados

Primary Green#17211D · marca10 de 10 pantallas
White#FFFFFF10 de 10 pantallas
Fill#FAFAF810 de 10 pantallas
Grey Text#7D837F9 de 10 pantallas
Fill Green Pills#EAFAF17 de 10 pantallas

Los cinco colores presentes en más pantallas, de las 10 revisadas (sin la barra de estado ni el marco del móvil). El verde oscuro es la base de la marca y Fill cubre el 66 % de la superficie; el resto de la paleta está en el sistema de diseño.

Tipografía
Título · 32 / 35
IBM Plex Sans Bold · −1
Calma visual
H2 · 24 / 38
IBM Plex Sans Bold · −1
Nuestra compatibilidad
H3 · 18 / 22
IBM Plex Sans Bold · −0,45
Acuerdos del hogar
H4 · 16 / 21
IBM Plex Sans Bold · −0,32
Política de visitas
Texto · 14 / 21
Hanken Grotesk Regular
Soy una persona tranquila, me gusta el orden en casa pero disfruto de una buena charla.
Texto destacado · 14 / 21
Hanken Grotesk Bold · −0,14
Conecta con Mateo
Etiqueta · 10 / 15
Hanken Grotesk Bold · +1,3
Líneas rojas
Logotipo · 32
Kodchasan ExtraLight
here

Títulos en IBM Plex Sans Bold con tracking negativo; texto e interfaz en Hanken Grotesk. Kodchasan se reserva solo para el logotipo.

Espaciado, grid y sombra
5
10
15
20
0 · 12 · 30 · 10 %

Cuadrícula de 4 columnas con margen y gutter de 20 px (a la izquierda, a media escala). Espaciado en pasos de 5 px: 5, 10, 15 y 20. Una única sombra suave, de 12 px de desplazamiento y 30 px de desenfoque, para elevar las tarjetas.

Pantalla de inicio de Here: «Buenos días Laura»
Inicio de Here
Pantalla de acuerdos del hogar al publicar un anuncio
Acuerdos del hogar
05 / INTERFAZ Y PRINCIPIOS DE DISEÑO

Diseñar la confianza, no solo la pantalla.

Cada decisión visual —el badge de verificación, el icono de check, el tono cálido de la transición de estado— está pensada para reducir la ansiedad de pagar y convivir con un desconocido.

Calm UIPaleta cálida y tipografía serif en los momentos clave, frente a la frialdad de una hoja de cálculo de tareas.
Efecto TamagotchiEl dashboard del Nido refleja la "salud" del piso en vez de una lista de pendientes punitiva.
Fricción donde importaEl Contrato Visual añade un paso antes de chatear — fricción deliberada para filtrar intención real.
Gamificación maduraRachas de convivencia y refuerzo positivo, nunca notificaciones de "le debes dinero a X".

El reto no era diseñar un buscador de pisos ni un gestor de tareas por separado — eso ya existe. Era diseñar la transición entre los dos sin que el usuario sintiera que cambiaba de app, y hacer que la seguridad financiera y la convivencia diaria se sintieran parte del mismo producto de confianza.