Brief de rediseño de sitio web para plataforma de juegos premium AAA

Utilice la captura de pantalla del sitio web cargado como referencia principal de diseño y maquetación. Preserve la estructura general, el espaciado, la jerarquía visual, la densidad de contenido y la experiencia premium de portal de juegos, pero rediseñelo por completo con marca, arte, componentes de interfaz, colores, tipografía e ilustraciones originales. No copie logotipos, personajes, arte de juegos, texto ni activos protegidos por derechos de autor de la referencia. Úsela solo como inspiración para la arquitectura de maquetación y la experiencia de usuario. Diseñe un sitio web moderno, premium y de calidad AAA para una plataforma de juegos receptiva que se sienta como una combinación de Steam, Epic Games Store, PlayStation Store, Xbox Game Pass, Riot Games, Battle.net y Netflix. El sitio web debe crear de inmediato una experiencia de entretenimiento inmersiva con imágenes cinematográficas, degradados ricos, tarjetas de juegos premium, animaciones suaves y una interfaz de juegos de lujo. ESTILO • Tema de juegos premium oscuro • Gran sección de héroe cinematográfica • Degradados ricos en púrpura y azul • Glassmorfismo premium • Tarjetas grandes redondeadas • Sombras ambientales suaves • Acentos de neón brillantes • Partículas flotantes • Fondos en capas • Iluminación cinematográfica • Arte digital de alta calidad • Transiciones suaves • Excelente espaciado • Tipografía minimalista moderna • Interfaz de calidad de portafolio PALETA DE COLORES Fondo: Púrpura profundo, Azul medianoche, Índigo oscuro, Casi negro. Colores de acento: Púrpura eléctrico, Azul real, Verde esmeralda, Amarillo dorado, Naranja, Rosa, Cian. Tipografía: Poppins ExtraBold, Inter. BOTONES: Botones grandes redondeados, degradados premium, efectos de brillo, elevación al pasar el cursor, animaciones suaves. NAVEGACIÓN: Navegación fija transparente, Logotipo, Inicio, Juegos, Categorías, Eventos, Tienda, Tabla de clasificación, Comunidad, Noticias, Soporte, Buscar, Iniciar sesión, Registrarse. Desenfoque del fondo al desplazarse. SECCIÓN DE HÉROE: Cree un banner de héroe cinematográfico masivo. Los personajes deben aparecer desde los bordes izquierdo y derecho creando profundidad. Centre el contenido. Titular grande, descripción de apoyo, CTA principal, CTA secundaria. El fondo incluye partículas, iluminación mágica, niebla, energía, humo, objetos flotantes, brillo suave. SECCIÓN PROMOCIONAL: Cree grandes tarjetas promocionales horizontales debajo del héroe. Cada tarjeta contiene arte del juego, título, subtítulo, botón, insignia de característica, superposiciones de degradado, animación al pasar el cursor. FILTROS DE CATEGORÍA: Botones de píldora redondeados: Todos los juegos, Acción, Aventura, Puzzle, Deportes, Fantasía, Tendencias, Popular, Nuevos lanzamientos, Multijugador, Elección del editor. COLECCIONES DE JUEGOS: Múltiples secciones de desplazamiento horizontal: Tendencias, Popular, Recientemente añadidos, Recomendados, Nuevos lanzamientos, Gratis para jugar, Eventos de temporada, Mejor valorados. Cada tarjeta de juego incluye arte premium, esquinas redondeadas, zoom al pasar el cursor, borde brillante, icono de favorito, insignia de género, insignia de plataforma, calificación, descripción breve. SECCIÓN DE PROVEEDOR / ESTUDIO: Muestre logotipos de estudios confiables dentro de tarjetas premium. Espaciado uniforme. Logotipos monocromáticos. Brillo al pasar el cursor. CAMPAÑA DESTACADA: Gran banner promocional. Arte hermoso. Maquetas de dispositivos. Botones de descarga. Anuncio de temporada. Evento por tiempo limitado. SECCIÓN DE CARACTERÍSTICAS: Tarjetas de características premium. Ejemplos: Multiplataforma, Guardado en la nube, Logros, Tablas de clasificación, Recompensas diarias, Multijugador, Rendimiento rápido, Seguridad premium. Cada tarjeta incluye icono grande, título, descripción breve, fondo degradado, animación al pasar el cursor. SECCIÓN DE COMUNIDAD: Reseñas de jugadores, muestra de logros, capturas de pantalla de la comunidad, estadísticas, avatares de jugadores, tablas de clasificación. SECCIÓN DE NOTICIAS: Últimas actualizaciones, eventos, notas del parche, anuncios, banners de torneos. SECCIÓN DE CTA: Gran banner inmersivo. Titular fuerte. Texto de apoyo. Botón Únete ahora. Arte de fondo con iluminación y partículas flotantes. PIE DE PÁGINA: Pie de página premium de varias columnas: Juegos, Tienda, Recursos, Soporte, Comunidad, Legal, Privacidad, Boletín, Enlaces sociales, Selector de idioma. COMPONENTES DE INTERFAZ: Tarjetas de juego grandes, banners horizontales, tarjetas de vidrio, botones redondeados, filtros de píldora, barras de progreso, insignias de logros, flechas de carrusel, superposiciones al pasar el cursor, búsqueda, menús desplegables, insignias de notificación, esqueletos de carga, notificaciones toast. ANIMACIONES: Elevación al pasar el cursor, pulso de brillo, escala de tarjetas, ondulación de botones, desvanecimiento suave, fondos de paralaje, partículas flotantes, contadores animados, transiciones de carrusel, microinteracciones, transiciones de página suaves. ESTILO DE ILUSTRACIÓN: Use arte digital premium de calidad AAA con iluminación cinematográfica, profundidad realista, colores vibrantes, composiciones dramáticas y arte clave de juegos de alta resolución. Cada ilustración debe sentirse pintada profesionalmente y visualmente impactante. DISEÑO RESPONSIVO: Primero escritorio, optimizado para tableta, optimizado para móvil, sistema de cuadrícula fluido, héroe receptivo, carruseles receptivos, navegación adaptable, objetivos táctiles grandes. ACCESIBILIDAD: Contraste conforme a WCAG, navegación por teclado, estados de enfoque visibles, tipografía legible, componentes interactivos accesibles. OBJETIVO FINAL: Cree una página de inicio de plataforma de juegos lista para producción y de calidad de portafolio inspirada en el ritmo de maquetación de la referencia cargada. Mantenga la misma experiencia de navegación inmersiva con un héroe cinematográfico grande, banners promocionales, deslizadores de contenido horizontal, logotipos de estudios, campañas destacadas, secciones informativas y un pie de página estructurado, mientras reemplaza toda la marca, arte, colores, contenido y elementos de interfaz con un diseño premium completamente original adecuado para React, Next.js, Tailwind CSS y Framer Motion.

Brief de rediseño de sitio web para plataforma de juegos premium AAA

Medios relacionados

Contenido del PromptGuardar

Uso

Referencias

Discusión