HULA

App de trueque · Proyecto propio · 2018–2026

HULA es una app para intercambiar objetos entre vecinos sin usar dinero, y un proyecto propio de los socios de Berraco. Su primera versión ganó en 2020 el reconocimiento de Naciones Unidas a la solución técnicamente más desarrollada del Circular Economy Challenge. En 2026 la relanzamos: app en pruebas, web en tres idiomas, páginas por ciudad y legales listas para la App Store, de cara al lanzamiento en Zúrich.

Visitar hula.exchange (se abre en una pestaña nueva)
La app de HULA en un móvil, rodeada de objetos para intercambiar
Cliente
HULA Exchange · proyecto propio
Año
2018–2026
Rol
Socios de HULA: producto, diseño y desarrollo
Plataforma
App iOS + web en inglés, español y alemán
Estado
Lanzamiento previsto en Zúrich
ONU
Most Technically Developed Solution, 2020
3
idiomas en la web: inglés, español y alemán
12
páginas legales, idénticas al original

Contexto

01

Alargar la vida de las cosas.

HULA recrea en el móvil una mesa de trueque: pones lo que ya no usas sobre la mesa y negocias sin dinero ni intermediarios.

Su idea más ambiciosa son las rutas de intercambio entre varios vecinos cuando no hay coincidencia directa. Hoy la app identifica cada objeto con una foto y estima su valor; el intercambio llega después.

El reto

02

Dos retos, con seis años de distancia.

En 2018, que cambiar cosas fuera más fácil que comprarlas. En 2026, una web para un producto que aún no está lanzado, en tres idiomas, que capte interés sin prometer lo que la app todavía no hace.

  1. 01Comprobar el estado real de un objeto antes de quedar.
  2. 02Subir un producto sin esperas muertas.
  3. 03Una mesa de intercambio que se entienda sin explicaciones.
  4. 04Llevar varias negociaciones a la vez.
  5. 05Una web que solo cuente lo que la app hace hoy.
  6. 06Legales para la App Store calcadas al texto de los socios.
Así funcionaUna foto identifica el objeto y estima su valor; luego, la mesa de intercambio en horizontal: tu stock frente al del otro.

Cómo trabajamos

03

El proceso, paso a paso

  1. 01

    Investigación · 2018

    Estudio de mercado y del comportamiento de los primeros usuarios. Analizamos cómo categoriza y busca la gente en Craigslist para construir una taxonomía más intuitiva.

  2. 02

    Prototipos

    El recorrido completo, del registro al trato cerrado, con prototipos de baja fidelidad en InVision y de alta en Framer y Xcode.

  3. 03

    Sistema de diseño

    Tipografía, paleta accesible y botones con todos sus estados como símbolos anidados, para iterar rápido sin perder coherencia.

  4. 04

    Equipo global

    Dirección de producto con equipos en Estados Unidos, Europa e India, midiendo e iterando cada versión.

  5. 05

    Relanzamiento · 2026

    Brief y primera landing en Astro el mismo día; componentes de interacción, páginas por ciudad con hreflang y schema, y el copy reescrito por un socio de HULA.

  6. 06

    App en pruebas

    Ocho builds en TestFlight entre julio y agosto: pruebas, fallos reportados e iteración de la valoración de objetos.

  7. 07

    Legales y publicación

    Doce páginas legales en tres idiomas y una portada coherente con ellas, publicadas el 13 de septiembre de 2026.

Problemas y soluciones

04

