Medabots APP / Web - Comadran Studios

1. Juego
2. Marketplace
3. Web estudio

1. Juego

Reto del proyecto

Hacer un videojuego mobile AAA en un corto espacio de tiempo. Entender las necesidades de los usuarios y de los inversores.

Proceso

En primer lugar y para que pudiese salir el juego se sacó una beta MVP para poner el videojuego en el mercado, una vez lo teníamos funcionando la primera idea fue comprender quiénes eran nuestros usuarios y el estado de la APP actual.

Research:
Para ver el estado de la APP actual se hizo un análisis heurístico con los técnicos clave del proyecto, en el análisis se detectaron varios fallos en la usabilidad.

El siguiente paso fue entender a los usuarios y sus necesidades

Para ello utilizamos las siguientes herramientas:

– Encuestas cuantitativas y cualitativas, haciendo más incapié a estas últimas.
– Mapa de empatía
– User persona
– User journey

con todo ello comprendimos a nuestros usuarios y sus puntos de dolor, analizamos los resultados y elaboramos las hipótesis.
UX:

Ya teniendo esa información pusimos empezar con la fase de UX implicando a desarrollo y Game Design en el proceso de feedback.

  • Arquitectura de la información
  • Flujos
  • Wireframes baja fidelidad
  • Wireframes alta fidelidad
  • Prototipados
  • Testeos rápidos
 
Herramientas: Figma, Trello.
UI:

Para poder realizar la fase de UI se implicó a desarrollo para darnos feedback y concept artist como soporte (los ilustradores)

  • Mockups
  • Guía de estilo
  • Sistema de diseño
  • Testeos in Game
 
Herramientas: Figma, Jira, Confluence, Photoshop.

Screens:

2. Medabots Marketplace

Reto del proyecto

Hacer un ecommerce de NFT blockchain usable y que conecte con el videojuego para poder usar esos NFTs en el mismo. Los NFTs se podrán subastar y comprar en el marketplace.

Proceso

Teníamos claro el perfil de usuarios que iban a usar esta plataforma así que pasamos a la fase de UX

UX:

Definición de funcionalidades.
Arquitectura de la información.
Flujos.
 

UI:

Sistema de diseño.

Mockups finales.

Diseño responsive.

 

Herramientas: Figma, Photoshop.

Screens:

3. Medabots Web

Reto del proyecto

Hacer una web a modo de Landing page para que los usuarios obtengan información del juego.

Proceso

Los usuarios que aterrizasen en esta web podrían ser muy diversos, centramos el foco en dar la información necesaria tanto para jugadores como inversores para que tuviesen una visión global del juego. 

UX:

Arquitectura de la información.
Wireframes.
Contenidos.
 

UI:

Mockups finales.

Diseño responsive.

 

Herramientas: Figma, Divi, Photoshop.

Screens: