Diseño de producto · UX/UI · App móvil · BLE · 2026

Abrir un candado sin red,
en pocos toques.

Cloudtainer fabrica Cloudlock, un candado IoT para contenedores que se comunica por GSM y satélite. En campo, los conductores lo abrían con nRF Connect, una herramienta de desarrollador. Diseñé el producto completo en Figma —el recorrido del conductor y el panel de administrador— y, para la demo, se construyó y envió primero un MVP: una app con marca que encuentra el candado y lo abre sin internet. Superó las pruebas de campo en Argentina y Colombia.

Un conductor abre el candado Cloudlock del camión con la app

El conductor encuentra su candado en la lista y lo abre desde el móvil, junto al camión.

Cliente
Cloudtainer
Cloudlock (candado IoT)
Mi rol
Diseño UX/UI
Prototipos en Figma
Front-end de la app
Equipo
Yo, con el equipo de backend y firmware de Cloudtainer
Fecha
Sep–Oct 2026
Entrega
Prototipos en Figma y MVP en React Native (build instalable)
00De un vistazo

Producto completo diseñado; MVP enviado y validado en campo.

Diseñé en Figma el recorrido completo del conductor y el panel de administrador. Para la demo se priorizó un MVP: instalar la app y abrir el candado, con seguimiento de aperturas y cierres.

  • Diseño completo en Figma: conductor, administrador (móvil y web) y roles
  • MVP enfocado: instalar, encontrar el candado y abrirlo, offline
  • Seguimiento de aperturas y cierres del candado
  • Validado en pruebas de campo en Argentina y Colombia; siguientes fases a la espera de financiación
2 países
Pruebas de campo superadas: Argentina y Colombia
7 días
Del brief al MVP instalable
0
Internet necesario para abrir el candado

Las cifras describen el alcance y el resultado de esta fase (países de prueba, duración del MVP, modo offline). No incluyo datos internos de negocio.

01El producto

Un candado IoT, no una app suelta.

Cloudlock es un candado físico para contenedores: módulo BLE, servomotor que abre y cierra, sensor de batería y GPS. Se comunica por GSM y, sin cobertura, por satélite. Ese contexto define la app: abrir es local (Bluetooth) y debe funcionar sin red; la telemetría —batería, posición— viaja por el propio candado al servidor, no por el teléfono.

GSM + SatéliteBLEServomotorSensor de bateríaGPS/GNSSIP67
Candado Cloudlock
Electrónica del candado en montaje

El candado Cloudlock y su electrónica (BLE, módulos GSM/satélite, batería, GPS y servomotor).

Candado Cloudlock montado en las puertas del camión

El candado montado en las puertas traseras del camión: ahí es donde el conductor lo abre.

Panel web del cliente

El panel web del cliente (app.cloudtainer.eu): estado, batería, última posición y eventos — la telemetría que llega online desde el candado, no por Bluetooth.

02Contexto

El candado funcionaba. No había app para abrirlo.

En campo, los conductores abrían el candado con nRF Connect, la herramienta de depuración de Nordic. Sin marca, sin producto, sin guía. El encargo: sustituirla por una app de conductor simple y con marca, a tiempo para la homologación — y que funcione sin internet.

nRF Connect (antes)App Cloudlock (después)
Encontrar el candadoLista de servicios y UUID en crudoPor el número impreso en el candado
AbrirEscribir el token a mano en una característicaBotón «Abrir» y el código del conductor
EstadoLeer bytes de una característicaPantalla «Abriendo» (7 s) y «Apertura realizada»
MarcaNinguna, es una herramienta de NordicLa identidad del cliente
Sin internetFunciona, pero sin guíaFunciona por diseño, con todo el flujo offline
03Diseño completo en Figma

Un producto, no una pantalla: conductor, administrador y roles.

Antes del MVP dibujé el producto entero en Figma: qué ve el conductor en cada momento del viaje, qué controla el administrador y cómo encajan los roles. Interfaz mínima, pensada para usarse de pie y con una mano.

  • Conductor: acceso, permisos, viaje asignado, comprobación previa, apertura y cierre, avisos de batería, sin conexión, historial
  • Administrador (móvil y web): panel de control, candados, conductores, viajes
  • Acceso y roles: administrador, supervisor y operador
  • Escenarios adicionales y casos límite mapeados
Prototipo del conductor en Figma

Prototipo del conductor en Figma: el recorrido completo del viaje, de la asignación a la apertura y el cierre.

Panel de administrador en Figma

Panel de administrador (web): control de candados, autonomía, última posición y aperturas.

04El MVP que se envió

Del diseño completo a un MVP que abre el candado, offline.

Una pantalla hace el trabajo. Escanea los dispositivos Bluetooth cercanos, muestra el candado por su número, conecta y abre —cada estado en una ventana emergente sobre la lista, sin cambiar de pantalla y sin hacer scroll.

  • Login → lista → conectar → código → abriendo (7 s) → éxito, todo offline
  • Ventana emergente con estados: conectando, conectado, abriendo, hecho, error y tiempo agotado
  • Lista ordenada por señal, con el último candado usado arriba y búsqueda por número
  • Historial local de aperturas; sesión guardada para seguir funcionando offline
Pantallas de la app: acceso, lista y apertura

Acceso, lista de candados cercanos y confirmación de apertura.

01Login
02Buscar
03Conectar
04Código
05Abriendo 7 s
06Éxito
Flujo de apertura en la app

El proceso ocurre en una ventana emergente sobre la lista: conectar, abrir y resultado.

05Entrega y resultado

Entregado como app y validado en campo.

Diseño y front-end juntos: el sistema en Figma y la app en React Native, instalable para la demo. Superó las pruebas de campo en Argentina y Colombia; las siguientes fases quedaron a la espera de la próxima ronda de financiación.

  • Sistema en Figma: tema oscuro, tipografía Manrope, iconos y logotipos
  • App en React Native (Expo): build instalable para la demo
  • Casos límite: Bluetooth apagado, nada encontrado, conexión perdida y tiempos de espera
Casos límite en la app

Casos reales de campo: Bluetooth apagado, error de conexión, historial local y la pantalla de marca.

De una herramienta de desarrollador a un producto validado en campo.

Lo que queda es un producto diseñado de punta a punta en Figma y un MVP construido y enviado: login, búsqueda y apertura del candado por BLE, con marca y offline por diseño. Superó las pruebas en Argentina y Colombia y espera la siguiente ronda de financiación para continuar.