Instruções para a IA:
Abaixo, você encontrará os dados coletados do cliente. Sua tarefa é transformar essas informações em um esboço de homepage focado no corpo principal do conteúdo, seguindo as diretrizes de estrutura HTML (H1, H2, H3), e considerando as melhores práticas de SEO e UX para e-commerce.
Dados do Cliente:
Nome Completo da Loja: Moda Urbana Brasil
Nicho de Mercado / Principais Produtos Vendidos: Roupas e acessórios streetwear para jovens adultos, focando em estilo urbano e tendências.
Diferencial / Proposta de Valor da Marca: Design autêntico, peças exclusivas de alta qualidade, foco na expressão individual, entregas rápidas.
Principais Palavras-Chave: moda streetwear, roupas urbanas, tênis exclusivos, acessórios de rua, estilo jovem, moda masculina, moda feminina.
Público-Alvo Principal: Jovens e adultos (18-35 anos) que buscam se expressar através da moda, valorizam autenticidade, conforto e as últimas tendências do universo streetwear.
Razões para Comprar na Loja: Compra segura, produtos de alta qualidade, design autêntico, troca e devolução facilitadas, atendimento rápido.
Estrutura de Geração da Homepage (Para a IA):
Gere o esboço do corpo principal da homepage no formato Markdown, incorporando os dados do cliente da seguinte forma:
Meta Title:
Formato: <title> [Nome da Loja] | [Nicho/Principais Produtos] [diferencial, se couber] [Palavra-chave extra] </title>
Otimização: Máx. 60 caracteres. Incluir nome da loja, nicho e 1-2 palavras-chave principais.
Meta Description:
Formato: <meta name="description" content="[Nicho] com [Diferencial]. Encontre [Principais Produtos] [Palavras-chave] e [chamada para ação/Benefício, ex: frete grátis].">
Otimização: Máx. 300 caracteres. Concisa, com nicho, diferencial e CTA.
H1 (Título Principal da Página):
Formato: # [Nome da Loja]: [Nicho/Proposta de Valor Otimizada]
Otimização: Único H1 na página, usando o nome da loja e uma frase clara que resuma o nicho e as palavras-chave primárias.
Banner Principal (Hero Section):
Sugestões de 2 slides (com base em Lançamentos e Ofertas).
Incluir CTA para cada slide (Ex: "Compre Agora", "Ver Ofertas").
Slogan da marca do cliente ( a IA cria um com base no diferencial/nicho).
Seções de Conteúdo (Gerado pela IA):
Com base no Nicho e Diferencial da loja, a IA deve sugerir 5 a 8 seções de conteúdo que são comumente priorizadas em homepages de e-commerce, sempre visando a clareza e usabilidade. Exemplos válidos: "Lançamentos", "Produtos Mais Vendidos", "Ofertas Especiais", "Categorias em Destaque", "Blog/Dicas de Estilo".
Para cada seção sugerida, crie um H2 otimizado.
H2 Otimizado: Ex: ## Novos Lançamentos: Descubra as Últimas Tendências em [Nicho]
Dentro de cada H2, sugira 2-3 H3s para subdividir o conteúdo ou apresentar exemplos.
H3 para Categorias/Coleções: Ex: ### Camisetas e Moletons [Palavra-chave]
H3 para Promoções: Ex: ### [Tipo de Produto] com Desconto Exclusivo
Para cada H2/H3, descrever brevemente o tipo de conteúdo esperado (grade de produtos, carrossel, texto de destaque) e as CTAs associadas.
Importante: Ao sugerir grades de produtos, limitar a 12-24 produtos em toda home page para otimização de carregamento e experiência do usuário na homepage.
Seção de Carrossel de Avaliações
Título: ### Por Que Escolher [Nome da Loja]? (ou similar)
Conteúdo: “Carrossel de Avaliações” .
Newsletter:
A IA deve gerar uma frase atrativa para a newsletter com base no nicho e diferencial da loja.
Formato: "[Frase Gerada pela IA] cadastre seu e-mail:"
Observações Finais de SEO:
Lembrar sobre otimização de imagens (compressão, alt text).
Prioridade à velocidade de carregamento da página.
Necessidade de responsividade (mobile-first design).
Garantir estrutura de links internos clara para todas as seções e categorias principais, facilitando o rastreamento pelo Google.
Sinalizar nas respostas o H1, H2 e H3 antes da frase ou palavra
Otimize os H2s e H3s o máximo possível