We Design Extraordinary Things
01 Hi-Dog+Game+Platform+UI+UX+Design+by+The+Skins+Factory copy.webp

Diseño UI/UX Para Plataforma De Juegos Hi Dog

The Skins Factory diseñó una interfaz UI/UX elegante e inmersiva para la plataforma de juegos de Hi Dog, combinando una base visual oscura con colores vibrantes, avatares, salas privadas, pantallas de grupo y flujos intuitivos para mejorar la experiencia de los jugadores.

 

Plataforma De Juegos Hi Dog

Diseño UI/UX De Aplicación De Cliente De Escritorio

Revolucionando Las Experiencias De Juego: El Diseño UI/UX Superelegante De The Skins Factory Para Hi-Dog Network And Technology Company

Hi Dog Network and Technology Company, un destacado estudio de publicación de videojuegos, recurrió a The Skins Factory para diseñar el UI/UX de su nueva plataforma de juegos. Nuestro equipo de diseño recibió una serie de wireframes de baja fidelidad que usamos como base para crear una interfaz elegante e intuitiva. Elegimos una paleta de color en carbón oscuro y negro para que los vibrantes avatares de Hi Dog, los recursos dentro del juego, los banners de juegos y otra propiedad intelectual destacaran sobre la base visual.

En colaboración con Hi Dog, diseñamos una interfaz de usuario verdaderamente inmersiva que lleva la experiencia de juego a un nivel completamente nuevo. Al fusionar visuales impactantes con un diseño intuitivo, juntos creamos una experiencia que cautiva a los jugadores desde el momento en que entran en la plataforma de juegos. Desde menús elegantes hasta elementos visuales dinámicos, cada aspecto del diseño UI/UX fue creado meticulosamente para mejorar la jugabilidad, acelerar la progresión, cultivar la comunidad y garantizar un recorrido de usuario fluido. Así que veamos la interfaz de usuario…


 

Diseños De Composición Iniciales

Nuestro equipo de diseño recibió wireframes de baja fidelidad, que sirvieron como guía para el layout del contenido. A continuación, encontrará un vistazo a algunos de los diseños iniciales que creamos. Estos layouts comparten una base común, pero también incorporan variaciones sutiles. Desde el inicio, teníamos una visión clara del lenguaje de diseño que queríamos seguir. Poblamos las composiciones con algo de contenido para mostrar nuestra intención.

 

Inicio De Sesión

Diseñamos un modal de inicio de sesión simple y elegante, con un gris carbón profundo que complementa perfectamente el naranja de su identidad de marca.

 

La Pantalla Del Lobby

Con su base de diseño oscura y neutral, y una combinación de colores vibrantes y amplio espacio en blanco, el diseño crea un entorno visualmente estimulante. El layout intuitivo garantiza que los jugadores puedan navegar por el espacio sin esfuerzo.

Los colores vibrantes utilizados en el Lobby fueron cuidadosamente seleccionados para crear una atmósfera animada y divertida. Tonos intensos como azul eléctrico, naranja ardiente y un verde menta fresco se incorporan estratégicamente en el layout. Estos toques de color aportan energía y emoción, convirtiendo el Lobby en un área atractiva y dinámica.

El Lobby Principal

Menú Desplegable De Notificaciones

Menú Desplegable De Configuración

 

Página De Partida + Más Juegos + Ventanas De Chat

Página De Partida

Nos mantuvimos bastante cerca del layout original del wireframe, mientras implementábamos mejoras visuales y ajustes sutiles en la experiencia de usuario. Los wireframes tenían un contador de tiempo de estilo antiguo, pero optamos por un anillo de progreso más moderno. Se nos ocurrió la idea de incluir una alerta de advertencia de 2 minutos que cambia el color de la pista de progreso para avisar a los jugadores que las partidas están a punto de comenzar.

Neumorphic design language

Página De Partida Con Barra De Progreso De Advertencia De 2 Minutos Activada.

 

Más Juegos

Este es el centro principal de la biblioteca de juegos. Aquí hay una variedad de juegos disponibles para que los jugadores puedan elegir.

Ventanas de Chat

Los wireframes originales tenían una tarjeta simple de Invitación A Sala. Incorporamos el diseño dinámico que creamos para la Página De Partida.

 

Centro Personal + Pantallas De Grupo

El Centro Personal funciona como el perfil del jugador, mostrando varios atributos de gamificación, como insignias, activos monetarios dentro del juego y récords establecidos por el jugador. Es una pantalla integral que ofrece a los usuarios una vista rápida de sus logros y progreso dentro de la aplicación. Más allá de la experiencia de usuario individual, el Centro Personal también fomenta la creación de comunidad dentro de la aplicación a través de la pantalla de Grupo. Los usuarios pueden crear o unirse a un Grupo, reforzando aún más el aspecto comunitario de la aplicación.

Centro Personal

 

Grupo

UI/UX game design by The Skins Factory
 

Sala Privada + Total De Factura + Menú Desplegable De Tiempo

Sala Privada

Gme Platform

Los jugadores pueden acceder a su Sala Privada, unirse a salas existentes y pagar su factura.

El Total De Factura es un panel deslizable hacia arriba. Debido a la poca información que contiene, sentimos que al mantenerlo enfocado y aislado en la parte inferior de la pantalla, sería menos distractivo de ver.

Modal De Selector De Fecha.

Modal De Selector De Fecha Que Muestra Varias Semanas Seleccionadas.

 

Crear Sala + Canjear

Crear Sala

Usamos un degradado de arriba hacia abajo donde cada sección horizontal cambia de color. Lo hicimos creando un degradado y muestreando el color de forma incremental.

Canjear

Aquí es donde los jugadores podrán canjear e intercambiar monedas dentro del juego.