# Xenna: diseño UX/UI para un juego de estrategia

> Desarrollamos el diseño UX/UI de Xenna: Card Battle RTS, un juego de estrategia en tiempo real que combina Battle Royale y mecánicas de cartas. Creamos…

URL: https://inkastar.com/portafolio/xenna-diseno-ux-ui/
Publicado: 2026-11-13
Cliente: Sidus Heroes
Año: 2022
Categorías: UX/UI

Desarrollamos el diseño UX/UI de Xenna: Card Battle RTS, un juego de estrategia en tiempo real que combina Battle Royale y mecánicas de cartas. Creamos una interfaz con una dirección visual propia y una interacción clara. El estilo gráfico y las soluciones de experiencia de usuario se orientaron a facilitar la partida y hacer intuitiva la relación entre el jugador y el juego.

## 01 / Reto

Crear un lenguaje visual y una interfaz que reforzaran la participación de los jugadores, hicieran la experiencia fluida y lógica y destacaran la singularidad del universo Xenna. También era importante construir un sistema de diseño flexible que permitiera ampliar el proyecto.

![Sidus Heroes — imagen del proyecto](https://inkastar.com/uploads/2026/11/7b52f106cd30daf2d4bcaa71.webp)

## 02 / Proceso

- UI y UX: una interfaz que combina estética y funcionalidad.
- Gráfica: iconos, banners y elementos que refuerzan el estilo del juego.
- Sistema de diseño: un lenguaje visual común que facilita el desarrollo de nuevas funciones.
- Prototipado: animaciones y maquetas interactivas para probar las soluciones de experiencia de usuario.
- Trabajo en equipo: colaboración estrecha con desarrolladores y productores para incorporar los cambios con rapidez.

![Sidus Heroes — imagen del proyecto](https://inkastar.com/uploads/2026/11/5e14a6c7a176281b8598da2c.webp)

## 03 / Solución

Xenna recibió un diseño renovado que, de acuerdo con el caso original, contribuyó a mejorar la retención y reforzó la identidad visual del juego.

![Sidus Heroes — imagen del proyecto](https://inkastar.com/uploads/2026/11/4e5728bb59b2729136164373.webp)

## 04 / Resultados

La nueva interfaz hizo más atractiva la experiencia de juego, mientras que el sistema de diseño flexible permite seguir ampliando el proyecto.

![Sidus Heroes — imagen del proyecto](https://inkastar.com/uploads/2026/11/de847771ab56df978057f9d1.webp)

![Sidus Heroes — imagen del proyecto](https://inkastar.com/uploads/2026/11/ebd68c9b9215841e8ca0b6f7.webp)

![Sidus Heroes — imagen del proyecto](https://inkastar.com/uploads/2026/11/3083c49396c8fdbee187da36.webp)