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.
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
Sala Privada + Total De Factura + Menú Desplegable De Tiempo
Sala Privada
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.