Criação de Homepage

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