Ice Cream Disaster

Desarrollo de juego mobile y UX/UI

Proyecto personal · 2022

RESUMEN

Ice Cream Disaster es un juego móvil gratuito lanzado el 28 de mayo de 2022, diseñado para jugadores casuales de todas las edades. Desarrollado durante nueve meses utilizando el Blueprint System de Unreal Engine 4, el juego desafía a los jugadores a atrapar bolas de helado que caen y equilibrarlas en un cono utilizando mecánicas físicas. Mi objetivo era crear una experiencia divertida y despreocupada con un juego simple, haciéndolo accesible y agradable para una audiencia amplia.

Características principales

Gameplay

El juego consiste en atarpar y equilibrar las bolas de helado. Creé un prototipo en menos de una semana para probar la mecánica central del juego. El MVP incluía un personaje que podía desplazarse a lo ancho de la pantalla para atrapar las bolas de helado que caían, apilándolas y aumentando la puntuación.

sketch depicting the game's concept

User Journey de la primera sesión de juego

El User Journey comienza con la pantalla de carga, seguido de la selección del idioma, una secuencia introductoria y un tutorial.

  1. Pantalla de elección del idioma: Selecciona el lenguaje preferido.
  2. Secuencia de introducción: Opcional para ver o omitir.
  3. Tutorial: Breve guía para aprender a jugar paso a paso interactuando con los personajes.
  4. Juego: Atrapar bolas de helado y acumular puntos.
  5. Pantalla de puntuación: Muestra los resultados de la partida con opciones para volver a jugar o regresar al menú principal.

Entonces, los jugadores entran en el bucle de juego principal, atrapando y apilando helado para ganar puntos que utilizan para desbloquear niveles, jugadores y conos con habilidades.

User Flow del menú principal

Tras una animación sencilla, la pantalla principal puede dirigir al usuario a la pantalla de configuración, la pantalla de elementos desbloqueables o la Flavourpedia.

user flow for the main menu

Prototipos y proceso de desarrollo

Programar prototipos implicó pruebas y feedback iterativo para refinar la mecánica de juego y los elementos de la interfaz de usuario. Las primeras versiones incluían un cono básico e interacción con una interfaz de puntuación. Con el tiempo, añadí características adicionales como botones de acción, contadores de vida e indicadores de sabor en base a la retroalimentación de los jugadores.

various screenshots of the earlier prototipes of Ice Cream Disaster

Lanzamiento de la Demo

Lancé la versión de demostración, con cuatro niveles, para recopilar comentarios y detectar errores de jugabilidad. El material promocional incluyó un trailer y publicaciones en las redes sociales. El total de descargas superó el millar y obtuve información valiosa para mejorar el juego en las próximas fases de desarrollo.

illustration for Ice Cream Disaster DEMO launch

Diseño visual

Elementos del juego

Personajes: Avatares que juegan un papel clave en la historia de fondo del juego, además de localizar al jugador en la partida. Son desbloqueables, cada uno de ellos tiene diferentes animaciones dependiendo del número actual de bolas de helado que el usuario ha acumulado.

collage of Ice Cream Disaster's various characters

Conos: Diferentes tipos con habilidades especiales, algunos de ellos son necesarios para completar el juego. Los conos de helado se pueden desbloquear usando puntos acumulados durante las partidas.

3d renders of Ice Cream Disaster's various cones

Niveles: Hay nueve escenarios desbloqueables de dificultad creciente y obstáculos y sabores únicos para cada uno.

Ice Cream Disaster's different level backgrounds

Sabores: Hay más de 60 diferentes, son coleccionables y tienen diversos valores de puntos. Algunos de ellos se comportan de forma particular, haciéndolos más difíciles de atrapar.

Ice Cream Disaster's different scoop flavours

Secuencia de introducción y tutorial: Una animación breve y rápida que explica la premisa del juego seguida de un tutorial sencillo.

screenshots of Ice Cream Disaster's intro secuence

Diseño de interfaz

Centré el diseño de la interfaz de usuario en la simplicidad y la usabilidad. Desde el menú principal, el jugador puede acceder a todas las características y configuraciones del juego. En la Flavourpedia es posible ver todos los sabores recolectados y llevar un seguimiento de cuántos quedan por descubrir.

Ice Cream Disaster's main menu screen

Interfaz en el juego: Incluye un contador de puntuación, el botón de acción para guardar los conos recopilados, los indicadores de vida y un botón de pausa que permite reiniciar el juego o volver al menú principal.

final version of Ice Cream Disaster's HUD

Opción para zurdos: Es posible cambiar la posición del botón de acción si el jugador lo prefiere.

diagram showing the HUD's behaviour for left-handed users

Desbloqueables y pantalla de configuración: Permiten ver los conos, personajes y niveles disponibles, y los ajustes para preferencias de audio, lenguaje y control.

unlockables screen

Iconos de miniaturas: Cada elemento desbloqueable (caracteres, conos y niveles) tiene un icono de miniatura utilizado en la pantalla de puntuación para mostrar visualmente la configuración del último juego jugado.

thumbnail icons for the score screen

Principios de diseño

Las decisiones de diseño se centraron en crear una experiencia de usuario fluida y agradable. La interfaz minimalista facilita la navegación, mientras que los elementos visuales coloridos y divertidos incitan a la participación. El testeo continuo y la retroalimentación ayudaron a mejorar la interfaz y la mecánica del juego, haciéndolas intuitivas y fáciles de usar.

various screens from Ice Cream Disaster's interface

RRSS y estado actual del juego

Las redes sociales fueron clave para promocionar el juego y conectar con la comunidad de jugadores. Las actualizaciones regulares y las interacciones constantes generaron expectación y me permitieron recopilar feedback de utilidad. Actualmente, Ice Cream Disaster ha superado las 30,000 descargas y tiene una calificación promedio de 4.9. Además, el juego ha recibido críticas positivas de PocketGamer, Maxiapple, Soft & Apps y Phenogames.

screenshots of different blogs showing Ice Cream Disaster's reach

Dos años después, el juego continúa atrayendo a nuevos jugadores diariamente y mantiene una fuerte presencia en los resultados de búsqueda, lo que demuestra el éxito de los esfuerzos de desarrollo y marketing.

screenshots showing Ice Cream Disaster's social reach

Conclusión

El desarrollo de Ice Cream Disaster fue una experiencia de aprendizaje valiosa, que combinó el diseño UX/UI con el desarrollo de juegos. El proyecto subrayó la importancia de la retroalimentación del usuario, el diseño iterativo y una promoción efectiva. El éxito del juego me impulsa a seguir explorando y desarrollando en el campo de los juegos móviles.

DESCARGA EL JUEGO

Battledump

Proyecto anterior

Rediseño app Linkedin

Siguiente proyecto

¡HABLEMOS! ✨

¡Estoy buscando nuevas oportunidades laborales! ¿Crees que mi perfil podrían encajar con tu equipo?

ESCRÍBEME