Diskussion

AAA-Premium-Gaming-Plattform Website-Redesign-Briefing

Von Wikiprompt, der freien Prompt-Enzyklopädie

Nasir Khan
Beigetragen vonNasir KhanQuelle

12. Juli 2026

AAA-Premium-Gaming-Plattform Website-Redesign-Briefing Umfangreiches UI/UX-Briefing für die filmische, Steam-ähnliche Neugestaltung einer Gaming-Plattform-Startseite, erstellt mit GPT Image.

Zugehörige Medien

Prompt-InhaltSpeichern

🌐
Verwenden Sie den hochgeladenen Website-Screenshot als primäre Layout- und Designreferenz. Bewahren Sie die Gesamtstruktur, den Abstand, die visuelle Hierarchie, die Inhaltsdichte und das Premium-Gaming-Portal-Erlebnis, gestalten Sie es jedoch mit originellem Branding, Kunstwerken, UI-Komponenten, Farben, Typografie und Illustrationen komplett neu. Kopieren Sie keine Logos, Charaktere, Spielkunstwerke, Texte oder urheberrechtlich geschützten Assets aus der Referenz. Verwenden Sie sie nur als Inspiration für die Layout-Architektur und das Benutzererlebnis. Entwerfen Sie eine moderne, Premium-, AAA-Qualitäts-Responsive-Gaming-Plattform-Website, die sich wie eine Kombination aus Steam, Epic Games Store, PlayStation Store, Xbox Game Pass, Riot Games, Battle.net und Netflix anfühlt. Die Website sollte sofort ein immersives Unterhaltungserlebnis mit filmischen Bildern, reichen Farbverläufen, Premium-Spielkarten, sanften Animationen und einer luxuriösen Gaming-Oberfläche schaffen. STIL • Dunkles Premium-Gaming-Theme • Großer filmischer Hero-Bereich • Reiche lila und blaue Farbverläufe • Premium-Glasmorphismus • Große abgerundete Karten • Weiche Umgebungsschatten • Neon-Glow-Akzente • Schwebende Partikel • Geschichtete Hintergründe • Filmische Beleuchtung • Hochwertige digitale Kunstwerke • Sanfte Übergänge • Ausgezeichneter Abstand • Moderne minimalistische Typografie • Portfolio-Qualitäts-UI FARBPALETTE Hintergrund: Tiefes Lila, Mitternachtsblau, Dunkles Indigo, Fast Schwarz. Akzentfarben: Elektrisches Lila, Königsblau, Smaragdgrün, Goldgelb, Orange, Pink, Cyan. Typografie: Poppins ExtraBold, Inter. SCHALTFLÄCHEN: Große abgerundete Schaltflächen, Premium-Verläufe, Glow-Effekte, Hover-Lift, sanfte Animationen. NAVIGATION: Transparente klebrige Navigation, Logo, Startseite, Spiele, Kategorien, Veranstaltungen, Shop, Bestenliste, Community, Neuigkeiten, Support, Suche, Anmelden, Registrieren. Hintergrund beim Scrollen verwischen. HERO-BEREICH: Erstellen Sie ein massives filmisches Hero-Banner. Charaktere sollten von links und rechts erscheinen und Tiefe erzeugen. Zentrieren Sie den Inhalt. Große Überschrift, unterstützende Beschreibung, primärer CTA, sekundärer CTA. Hintergrund enthält Partikel, magische Beleuchtung, Nebel, Energie, Rauch, schwebende Objekte, sanften Glow. PROMOTIONSBEREICH: Erstellen Sie große horizontale Werbekarten unter dem Hero. Jede Karte enthält Spielkunstwerk, Titel, Untertitel, Schaltfläche, Feature-Abzeichen, Verlaufsüberlagerungen, Hover-Animation. KATEGORIEFILTER: Abgerundete Pillen-Schaltflächen: Alle Spiele, Action, Abenteuer, Puzzle, Sport, Fantasie, Trends, Beliebt, Neue Veröffentlichungen, Mehrspieler, Redaktionswahl. SPIELSAMMLUNGEN: Mehrere horizontale Scrollbereiche: Trends, Beliebt, Kürzlich hinzugefügt, Empfohlen, Neue Veröffentlichungen, Kostenlos spielbar, Saisonale Ereignisse, Bestbewertet. Jede Spielkarte enthält Premium-Kunstwerk, abgerundete Ecken, Hover-Zoom, Glow-Rand, Favoriten-Symbol, Genre-Abzeichen, Plattform-Abzeichen, Bewertung, kurze Beschreibung. ANBIETER / STUDIO-BEREICH: Zeigen Sie vertrauenswürdige Studio-Logos in Premium-Karten. Gleichmäßiger Abstand. Monochrome Logos. Glow bei Hover. HERAUSRAGENDE KAMPAGNE: Großes Werbebanner. Schönes Kunstwerk. Gerätemockups. Download-Schaltflächen. Saisonankündigung. Zeitlich begrenztes Ereignis. FUNKTIONEN-BEREICH: Premium-Funktionskarten. Beispiele: Plattformübergreifend, Cloud-Speicher, Erfolge, Bestenlisten, Tägliche Belohnungen, Mehrspieler, Schnelle Leistung, Premium-Sicherheit. Jede Karte enthält großes Symbol, Titel, kurze Beschreibung, Verlaufs-Hintergrund, Hover-Animation. COMMUNITY-BEREICH: Spielerbewertungen, Erfolgs-Showcase, Community-Screenshots, Statistiken, Spieler-Avatare, Bestenlisten. NACHRICHTEN-BEREICH: Neueste Updates, Veranstaltungen, Patch-Notizen, Ankündigungen, Turnierbanner. CTA-BEREICH: Großes immersives Banner. Starke Überschrift. Unterstützender Text. Jetzt beitreten-Schaltfläche. Hintergrundkunstwerk mit Beleuchtung und schwebenden Partikeln. FUSSZEILE: Mehrspaltige Premium-Fußzeile: Spiele, Shop, Ressourcen, Support, Community, Rechtliches, Datenschutz, Newsletter, Soziale Links, Sprachauswahl. UI-KOMPONENTEN: Große Spielkarten, horizontale Banner, Glaskarten, abgerundete Schaltflächen, Pillenfilter, Fortschrittsbalken, Erfolgsabzeichen, Karussellpfeile, Hover-Overlays, Suche, Dropdown-Menüs, Benachrichtigungsabzeichen, Lade-Skelette, Toast-Benachrichtigungen. ANIMATIONEN: Hover-Lift, Glow-Puls, Kartenskalierung, Schaltflächenwelle, sanftes Ausblenden, Parallax-Hintergründe, schwebende Partikel, animierte Zähler, Karussellübergänge, Mikrointeraktionen, sanfte Seitenübergänge. ILLUSTRATIONSSTIL: Verwenden Sie Premium-Digitalkunstwerke in AAA-Qualität mit filmischer Beleuchtung, realistischer Tiefe, lebendigen Farben, dramatischen Kompositionen und hochauflösenden Spiel-Key-Artworks. Jede Illustration sollte professionell gemalt und visuell beeindruckend wirken. RESPONSIVES DESIGN: Desktop-first, Tablet-optimiert, Mobil-optimiert, flüssiges Rastersystem, responsiver Hero, responsive Karussells, adaptive Navigation, große Touch-Ziele. BARRIEREFREIHEIT: WCAG-konformer Kontrast, Tastaturnavigation, sichtbare Fokus-Zustände, lesbare Typografie, zugängliche interaktive Komponenten. ENDZIEL: Erstellen Sie eine produktionsreife, portfolioqualitätsreife Gaming-Plattform-Startseite, inspiriert vom Layout-Rhythmus der hochgeladenen Referenz. Behalten Sie dasselbe immersive Browsererlebnis mit einem großen filmischen Hero, Werbebannern, horizontalen Inhalts-Slidern, Studio-Logos, herausragenden Kampagnen, informativen Abschnitten und einer strukturierten Fußzeile bei, während Sie alle Marken, Kunstwerke, Farben, Inhalte und UI-Elemente durch ein völlig originelles Premium-Design ersetzen, das für React, Next.js, Tailwind CSS und Framer Motion geeignet ist.

Melde dich an, um den vollständigen Prompt zu sehen

Weiter mit:

Mit der Anmeldung akzeptierst du unsere Nutzungsbedingungen und Datenschutz

Verwendung

Dieser Prompt ist für die Verwendung mit coding gedacht. Kopiere den Inhalt oben und füge ihn in dein bevorzugtes KI-Tool ein.

Für beste Ergebnisse passe die Platzhalter (eckige Klammern oder Großbuchstaben) an deine Anforderungen an.

Referenzen

Kategorien:coding| meigen| ui-ux-design| web-design

Diskussion