{"id":7309,"date":"2026-03-01T12:26:56","date_gmt":"2026-03-01T12:26:56","guid":{"rendered":"https:\/\/neryprieto.com\/?page_id=7309"},"modified":"2026-04-19T22:07:29","modified_gmt":"2026-04-19T22:07:29","slug":"sky-survival","status":"publish","type":"page","link":"https:\/\/neryprieto.com\/?page_id=7309","title":{"rendered":"Sky Survival"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEL PROYECTO EN 5 MINUTOS\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEL PROYECTO
EN 5 MINUTOS\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UI\/UX para Videojuego F2P Monetizaci\u00f3n y Monetizaci\u00f3n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Este proyecto nace para dar vida a la interfaz de un videojuego de combate a\u00e9reo para una empresa en Barcelona que opera bajo el modelo Free to Play. El gran desaf\u00edo aqu\u00ed no era solo dise\u00f1ar pantallas visualmente impactantes con un alto nivel de UI y de retenci\u00f3n sino lograr una arquitectura de la informaci\u00f3n que fomentara las microtransacciones. Este es un modelo de negocio donde los usuarios compran bienes virtuales o servicios digitales por peque\u00f1as cantidades de dinero real directamente dentro de la plataforma.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

ROL<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

UX\/UI Designer<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t

PLATAFORMAS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

iOS & Android<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t

DURACI\u00d3N<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

3 Meses<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t

HERRAMIENTAS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Figma, Claude, Illustrator, Unity, 3ds Max<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t

OBJETIVOS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Retenci\u00f3n, Monetizaci\u00f3n, Usabilidad<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

El Journey Completo (En Resumen)<\/h2>\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Research y Estrategia<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Analizamos a los competidores y escuchamos las quejas de los jugadores para identificar friccionesy oportunidades clave de monetizaci\u00f3n.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Arquitectura <\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Dise\u00f1amos el esqueleto del juego ubicando estrat\u00e9gicamente los \u00edtems de venta para fomentar las microtransacciones sin frustrar al usuario.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UI y Sistema de Dise\u00f1o<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Creamos una interfaz inmersiva de est\u00e9tica apocal\u00edptica inspirada en t\u00edtulos AAA, garantizando una jerarqu\u00eda visual que destaca la venta.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Ejecuci\u00f3n <\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Desarrollamos un ecosistema cien por cien adaptativo para m\u00f3vil (16:9) y tablet (4:3) entregando el MVP completo en un plazo estricto de 3 meses.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEl Gran Panorama \u00b7 Fusionando UX con la adrenalina del Gaming\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Para que entiendas la visi\u00f3n de este proyecto te cuento c\u00f3mo se abord\u00f3. En los juegos F2P la interfaz es el vendedor principal. Si la navegaci\u00f3n es frustrante y no hay engagement el jugador abandona. Si las ofertas para las microtransacciones no tienen visibilidad no hay negocio.
Mi estrategia se bas\u00f3 en investigar las quejas reales de los jugadores de la competencia para no cometer los mismos errores pero apalanc\u00e1ndome en lo que ya funcionaba y en las cosas que s\u00ed hac\u00edan bien sin reinventar la rueda. Dise\u00f1\u00e9 un dashboard estrat\u00e9gico llamado pase de batalla donde la acci\u00f3n principal est\u00e1 orientada a la venta destacando por encima de todo mientras que la navegaci\u00f3n general se mantiene c\u00f3moda para el usuario. Todo esto envuelto en una est\u00e9tica apocal\u00edptica con un alto nivel de UI inspirada en grandes t\u00edtulos AAA de la industria.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/circle><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tResearch y Estrategia \u00b7 Escuchando a los jugadores\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Antes de siquiera tocar un p\u00edxel o abrir el software de dise\u00f1o me obsesion\u00e9 con entender la mente del jugador y las din\u00e1micas del mercado. En la industria de los videojuegos dise\u00f1ar bas\u00e1ndose solo en instintos o en lo visual es un error muy caro. Necesitaba construir sobre certezas y datos puros as\u00ed que estructur\u00e9 toda mi fase de descubrimiento apoy\u00e1ndome en dos estrategias de investigaci\u00f3n clave que me revelaron exactamente qu\u00e9 amaban y qu\u00e9 odiaban los usuarios.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/rect><\/path><\/mask><\/path><\/path><\/g><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tBenchmarking\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Analic\u00e9 a competidores directos como\u00a0Metalstorm, Drone 3 y Ace Fighter. Descubr\u00ed que los eventos regulares son el im\u00e1n principal para retener jugadores, mientras que las promociones especiales se convierten en el motor de las microtransacciones, impulsando la compra de skins, cajas de bot\u00edn, monedas premium, pases de batalla, etc.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tNetnograf\u00eda\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Me dediqu\u00e9 a analizar lo que dec\u00edan los usuarios en foros, comunidades en l\u00ednea y rese\u00f1as de iOS y Android para entender principalmente sus problemas. Encontr\u00e9 un patr\u00f3n claro de quejas sobre la usabilidad, la falta de recompensas para incentivar a los jugadores gratuitos y la publicidad intrusiva. Con estos datos supe qu\u00e9 fricciones deb\u00eda eliminar en mi interfaz.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/circle><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tIdeaci\u00f3n y Arquitectura \u00b7 Dise\u00f1ando para la conversi\u00f3n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Con toda la informaci\u00f3n, utilic\u00e9 la t\u00e9cnica Crazy 8 Esto me permiti\u00f3 generar iterar y descartar ideas de interfaz a toda velocidad sobre el papel antes de pasar a construir los wireframes digitales. Al momento de estructurar el dashboard en baja fidelidad dej\u00e9 de lado la est\u00e9tica y tom\u00e9 decisiones puramente estrat\u00e9gicas orientadas a la usabilidad y a la conversi\u00f3n:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tNavegaci\u00f3n Fluida (Top Menu)\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

El men\u00fa que conforman las secciones del videojuego las situ\u00e9 al padding superior con distribuci\u00f3n de manera horizontal de los elementos para facilitar la navegaci\u00f3n r\u00e1pida entre pesta\u00f1as con un solo toque.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\u00cdtems de Monetizaci\u00f3n \t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Para fomentar las microtransacciones dentro del pase de batalla dise\u00f1\u00e9 un carrusel interactivo con todos los \u00edtems. Lo situ\u00e9 estrat\u00e9gicamente en la parte inferior por usabilidad, facilitando el alcance natural del pulgar.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tContexto Global (Panel Derecho)\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Para maximizar conversiones agrup\u00e9 la informaci\u00f3n personal, configuraci\u00f3n y saldo de monedas en el lateral derecho. As\u00ed, cuando el jugador desv\u00eda la mirada hacia esa zona, tiene todo su contexto y progreso disponible en un solo vistazo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tJerarqu\u00eda Visual y Retenci\u00f3n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Debajo de los datos del jugador coloqu\u00e9 el bot\u00f3n Buy Premium Battle Pass con tama\u00f1o destacable y may\u00fasculas para incitar a la llamada a ala acci\u00f3n. Adem\u00e1s, agregu\u00e9 una secci\u00f3n de Eventos y Desaf\u00edos como gancho de retenci\u00f3n diario visible desde el primer segundo en el men\u00fa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/circle><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tUI y Sistema de Dise\u00f1o \u00b7 Est\u00e9tica apocal\u00edptica y accesible\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Para definir el sistema de dise\u00f1o visual decid\u00ed inspirarme en la atm\u00f3sfera del m\u00edtico videojuego\u00a0Doom Eternal. El objetivo no era solo crear pantallas funcionales sino lograr una inmersi\u00f3n absoluta con la UI. Quer\u00eda transmitir al jugador la tensi\u00f3n constante de un mundo al borde de la destrucci\u00f3n total que ha sido asolado por entidades malignas de origen sobrenatural.
En este universo narrativo el uso de drones t\u00e1cticos y naves de combate representa la \u00fanica v\u00eda de supervivencia. Toda la paleta de colores, las texturas y la rudeza de los componentes UI est\u00e1n dise\u00f1ados para reforzar esta est\u00e9tica apocal\u00edptica, logrando que el usuario sienta la adrenalina y la necesidad de equiparse incluso antes de iniciar su primera partida.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/circle><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tTipograf\u00eda y Color:<\/strong> Eleg\u00ed la fuente Rajdhani por sus variaciones gruesas de f\u00e1cil lectura y su perfecto encaje con el sector gaming. La contrast\u00e9 con un color amarillo mostaza principal (#DAA42D) sobre fondos oscuros y escalas de grises.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/circle><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tPrecisi\u00f3n Matem\u00e1tica:<\/strong> Utilic\u00e9 un sistema de espaciado estricto basado en m\u00faltiplos de 2 y 4 para mantener una coherencia estructural absoluta en todas las resoluciones.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/circle><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tAccesibilidad Grado AAA:<\/strong> Los juegos F2P apuntan a un mercado masivo de millones de jugadores. Me asegur\u00e9 de que todos los contrastes de color cumplieran con el est\u00e1ndar AAA (alcanzando ratios de hasta 14.54:1), garantizando que personas con dificultades visuales puedan jugar sin barreras.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/circle><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEjecuci\u00f3n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Figma\/Illustrator<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Construcci\u00f3n de interfaz, prototipado interactivo, vectores e iconograf\u00eda del juego.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

3ds Max <\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Creaci\u00f3n y renderizado de modelados tridimensionales de naves y armamento.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Unity<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Montaje de todo los elementos para subirlo en las plataformas de iOS y Android.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Lleg\u00f3 el momento de darle vida a la idea. El proceso de dise\u00f1o visual fue muy \u00e1gil, ya que contaba con la estructura estrat\u00e9gica validada en los wireframes de baja fidelidad. El resultado es una interfaz 100% adaptativa; dise\u00f1\u00e9 resoluciones espec\u00edficas para versiones m\u00f3viles en formato 16:9 y para tablets en 4:3. Esto garantiza una experiencia inmersiva y proporcional, sin importar el dispositivo del jugador.<\/p>

Para lograr el alto nivel de detalle visual final, no me limit\u00e9 al dise\u00f1o b\u00e1sico de pantallas. Combin\u00e9 varias herramientas t\u00e9cnicas para crear un acabado premium: utilic\u00e9 Figma para la construcci\u00f3n de la interfaz, el prototipado y la arquitectura de componentes interactivos. Para los recursos gr\u00e1ficos, integr\u00e9 Illustrator, trabajando todos los vectores y la iconograf\u00eda del juego.<\/p>

Finalmente, para dar un aspecto realista e impactante a las naves y al armamento, utilic\u00e9 Autodesk 3ds Max y Unity en la creaci\u00f3n y renderizado de los modelos tridimensionales. Esta combinaci\u00f3n me permiti\u00f3 fusionar modelos 3D de alta fidelidad directamente en la interfaz, logrando ese aspecto de videojuego Triple A que atrapa al usuario desde el primer instante.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Mobile 16:9<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Tablet 4:3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Conclusi\u00f3n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

No voy a negar que este proyecto me sac\u00f3 de mi zona de confort. Al tener un perfil UX tan enfocado en el negocio suelo priorizar la usabilidad pura por encima de los detalles puramente est\u00e9ticos. Por eso hilar una capa visual de tan alto nivel sin sacrificar la facilidad de uso fue un desaf\u00edo enorme. Si a esto le sumamos el requisito indispensable de negocio de lograr la conversi\u00f3n mediante microtransacciones, el reto era doble.
Aun as\u00ed logr\u00e9 entregar toda la interfaz en el plazo estricto de 3 meses. Cumpl\u00ed con las expectativas del cliente y aunque tuvimos que iterar algunos cambios totalmente naturales en el desarrollo de un MVP el resultado final fue un rotundo win win para todas las partes.
A nivel personal ha sido el proyecto m\u00e1s divertido y enriquecedor tanto por la explosi\u00f3n creativa en el dise\u00f1o visual UI como por la complejidad de la estructura l\u00f3gica. En un ecosistema de videojuegos, cada acci\u00f3n del usuario abre m\u00faltiples salidas que deben estudiarse meticulosamente para garantizar una experiencia de juego completamente fluida.
Si has llegado hasta aqu\u00ed te agradezco de verdad el tiempo invertido en leerlo. Espero que te haya gustado este recorrido por un proyecto que sin duda merec\u00eda un lugar en mi portfolio.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

EL PROYECTO EN 5 MINUTOS EL PROYECTO EN 5 MINUTOS UI\/UX para Videojuego F2P Monetizaci\u00f3n y Monetizaci\u00f3n Este proyecto nace para dar vida a la interfaz de un videojuego de combate a\u00e9reo para una empresa en Barcelona que opera bajo el modelo Free to Play. El gran desaf\u00edo aqu\u00ed no era solo dise\u00f1ar pantallas visualmente […]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-7309","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/neryprieto.com\/index.php?rest_route=\/wp\/v2\/pages\/7309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neryprieto.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neryprieto.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neryprieto.com\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/neryprieto.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7309"}],"version-history":[{"count":3,"href":"https:\/\/neryprieto.com\/index.php?rest_route=\/wp\/v2\/pages\/7309\/revisions"}],"predecessor-version":[{"id":8153,"href":"https:\/\/neryprieto.com\/index.php?rest_route=\/wp\/v2\/pages\/7309\/revisions\/8153"}],"wp:attachment":[{"href":"https:\/\/neryprieto.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}