Problemas que encontramos y cómo los resolvimos

  1. ¿Está bien de verdad?

    Problema
    En el trueque nadie se fía del estado de lo que le ofrecen.
    Solución
    Vídeo del objeto en tiempo real para que la otra parte lo vea tal cual está.
    Resultado
    Más confianza y menos disputas.
  2. Esperas que no lo son

    Problema
    Mientras subía una foto, la pantalla solo enseñaba un spinner.
    Solución
    Ese tiempo muerto se usa para escribir la descripción y elegir la categoría.
  3. Una mesa, no un catálogo

    Problema
    Cambiar un objeto por otro, uno a uno, casi nunca encaja.
    Solución
    Cada parte pone todo su stock sobre la mesa y se negocia desde ahí. La pantalla de intercambio va en horizontal: inclinas el móvil para negociar.
  4. Varias negociaciones a la vez

    Problema
    Quien cambia mucho lleva varios tratos abiertos.
    Solución
    Salas virtuales de negociación, como las mesas de un software de póker.
    Resultado
    Varios intercambios a la vez sin confusiones.
  5. Legales idénticas, también en producción

    Problema
    Las páginas legales tenían que coincidir palabra por palabra con el documento de los socios. Cloudflare ofuscaba los correos del Impressum y Astro cambiaba las comillas rectas por tipográficas.
    Solución
    El texto legal se protege de la ofuscación, se desactivan las comillas automáticas y se verifica en cruzado contra el PDF.
    Resultado
    Inglés y alemán coinciden palabra por palabra con el original, también en la web publicada.
  6. Una web que no promete de más

    Problema
    La portada hablaba de rutas, vídeo en directo y trueques como si ya existieran.
    Solución
    El primer paso cuenta lo que la app hace hoy —identifica el objeto y estima su valor— y el resto lleva «Coming soon», «Próximamente» o «Bald verfügbar».
    Resultado
    Portada coherente con la política de privacidad.
  7. Móvil de verdad, en tres idiomas

    Problema
    Enlaces de idioma con zona táctil de 18 px, un sticky que fallaba en Safari, alturas que saltaban con la barra del navegador y palabras alemanas que desbordaban.
    Solución
    Zonas táctiles de 44 px, 100svh, safe-area en la barra fija y guiones automáticos solo en alemán.
    Resultado
    Objetivos táctiles de 18 a 44 px en la cabecera.

Qué construimos

05

Piezas del proyecto

  • La pantalla de intercambio de HULA en horizontal, en un móvil
    01

    La mesa de intercambio

    La negociación en horizontal: tu stock frente al del otro.

  • Pantallas de la primera versión de la app de HULA
    02

    Todas las pantallas

    Un diseño completo para cada escenario, de explorar objetos a cerrar el trato.

  • Diagrama del recorrido completo de la app de HULA
    03

    El recorrido

    Del registro al intercambio cerrado, con los puntos de fricción de cada paso.

  • Paleta de color del sistema de diseño de HULA
    04

    Sistema de diseño

    Una paleta vibrante y accesible para una app de comunidad.

  • Portada de la web de HULA Exchange: «Get what you want. Give what you don’t»
    05

    HULA Exchange

    La web, en inglés, español y alemán, preparada para el lanzamiento en Zúrich.

Resultados

06

Lo que conseguimos

  • ONU

    Most Technically Developed Solution

    UN Unite Ideas, Circular Economy Challenge, abril de 2020.

  • 3

    continentes

    Equipos de producto en Estados Unidos, Europa e India.

  • CC

    licencia abierta

    Prototipo y modelo de negocio publicados con Creative Commons para que otros proyectos los adapten.

  • 3

    idiomas en la web

    Inglés, español y alemán, con hreflang por página y páginas por ciudad.

  • 12

    páginas legales

    Privacy, Terms, Support e Impressum en tres idiomas.

  • 8

    builds en TestFlight

    Entre julio y agosto de 2026.

Reconocimientos

  • Naciones Unidas · Unite Ideas, Circular Economy Challenge 2020 — Most Technically Developed Solution

Servicios

  • Producto
  • UX/UI de la app
  • Web multidioma
  • Legales
  • Campañas

Con qué

  • InVision
  • Framer
  • Xcode
  • Sketch
  • Astro
  • React
  • Tailwind
  • GSAP
  • Cloudflare Pages