Hexabot App

Diseñando en gravedad cero

Este proyecto nace como respuesta al reto planteado por Designflows 2025, un concurso europeo de diseño UI organizado por Bending Spoons, centrado en la creación de experiencias digitales realistas. La consigna consistía en diseñar una aplicación para gestionar Hexabots — robots autónomos desplegados en una colonia lunar para tareas de exploración, mantenimiento y recolección de recursos.

Cliente
Concurso DesignFlows

Rol
UI Designer, Visual Designer, Brand Designer

Herramientas
Figma, Photoshop, Illustrator, IA

Challenge

El desafío consistía en diseñar una interfaz que permitiera a un usuario gestionar un Hexabot lunar para recolectar minerales esenciales. El contexto: un equipo científico necesitaba silicio para completar la impresión 3D de una turbina en una colonia lunar.

Con solo 4 días de plazo y el límite de 3 pantallas con UI completo, el reto exigía una solución clara, funcional y eficiente. Además del corto tiempo, el usuario debía poder gestionar múltiples Hexabots, tomar decisiones rápidamente y monitorear misiones activas en tiempo real dentro de un entorno extremo y sin margen de error.

Requisitos

Necesidad de tomar decisiones rápidas y efectivas

Gestión compleja de múltiples Hexabots activos

Monitoreo constante de los trabajos asignados

User persona

Investigadores lunares

Familias colonizadoras

Solution

Inspirado en interfaces de gestión de dispositivos autónomos, definí una estructura para la App basada en cuatro secciones principales: En el Dashboard o Home, los Hexabots se dividen entre los que están en la base y los que se encuentran en misión, facilitando la gestión inmediata. El seguimiento de misiones se realiza mediante un mapa interactivo, donde se pueden visualizar y filtrar los bots según su tarea. Las misiones generan actualizaciones en tiempo real a través de tarjetas informativas dentro del detalle de cada Hexabot. Además, una sección de notificaciones categorizadas centraliza alertas, tareas completadas y eventos del sistema, manteniendo al usuario informado en todo momento.


Esta estructura permite al usuario gestionar múltiples bots, tomar decisiones rápidas y monitorear cada tarea en tiempo real con el nivel de claridad que exige un entorno extremo como la Luna.


Home

Hexabot Detail

Mission Tracking

Notifications

User Flow

El flujo se diseñó para que el usuario pueda asignar, monitorear y finalizar una misión con la menor fricción posible. Cada paso responde a una necesidad concreta: ver el estado de los Hexabots, lanzar una tarea y seguir su progreso. Todo está enfocado en mantener el control y la claridad en tiempo real, incluso en un entorno complejo como la Luna.

Wireframes

El flujo se diseñó para que el usuario pueda asignar, monitorear y finalizar una misión con la menor fricción posible. Cada paso responde a una necesidad concreta: ver el estado de los Hexabots, lanzar una tarea y seguir su progreso. Todo está enfocado en mantener el control y la claridad en tiempo real, incluso en un entorno complejo como la Luna.

Mobile App

Las interfaces fueron diseñadas para ser claras, funcionales y adaptadas al contexto lunar, priorizando la legibilidad, el estado de los Hexabots y la toma de decisiones rápida en entornos extremos.

Home

Welcome to the moon

La pantalla de inicio de HexaHub se divide en dos secciones: Hexabots disponibles en la base y Hexabots activos en misión. Esta vista proporciona una visión clara del estado actual de la flota. Los usuarios pueden acceder a la información crítica de cada unidad desde aquí y lanzar nuevas misiones rápidamente mediante accesos directos a tareas favoritas.

Home

Welcome to the moon

La pantalla de inicio de HexaHub se divide en dos secciones: Hexabots disponibles en la base y Hexabots activos en misión. Esta vista proporciona una visión clara del estado actual de la flota. Los usuarios pueden acceder a la información crítica de cada unidad desde aquí y lanzar nuevas misiones rápidamente mediante accesos directos a tareas favoritas.

Hexabot Detail

Inside the unit

Desde la vista de detalle del Hexabot, el usuario accede a todos los datos relevantes de la unidad seleccionada: batería, ubicación, estado operativo y misión más reciente. Desde aquí también se puede asignar una nueva tarea o dar comandos de voz para ajustar parámetros en tiempo real.

Hexabot Detail

Inside the unit

Desde la vista de detalle del Hexabot, el usuario accede a todos los datos relevantes de la unidad seleccionada: batería, ubicación, estado operativo y misión más reciente. Desde aquí también se puede asignar una nueva tarea o dar comandos de voz para ajustar parámetros en tiempo real.

New Job

Initiate Mission Protocol

Notifications

Mission Updates: Debrief & Alerts

New Job

Initiate Mission Protocol

Notifications

Mission Updates: Debrief & Alerts

Mission tracking

Command View: 
Live Map

La sección de Mission Tracking presenta un mapa interactivo donde se visualizan todos los Hexabots activos, cada uno delimitado por su espacio de trabajo. El usuario puede seleccionar cualquier Hexabot para centrarlo en el mapa y visualizar datos críticos. Además, desde esta vista se puede pausar la misión, regresar a Home o usar comandos de voz para reajustar parámetros operativos.

Mission tracking

Command View: 
Live Map

La sección de Mission Tracking presenta un mapa interactivo donde se visualizan todos los Hexabots activos, cada uno delimitado por su espacio de trabajo. El usuario puede seleccionar cualquier Hexabot para centrarlo en el mapa y visualizar datos críticos. Además, desde esta vista se puede pausar la misión, regresar a Home o usar comandos de voz para reajustar parámetros operativos.

Manual Mode

Override Control: Manual Navigation

El modo manual permite el control directo del Hexabot mediante un joystick, acompañado de cámara en vivo, mini mapa de navegación libre y modo de visión nocturna. Incluye un panel con velocidad, altitud, temperatura y rayos UV. Este modo es ideal para explorar el terreno o generar nuevos mapas manualmente en zonas no cartografiadas.

Manual Mode

Override Control: Manual Navigation

El modo manual permite el control directo del Hexabot mediante un joystick, acompañado de cámara en vivo, mini mapa de navegación libre y modo de visión nocturna. Incluye un panel con velocidad, altitud, temperatura y rayos UV. Este modo es ideal para explorar el terreno o generar nuevos mapas manualmente en zonas no cartografiadas.

Looking for stunning UI? Let’s craft visual experiences that connect with people.

+34 657402960

juancruzossa@gmail.com

Portfolio

Contact

Cookies

Privacy Policy

© 2025 Camilo Cruz Designer

Follow me:

CAMILO CRUZ