Brief de refonte de site pour plateforme de jeux premium AAA

Utilisez la capture d'écran du site Web téléchargé comme référence principale de mise en page et de conception. Préservez la structure globale, l'espacement, la hiérarchie visuelle, la densité de contenu et l'expérience premium de portail de jeux, mais redessinez-la complètement avec une marque, des illustrations, des composants d'interface, des couleurs, une typographie et des illustrations originales. Ne copiez aucun logo, personnage, illustration de jeu, texte ou actif protégé par le droit d'auteur de la référence. Utilisez-la uniquement comme inspiration pour l'architecture de mise en page et l'expérience utilisateur. Concevez un site Web de plateforme de jeux moderne, premium et de qualité AAA, réactif, qui ressemble à une combinaison de Steam, Epic Games Store, PlayStation Store, Xbox Game Pass, Riot Games, Battle.net et Netflix. Le site Web doit créer immédiatement une expérience de divertissement immersive avec des visuels cinématographiques, des dégradés riches, des cartes de jeux premium, des animations fluides et une interface de jeu de luxe. STYLE • Thème de jeu premium sombre • Grande section héroïque cinématographique • Dégradés riches en violet et bleu • Glassmorphisme premium • Grandes cartes arrondies • Ombres ambiantes douces • Accents néon lumineux • Particules flottantes • Arrière-plans en couches • Éclairage cinématographique • Illustrations numériques de haute qualité • Transitions fluides • Excellent espacement • Typographie minimaliste moderne • UI de qualité portfolio PALETTE DE COULEURS Arrière-plan : Violet profond, Bleu nuit, Indigo foncé, Presque noir. Couleurs d'accent : Violet électrique, Bleu royal, Vert émeraude, Jaune doré, Orange, Rose, Cyan. Typographie : Poppins ExtraBold, Inter. BOUTONS : Grands boutons arrondis, dégradés premium, effets de lueur, élévation au survol, animations fluides. NAVIGATION : Navigation collante transparente, Logo, Accueil, Jeux, Catégories, Événements, Boutique, Classement, Communauté, Actualités, Support, Rechercher, Connexion, Inscription. Fond flou lors du défilement. SECTION HÉROÏQUE : Créez une bannière héroïque cinématographique massive. Les personnages doivent apparaître depuis les bords gauche et droit créant de la profondeur. Centrez le contenu. Grand titre, description de soutien, CTA principal, CTA secondaire. L'arrière-plan comprend des particules, un éclairage magique, du brouillard, de l'énergie, de la fumée, des objets flottants, une lueur douce. SECTION PROMOTIONNELLE : Créez de grandes cartes promotionnelles horizontales sous le héros. Chaque carte contient une illustration de jeu, un titre, un sous-titre, un bouton, un badge de fonctionnalité, des superpositions de dégradé, une animation au survol. FILTRES DE CATÉGORIE : Boutons pilules arrondis : Tous les jeux, Action, Aventure, Puzzle, Sports, Fantaisie, Tendances, Populaire, Nouvelles sorties, Multijoueur, Choix de l'éditeur. COLLECTIONS DE JEUX : Plusieurs sections de défilement horizontal : Tendances, Populaire, Ajoutés récemment, Recommandés, Nouvelles sorties, Gratuit, Événements saisonniers, Mieux notés. Chaque carte de jeu comprend une illustration premium, des coins arrondis, un zoom au survol, une bordure lumineuse, une icône de favori, un badge de genre, un badge de plateforme, une note, une brève description. SECTION FOURNISSEUR / STUDIO : Affichez les logos de studios de confiance dans des cartes premium. Espacement uniforme. Logos monochromes. Lueur au survol. CAMPAGNE EN VEDETTE : Grande bannière promotionnelle. Belle illustration. Maquettes d'appareils. Boutons de téléchargement. Annonce de saison. Événement à durée limitée. SECTION FONCTIONNALITÉS : Cartes de fonctionnalités premium. Exemples : Multiplateforme, Sauvegarde cloud, Succès, Classements, Récompenses quotidiennes, Multijoueur, Performances rapides, Sécurité premium. Chaque carte comprend une grande icône, un titre, une brève description, un fond dégradé, une animation au survol. SECTION COMMUNAUTÉ : Avis de joueurs, vitrine de succès, captures d'écran de la communauté, statistiques, avatars de joueurs, classements. SECTION ACTUALITÉS : Dernières mises à jour, événements, notes de patch, annonces, bannières de tournois. SECTION CTA : Grande bannière immersive. Titre fort. Texte de soutien. Bouton Rejoindre maintenant. Illustration d'arrière-plan avec éclairage et particules flottantes. PIED DE PAGE : Pied de page premium multi-colonnes : Jeux, Boutique, Ressources, Support, Communauté, Légal, Confidentialité, Newsletter, Liens sociaux, Sélecteur de langue. COMPOSANTS UI : Grandes cartes de jeux, bannières horizontales, cartes en verre, boutons arrondis, filtres pilules, barres de progression, badges de succès, flèches de carrousel, superpositions au survol, recherche, menus déroulants, badges de notification, squelettes de chargement, notifications toast. ANIMATIONS : Élévation au survol, pulsation de lueur, mise à l'échelle des cartes, ondulation des boutons, fondu fluide, arrière-plans parallaxe, particules flottantes, compteurs animés, transitions de carrousel, micro-interactions, transitions de page fluides. STYLE D'ILLUSTRATION : Utilisez des illustrations numériques premium de qualité AAA avec un éclairage cinématographique, une profondeur réaliste, des couleurs vibrantes, des compositions dramatiques et des illustrations clés de jeux haute résolution. Chaque illustration doit sembler peinte professionnellement et visuellement frappante. CONCEPTION RÉACTIVE : D'abord bureau, optimisé tablette, optimisé mobile, système de grille fluide, héros réactif, carrousels réactifs, navigation adaptative, grandes cibles tactiles. ACCESSIBILITÉ : Contraste conforme WCAG, navigation au clavier, états de focus visibles, typographie lisible, composants interactifs accessibles. OBJECTIF FINAL : Créez une page d'accueil de plateforme de jeux prête pour la production et de qualité portfolio inspirée du rythme de mise en page de la référence téléchargée. Maintenez la même expérience de navigation immersive avec un grand héros cinématographique, des bannières promotionnelles, des curseurs de contenu horizontal, des logos de studios, des campagnes en vedette, des sections informatives et un pied de page structuré, tout en remplaçant toute la marque, les illustrations, les couleurs, le contenu et les éléments UI par un design premium complètement original adapté à React, Next.js, Tailwind CSS et Framer Motion.

Brief de refonte de site pour plateforme de jeux premium AAA

Médias associés

Contenu du PromptEnregistrer

Utilisation

Références

Discussion