Brief de redesign de site para plataforma de jogos premium AAA

De Wikiprompt, a enciclopédia livre de prompts

Nasir Khan
Contribuído porNasir KhanFonte

12 de jul. de 2026

Brief de redesign de site para plataforma de jogos premium AAA Um extenso brief de UI/UX para o redesign da página inicial de uma plataforma de jogos cinematográfica ao estilo Steam, feito com GPT Image.

Mídia relacionada

Conteúdo do PromptSalvar

🌐
Use a captura de tela do site enviado como referência principal de layout e design. Preserve a estrutura geral, o espaçamento, a hierarquia visual, a densidade de conteúdo e a experiência premium de portal de jogos, mas redesenhe completamente com marca, arte, componentes de UI, cores, tipografia e ilustrações originais. Não copie logotipos, personagens, arte de jogos, texto ou ativos protegidos por direitos autorais da referência. Use-a apenas como inspiração para a arquitetura de layout e experiência do usuário. Projete um site moderno, premium e de qualidade AAA para uma plataforma de jogos responsiva que pareça uma combinação de Steam, Epic Games Store, PlayStation Store, Xbox Game Pass, Riot Games, Battle.net e Netflix. O site deve criar imediatamente uma experiência de entretenimento imersiva com visuais cinematográficos, gradientes ricos, cartões de jogos premium, animações suaves e uma interface de jogos de luxo. ESTILO • Tema de jogos premium escuro • Grande seção de herói cinematográfica • Gradientes ricos em roxo e azul • Glassmorfismo premium • Cartões grandes arredondados • Sombras ambiente suaves • Acentos de neon brilhantes • Partículas flutuantes • Fundos em camadas • Iluminação cinematográfica • Arte digital de alta qualidade • Transições suaves • Excelente espaçamento • Tipografia minimalista moderna • UI de qualidade de portfólio PALETA DE CORES Fundo: Roxo profundo, Azul meia-noite, Índigo escuro, Quase preto. Cores de destaque: Roxo elétrico, Azul real, Verde esmeralda, Amarelo dourado, Laranja, Rosa, Ciano. Tipografia: Poppins ExtraBold, Inter. BOTÕES: Botões grandes arredondados, gradientes premium, efeitos de brilho, elevação no hover, animações suaves. NAVEGAÇÃO: Navegação fixa transparente, Logotipo, Início, Jogos, Categorias, Eventos, Loja, Classificação, Comunidade, Notícias, Suporte, Pesquisar, Entrar, Registrar. Fundo desfocado ao rolar. SEÇÃO DE HERÓI: Crie um banner de herói cinematográfico massivo. Os personagens devem aparecer das bordas esquerda e direita criando profundidade. Centralize o conteúdo. Título grande, descrição de apoio, CTA primário, CTA secundário. O fundo inclui partículas, iluminação mágica, névoa, energia, fumaça, objetos flutuantes, brilho suave. SEÇÃO PROMOCIONAL: Crie grandes cartões promocionais horizontais abaixo do herói. Cada cartão contém arte do jogo, título, subtítulo, botão, selo de recurso, sobreposições de gradiente, animação no hover. FILTROS DE CATEGORIA: Botões de pílula arredondados: Todos os jogos, Ação, Aventura, Quebra-cabeça, Esportes, Fantasia, Tendências, Popular, Novos lançamentos, Multijogador, Escolha do editor. COLEÇÕES DE JOGOS: Múltiplas seções de rolagem horizontal: Tendências, Popular, Adicionados recentemente, Recomendados, Novos lançamentos, Grátis para jogar, Eventos sazonais, Melhor avaliados. Cada cartão de jogo inclui arte premium, cantos arredondados, zoom no hover, borda brilhante, ícone de favorito, selo de gênero, selo de plataforma, classificação, descrição breve. SEÇÃO DE FORNECEDOR / ESTÚDIO: Exiba logotipos de estúdios confiáveis dentro de cartões premium. Espaçamento uniforme. Logotipos monocromáticos. Brilho no hover. CAMPANHA EM DESTAQUE: Grande banner promocional. Arte bonita. Maquetes de dispositivos. Botões de download. Anúncio de temporada. Evento por tempo limitado. SEÇÃO DE RECURSOS: Cartões de recursos premium. Exemplos: Multiplataforma, Salvamento na nuvem, Conquistas, Classificações, Recompensas diárias, Multijogador, Desempenho rápido, Segurança premium. Cada cartão inclui ícone grande, título, descrição breve, fundo gradiente, animação no hover. SEÇÃO DE COMUNIDADE: Avaliações de jogadores, vitrine de conquistas, capturas de tela da comunidade, estatísticas, avatares de jogadores, classificações. SEÇÃO DE NOTÍCIAS: Últimas atualizações, eventos, notas de patch, anúncios, banners de torneios. SEÇÃO DE CTA: Grande banner imersivo. Título forte. Texto de apoio. Botão Junte-se agora. Arte de fundo com iluminação e partículas flutuantes. RODAPÉ: Rodapé premium de várias colunas: Jogos, Loja, Recursos, Suporte, Comunidade, Legal, Privacidade, Boletim informativo, Links sociais, Seletor de idioma. COMPONENTES DE UI: Cartões de jogos grandes, banners horizontais, cartões de vidro, botões arredondados, filtros de pílula, barras de progresso, selos de conquistas, setas de carrossel, sobreposições no hover, pesquisa, menus suspensos, selos de notificação, esqueletos de carregamento, notificações toast. ANIMAÇÕES: Elevação no hover, pulso de brilho, escala de cartões, ondulação de botão, desvanecimento suave, fundos parallax, partículas flutuantes, contadores animados, transições de carrossel, microinterações, transições de página suaves. ESTILO DE ILUSTRAÇÃO: Use arte digital premium de qualidade AAA com iluminação cinematográfica, profundidade realista, cores vibrantes, composições dramáticas e arte-chave de jogos de alta resolução. Cada ilustração deve parecer pintada profissionalmente e visualmente impressionante. DESIGN RESPONSIVO: Primeiro desktop, otimizado para tablet, otimizado para celular, sistema de grade fluido, herói responsivo, carrosséis responsivos, navegação adaptativa, grandes alvos de toque. ACESSIBILIDADE: Contraste em conformidade com WCAG, navegação por teclado, estados de foco visíveis, tipografia legível, componentes interativos acessíveis. OBJETIVO FINAL: Crie uma página inicial de plataforma de jogos pronta para produção e de qualidade de portfólio inspirada no ritmo de layout da referência carregada. Mantenha a mesma experiência de navegação imersiva com um herói cinematográfico grande, banners promocionais, controles deslizantes de conteúdo horizontal, logotipos de estúdios, campanhas em destaque, seções informativas e um rodapé estruturado, enquanto substitui toda a marca, arte, cores, conteúdo e elementos de UI por um design premium completamente original adequado para React, Next.js, Tailwind CSS e Framer Motion.

Entre para ver o prompt completo

Continuar com:

Ao entrar, você concorda com nossos Termos de uso e Política de privacidade

Uso

Este prompt foi projetado para uso com coding. Copie o conteúdo acima e cole na sua ferramenta de IA preferida.

Para melhores resultados, personalize os marcadores (indicados por colchetes ou maiúsculas) com seus requisitos específicos.

Referências

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

Discussão

0 comentários