Criação da Home Page – E-commerce Visual (Ux/Ui) Tema: Shoptimizer , Woocommerce

Descrição do Projeto
Procuro um profissional com experiência em WordPress, WooCommerce e no tema Shoptimizer para realizar ajustes de ux/ui e personalização da home page de uma loja online.
O trabalho será feito exclusivamente utilizando os recursos nativos do tema Shoptimizer.
Não se trata de redesign completo ou desenvolvimento do zero.
O objetivo é configurar layout, ajustar elementos visuais e criar peças gráficas dentro da estrutura já existente do site.

Objetivo
Criar uma home page elegante, coesa e otimizada para conversão, com foco em mobile first, seguindo o layout e identidade visual definidos.
Critérios de sucesso:
Layout implementado corretamente no tema Shoptimizer
Peças visuais criadas pelo profissional contratado
Experiência mobile validada
Dados legais exibidos corretamente
Selos de segurança e meios de pagamento no rodapé
Nenhum plugin adicional sem aprovação

Escopo Técnico
O trabalho deverá ser realizado utilizando apenas:
Personalizador nativo do Shoptimizer
CSS customizado no Shoptimizer Child Theme
Widgets nativos do WooCommerce e do Shoptimizer
Regras:
Não alterar arquivos do tema principal
Não instalar plugins sem aprovação

Estrutura da Home Page
1. Banner Principal (Hero Slider)
Slider nativo com três slides contendo:
Imagem full width
Título em fonte Montserrat Bold
Subtítulo
Botão CTA com cor dourada (#d4af37)
Conteúdo dos slides:
Slide 1
Nova Coleção 2026 — Elegância em cada passo
Slide 2
Sandálias e Scarpins Premium
Slide 3
Promoção Relâmpago — até 30% de desconto em botas
Configuração:
Autoplay de 5 segundos
Setas de navegação
Indicadores de slide

2. Categorias em Destaque
Exibição de nove categorias com ícones circulares personalizados:
Anabela
Botas
Meia Pata
Sandálias
Sapatilhas
Scarpin
Mocassim
Tênis
Rasteirinhas
Efeito hover com borda dourada (#d4af37).

3. Produtos Mais Vendidos
Carrossel nativo de produtos contendo:
Entre 8 e 12 produtos
4 colunas no desktop
2 colunas no tablet
1 coluna no mobile
Cada card deve exibir:
Imagem do produto
Categoria
Nome
Preço
Preço promocional quando houver
Botão “Adicionar ao Carrinho”
A seção deve utilizar o carrossel nativo do tema.

4. Banner Secundário
Layout com duas colunas (texto e imagem) sobre fundo escuro.
Conteúdo:
Texto introdutório em destaque
Título principal
Texto sobre qualidade e parcelamento
Botão CTA
Barra de estatísticas contendo:
500+ modelos
Avaliação média 4.9
Parcelamento em até 12 vezes sem juros

5. Produtos Lançamentos
Carrossel com os produtos mais recentes da loja.
Requisitos:
Entre 4 e 8 produtos
Badge “Novo” nos produtos lançados
Mesmo padrão visual do carrossel de mais vendidos

6. Rodapé
Rodapé organizado em quatro colunas.
Coluna 1
Logo
Texto institucional
Endereço
Links para redes sociais
Coluna 2
Links para todas as categorias da loja
Coluna 3
Links institucionais e de atendimento:
Minha conta
Rastrear pedido
Trocas e devoluções
Contato
Prazos de entrega
Formas de pagamento
Sobre
Termos de uso
Política de privacidade
Antifraude
Coluna 4
Selos de segurança e meios de pagamento.
Rodapé inferior deve conter:
CNPJ
Texto de direitos autorais
Conformidade com o Decreto 7.962/2013

Identidade Visual
Tipografia
Fonte principal: Montserrat
Tamanhos:
H1: 48px
H2: 36px
H3: 22px
Texto padrão: 15–16px
CTAs: 11–12px

Paleta de cores
Preto: #1a1a1a
Ouro: #d4af37
Branco: #ffffff
Cinza claro: #f5f5f5
Cinza médio: #888888
Cinza escuro: #3a3a3a

Botões
Botão primário
Fundo dourado (#d4af37) com texto escuro
Botão escuro
Fundo preto (#1a1a1a) com texto branco
Botão outline
Fundo transparente com borda simples

Elementos Extras
Trust Bar
Barra com quatro itens:
Frete grátis
Troca fácil
Pagamento seguro
Garantia de 30 dias

Newsletter
Seção antes do rodapé contendo:
Título
Campo de e-mail
Botão de inscrição

Mobile First
Testes obrigatórios em:
Mobile
375px
390px
412px
Tablet
768px
1024px
Desktop
1280px
1440px
1920px
Requisitos:
Carrosséis navegáveis por swipe no mobile
Menu hambúrguer no header
Botões com altura mínima de 44px

Peças Visuais que o Profissional Deve Criar
Banners do slider
Três banners:
Nova Coleção 2026
Sandálias e Scarpins
Promoção de botas
Dimensões:
Desktop: 1920 × 580
Mobile: 768 × 600

Ícones de categorias
Nove ícones circulares personalizados.
Formato de entrega:
png
svg
dimensão: 200 × 200 px

banner secundário
imagem de produto ou composição de calçados.
Dimensão mínima:
800 × 600 px
Fundo escuro.

Selos de segurança
Criar seis selos personalizados:
SSL
Cloudflare
Let's Encrypt
Google Safe Browsing
Mercado Pago
Criptografia 256-bit

Ícones da Trust Bar
Quatro ícones minimalistas:
Frete
Troca
Segurança
Garantia
Formato SVG
Dimensão 48 × 48 px

Perfil desejado do profissional
Experiência com:
WordPress
WooCommerce
Tema Shoptimizer
CSS
UX/UI para e-commerce
Design de banners e ícones