2.1 Página Inicial
Descrição
Portal principal de entrada da loja com apresentação visual dos produtos e navegação estruturada.
Funcionalidades Principais
Cabeçalho (Header)
- Logo da loja - Identificação visual da marca
- Menu de navegação hierárquico - Acesso a todas as categorias
- Barra de pesquisa - Encontre produtos rapidamente
- Ícones de acesso rápido:
- 👤 Conta/Login
- ❤️ Favoritos
- 🛒 Carrinho
Banner Rotativo (Slider)
- Slider automático com imagens promocionais
- 3 banners ativos configurados
- Dimensão: 1689x600px
- Rotação automática
- Links para campanhas
Navegação por Categorias
- Imagens representativas de cada categoria
- 13 categorias configuradas
- Hierarquia visual clara
- Acesso direto ao catálogo filtrado
Secções Dinâmicas
- Produtos em Destaque - Seleção curada pela equipa
- Mais Populares - Baseado em vendas
- Novidades - Produtos recentemente adicionados
- Ofertas - Produtos em promoção
Apresentação de Benefícios
- 4 benefícios configurados
- Ícones e descrições
- Transmite confiança
Rodapé (Footer)
- Informações da empresa
- Links para páginas legais
- Redes sociais
- Newsletter
- Formas de pagamento
Benefícios
- ✅ Navegação intuitiva e visualmente atrativa
- ✅ Acesso rápido às principais funcionalidades
- ✅ Descoberta facilitada de produtos e promoções
- ✅ Experiência profissional e moderna
Como utilizar
1. Navegar pelas Categorias
Existem duas formas de aceder às categorias:
Opção A: Menu Dropdown
- Passe o cursor sobre "Categorias" no menu
- Navegue pela estrutura hierárquica
- Clique na categoria desejada
Opção B: Imagens de Categorias
- Role a página até à secção de categorias
- Clique na imagem da categoria desejada
- Aceda ao catálogo filtrado
2. Usar a Barra de Pesquisa
- Clique no campo de pesquisa no cabeçalho
- Digite o termo de busca (nome, categoria, marca)
- Pressione Enter ou clique no ícone de lupa
- Veja os resultados filtrados
Pesquisa Inteligente
A pesquisa procura em:
- Nomes de produtos
- Descrições
- Categorias
- Marcas
- SKUs
3. Aceder aos Favoritos
- Clique no ícone de coração (❤️) no cabeçalho
- Visualize sua lista de produtos favoritos
- Clique num produto para ver detalhes
- Adicione ao carrinho diretamente
4. Aceder ao Carrinho
- Clique no ícone do carrinho (🛒) no cabeçalho
- Visualize produtos adicionados
- Ajuste quantidades
- Proceda para checkout
5. Explorar Secções de Produtos
Produtos em Destaque
- Role até à secção "Produtos em Destaque"
- Veja os produtos selecionados pela equipa
- Clique para ver detalhes
Mais Populares
- Encontre os produtos mais vendidos
- Baseado em estatísticas reais de vendas
Novidades
- Descubra produtos recentemente adicionados
- Sempre atualizados
Elementos Visuais
Banner Principal
O slider rotativo apresenta:
- Campanhas sazonais
- Novos produtos
- Promoções especiais
- Coleções temáticas
Configuração Atual:
- 3 banners ativos
- Rotação automática a cada 5 segundos
- Navegação manual com setas
- Indicadores de posição
Cards de Categorias
Cada categoria é apresentada com:
- Imagem representativa
- Nome da categoria
- Número de produtos (opcional)
- Hover effect para interação
Cards de Produtos
Informação apresentada em cada card:
- Imagem principal do produto
- Nome e descrição breve
- Preço (com desconto se aplicável)
- Badge "Oferta" se em promoção
- Ícone de favorito
- Botão "Ver Detalhes"
Responsividade
A página inicial adapta-se perfeitamente a todos os dispositivos:
Desktop (> 1024px)
- 4 produtos por linha
- Menu completo visível
- Banners em tamanho grande
Tablet (768px - 1024px)
- 2-3 produtos por linha
- Menu adaptado
- Banners redimensionados
Mobile (< 768px)
- 1-2 produtos por linha
- Menu hamburger
- Banners otimizados
- Navegação por toque
Otimizações
Performance
- Lazy Loading - Imagens carregam conforme scroll
- Cache - Recursos armazenados localmente
- Compressão - Imagens otimizadas
- CDN - Entrega rápida de assets
SEO
- Meta Tags - Título e descrição otimizados
- Schema Markup - Dados estruturados
- URLs Amigáveis - Fáceis de ler e indexar
- Alt Text - Todas as imagens descritas
Notas
Importante
- A página inicial é totalmente responsiva e adapta-se a diferentes dispositivos
- As secções de produtos são dinamicamente atualizadas baseado em:
- Vendas recentes
- Stock disponível
- Configurações do painel administrativo
- Os banners devem ser atualizados regularmente para manter o site fresco
Dica
Para solicitar alterações nos banners ou secções destacadas, contacte: support@aiobi.pt
Elementos Configuráveis
Os seguintes elementos podem ser personalizados através do Painel Administrativo:
- ✏️ Banners do slider - Imagens e links
- ✏️ Produtos em destaque - Seleção manual
- ✏️ Secções personalizadas - Criar novas secções
- ✏️ Benefícios apresentados - Ícones e textos
Os elementos de configuração técnica estão nos Módulos de Personalização (plano de customização).
Próximos Passos
Agora que conhece a página inicial, explore:
- Catálogo de Produtos → - Navegue pelo catálogo completo
- Detalhes do Produto → - Veja informações detalhadas
- Carrinho de Compras → - Gerir produtos selecionados
Dúvidas? Consulte a Área do Cliente → ou contacte o suporte.