LevelUp

Rediseño de la home de una plataforma gamer: de portal de noticias fragmentado a landing page orientada a la conversión, pensada para que el usuario entienda el valor del producto y se registre.

RolUX/UI Designer
Año2026
TipoLanding Page · Gaming
HerramientasFigma
LevelUp — hero de la nueva landing page
01 · Contexto

El desafío

Los jugadores suelen recurrir a múltiples plataformas para consultar noticias, calendarios de torneos, lanzamientos, guías y contenido especializado. Esta fragmentación genera una experiencia poco eficiente, donde encontrar información confiable requiere tiempo y esfuerzo.

A partir de este problema, el objetivo del proyecto fue replantear la experiencia de inicio de LevelUp, transformando un portal tradicional de noticias en una landing page orientada a la conversión, con una estructura más clara y una propuesta de valor fácil de comprender desde los primeros segundos de navegación.

02 · Análisis

El problema

Durante el análisis del sitio original se identificaron tres oportunidades principales de mejora. Como consecuencia, el recorrido inicial resultaba confuso y la experiencia dependía de que el usuario explorara manualmente el contenido.

01

La información estaba distribuida en numerosos bloques con la misma jerarquía visual.

02

El exceso de contenido dificultaba identificar rápidamente el objetivo principal de la plataforma.

03

La propuesta de valor no comunicaba de forma clara por qué un usuario debería registrarse o volver al sitio.

Antes / Después

Portal original
Sitio de referencia original: portal saturado de bloques y publicidad
Rediseño LevelUp
Rediseño de LevelUp: hero claro con una sola propuesta de valor

*El portal de la izquierda es un sitio de referencia usado como benchmark de un portal de noticias gamer típico: bloques saturados, sin jerarquía clara y sin una propuesta de valor definida.

03 · Solución

La solución

Se diseñó una nueva landing page enfocada en comunicar el valor del producto desde el primer contacto. La estructura se reorganizó priorizando la información más relevante para el usuario:

01 · Hero
  • Propuesta de valor clara
02 · Calendario
  • Eventos destacados
03 · Beneficios
  • Por qué unirse a la comunidad
04 · Contenido
  • Guías y contenido exclusivo
05 · Prueba social
  • Testimonios de usuarios
06 · Conversión
  • Formulario de registro

Esta organización permite comprender rápidamente qué ofrece la plataforma y cuál es el beneficio de registrarse.

Toda la información que un gamer necesita, organizada en un solo lugar.

LevelUp reúne noticias, torneos, lanzamientos, guías y contenido exclusivo dentro de una experiencia unificada, reduciendo el tiempo que los usuarios invierten buscando información en diferentes plataformas.

04 · Objetivos de diseño

Qué se buscó lograr

  • Mejorar la jerarquía visual para facilitar la lectura.
  • Reducir la carga cognitiva reorganizando el contenido.
  • Incrementar la percepción de valor de la plataforma.
  • Guiar al usuario hacia el registro mediante un recorrido claro.
05 · Decisiones de UX

Cómo se llegó a la solución

Decisión

Hero orientado a conversión

Se reemplazó una introducción genérica por un mensaje que comunica inmediatamente el beneficio del producto y dirige la atención hacia un único CTA principal.

Decisión

Arquitectura de información

El contenido fue reorganizado siguiendo un recorrido progresivo, que acompaña el proceso de decisión del usuario y evita presentar toda la información al mismo tiempo:

1Descubrimiento→ 2Beneficios→ 3Contenido→ 4Confianza→ 5Conversión
Decisión

Jerarquía visual

Se aumentó el espacio entre secciones, se establecieron distintos niveles tipográficos y se utilizó una grilla consistente para facilitar el escaneo del contenido.

Decisión

Consistencia visual

Se desarrolló un sistema de componentes reutilizable, lo que mejora la coherencia de la interfaz y facilita su escalabilidad:

Tarjetas Botones Iconografía Colores Espaciados Tipografía
06 · Resultado

La landing page terminada

El resultado es una landing page de una sola página, recorrida en el mismo orden en que fue pensada —descubrimiento, beneficios, contenido, confianza y conversión— con adaptación completa a mobile.

LevelUp — sección Hero, descubrimiento
1Descubrimiento — Hero

Un único mensaje de valor y un solo CTA principal, sin distracciones.

LevelUp — sección Calendario y beneficios
2Beneficios — Calendario & ¿Por qué unirte?

Eventos destacados junto a las razones concretas para sumarse a la comunidad.

LevelUp — sección Guías y contenido exclusivo
3Contenido — Guías & contenido exclusivo

Se agrupó todo el contenido de valor (guías, noticias, reseñas) en tarjetas consistentes.

LevelUp — sección de testimonios
4Confianza — Testimonios

Prueba social de usuarios reales de distintos países, antes de pedir el registro.

LevelUp — CTA final y formulario de registro
5Conversión — Formulario final

Segundo CTA con formulario, para capturar a quienes se convencieron durante el recorrido.

Versión mobile responsive

07 · Impacto esperado

Qué se espera lograr

Comprender la propuesta de valor en los primeros segundos.

Encontrar contenido relevante con mayor rapidez.

Percibir una plataforma más organizada y confiable.

Aumentar las probabilidades de registrarse mediante un recorrido de navegación más claro.

08 · Mi aporte

Qué hice en este proyecto

Fui responsable de todo el proceso de diseño:

  • Benchmark y análisis de la interfaz existente.
  • Reorganización de la arquitectura de información.
  • Diseño de la experiencia de usuario.
  • Diseño visual de la landing page.
  • Creación del sistema de componentes.
  • Adaptación responsive para dispositivos móviles.
Siguiente proyecto

Arami →

→