Diseño y desarrollo de la app de Hoop Slam
iOS
Android
Diseño de producto
Comunidad · IoT

Diseño y desarrollo de la app de Hoop Slam

Diseñamos y desarrollamos la app de una comunidad de streetball conectada a canastas inteligentes: un sistema con muchas piezas —reservas, partidos, niveles y hardware— pensado para usarse de forma sencilla en la propia cancha.

Diseño y desarrollo de producto de principio a fin

Diseñamos y desarrollamos la app de una red de canastas inteligentes

Hoop Slam transforma ciudades en pistas de juego. Su idea: canastas inteligentes que detectan los puntos automáticamente, gestionan reservas y construyen una comunidad de jugadores con niveles, partidos y rankings.

El hardware ya existía; faltaba la app que lo pone en manos de los jugadores. inQbarna se encargó del diseño y el desarrollo de esa app, para iOS y Android, partiendo del funcional del cliente y traduciéndolo en una experiencia pensada para usarse en la cancha.

EL RETO

Un sistema complejo que se usa en mitad de un partido

El funcional que recibimos era ambicioso y estaba completo: reservas en slots de 30 minutos, partidos de 10, un nivel por jugador que sube y baja con cada victoria, validación de resultados entre equipos, penalizaciones por no presentarse y comunicación en tiempo real entre la canasta física y la app.

Toda esa lógica es necesaria, pero la mayoría no debería estar en primer plano. El jugador usa la app en la cancha, con poco tiempo y gente esperando para jugar, así que cada pantalla tenía que resolver una sola cosa de forma inmediata.

El trabajo de diseño consistió en decidir, para cada momento, qué necesita ver el jugador y qué puede quedar en segundo plano.

  • Una misma reserva que cambia de cara seis veces entre que se crea y termina.
  • Un partido que se juega corriendo, sin mirar el móvil, con el marcador llegando solo desde la canasta.
  • Reglas de comunidad —niveles, validación, penalizaciones— que tenían que ser justas sin resultar burocráticas.

NUESTRA SOLUCIÓN

Mostrar en cada momento solo la acción que toca

Diseñamos la app alrededor de lo que el jugador necesita hacer en cada momento. La ficha de reserva cambia según su estado y, en cada uno, muestra una acción principal clara —apuntarse, iniciar la reserva, iniciar el partido o validar el resultado— con el resto de la información en segundo plano.

Para el partido, priorizamos la legibilidad: marcador y tiempo grandes y visibles durante el juego. Y decidimos no incluir pausa, porque en un partido con tiempo limitado generaba más problemas de los que resolvía.

  • Onboarding con lenguaje de pista: el nivel inicial se calcula con cinco preguntas escritas en el lenguaje del jugador, no como un formulario.
  • Confianza por diseño: validación del resultado por ambos equipos y penalizaciones graduales, para que jugar con desconocidos sea justo sin penalizar un primer descuido.
  • Tiempo real: el estado de la canasta y el marcador se sincronizan en vivo y se reflejan en la interfaz de forma directa.

EL PROCESO

De la definición del producto al lanzamiento

El proyecto avanzó desde un funcional cerrado hasta el lanzamiento de la app, combinando diseño, desarrollo nativo e integración en tiempo real con la canasta.

1

Diseño UX/UI

Verano – otoño 2025

Arquitectura de la información, wireframes, sistema de diseño escalable y mockups, validados con el cliente.

2

Desarrollo

Otoño – invierno 2025

Apps nativas iOS y Android e integración en tiempo real con el hardware de la canasta.

3

Lanzamiento

Primavera 2026

Publicación oficial en App Store y Google Play.

4

En curso

Actualidad

Evolución del producto y nuevas funcionalidades de comunidad.

IMPACTO Y RESULTADOS

Un sistema complejo, una app sencilla de usar

El resultado es una app que ordena un sistema con muchas piezas —seis estados de reserva, marcador en tiempo real desde la canasta, niveles, validación y penalizaciones— en una experiencia sencilla de usar. La dificultad no estaba en cada pantalla por separado, sino en mantener el conjunto simple en el contexto de uso real: una cancha, con poco tiempo y mucha gente.

Complejidad bajo control

Los seis estados de una reserva se resuelven en una interfaz que muestra en cada momento una sola acción principal.

Pensada para la cancha

Marcadores grandes, interacciones de un toque y decisiones de producto adaptadas a un uso físico, no de escritorio.

Comunidad con confianza

Niveles, validación cruzada y penalizaciones que hacen que jugar con desconocidos sea justo y fiable desde el primer partido.

TECNOLOGÍAS UTILIZADAS

App nativa conectada a la canasta en tiempo real

El diseño nativo en iOS y Android se apoya en una arquitectura de comunicación en tiempo real entre la canasta inteligente, la nube y la app, para que el estado del juego y el marcador estén siempre sincronizados.

Diseño

Figma
FigJam

iOS

Swift
SwiftUI

Android

Kotlin
Jetpack Compose

Conectividad & backend

MQTT
Akenza
Firebase
REST API

Hardware

ESP32 (canasta)

EL PRODUCTO EN FUNCIONAMIENTO

Una app pensada para el momento de jugar

Desde la asignación de nivel hasta el marcador en directo, las pantallas siguen el mismo criterio: dar prioridad a la información principal y mantener una acción clara en cada momento.

Diseño y desarrollo de la app de Hoop Slam 6
Diseño y desarrollo de la app de Hoop Slam 1
Diseño y desarrollo de la app de Hoop Slam 2
Diseño y desarrollo de la app de Hoop Slam 3
Diseño y desarrollo de la app de Hoop Slam 4
Diseño y desarrollo de la app de Hoop Slam 5
Diseño y desarrollo de la app de Hoop Slam 6
Diseño y desarrollo de la app de Hoop Slam 1

¿Listo para comenzar tu proyecto?

Descubre cómo podemos ayudar a tu equipo o startup a tener éxito con soluciones diseñadas para dispositivos móviles.