Loja Online

A Loja Online é a interface pública da plataforma FLOR DE LIS, onde os clientes podem navegar, pesquisar e comprar produtos artesanais e decorativos.

Visão Geral

A loja online oferece uma experiência completa de e-commerce, desde a descoberta de produtos até o pagamento seguro e acompanhamento de encomendas.

Características Principais

• 🎨 Design Responsivo - Funciona perfeitamente em desktop, tablet e mobile
• 🔍 Pesquisa Avançada - Encontre produtos rapidamente
• 🏷️ Filtros Inteligentes - Por categoria, preço, marca e atributos
• ❤️ Lista de Favoritos - Guarde produtos de interesse
• 🛒 Carrinho Persistente - Produtos mantêm-se guardados
• 💳 Pagamento Seguro - Integração Stripe com 3D Secure

Fluxo do Cliente

Fluxo de Navegação e Compra

Etapa	Ação	Descrição
🏠 1	Página Inicial	Ponto de entrada - banners, categorias, destaques
🔍 2	Navegação	Via categorias, pesquisa ou ofertas
📋 3	Catálogo	Listagem de produtos com filtros
📦 4	Detalhes do Produto	Informações completas, imagens, variações
❤️ 5a	Favoritar	Guardar produto para depois
🛒 5b	Adicionar ao Carrinho	Selecionar produto para compra
📝 6	Checkout	Dados de envio e faturação
💳 7	Pagamento	Processamento seguro via Stripe
✅ 8	Confirmação	Encomenda registada e notificação enviada

Caminhos Principais

Compra Direta:

Início → Pesquisa → Produto → Carrinho → Checkout → Pagamento → Confirmação

Navegação por Categoria:

Início → Categorias → Catálogo → Produto → Carrinho → Checkout → Pagamento → Confirmação

Descoberta de Ofertas:

Início → Ofertas → Produto em Desconto → Carrinho → Checkout → Pagamento → Confirmação

Lista de Desejos:

Início → Produto → Favoritar → (mais tarde) → Favoritos → Carrinho → Checkout → Pagamento

Funcionalidades

1. Página Inicial

Portal de entrada com banners, categorias e produtos em destaque

2. Catálogo de Produtos

Listagem organizada com filtros e ordenação

3. Detalhes do Produto

Informação completa com galeria, variações e avaliações

4. Ofertas e Promoções

Produtos com desconto e campanhas ativas

5. Favoritos

Lista personalizada de produtos guardados

6. Carrinho de Compras

Revisão rápida de produtos selecionados

7. Carrinho Detalhes

Revisão completa com aplicação de cupões

8. Checkout

Inserção de dados de envio e faturação

9. Pagamento

Finalização segura via Stripe

Navegação

Menu Principal

O menu de navegação oferece acesso rápido a:

• Categorias - Hierarquia completa de produtos
• Ofertas - Promoções ativas
• Novidades - Produtos recentemente adicionados
• Marcas - Navegação por fabricante

Barra de Pesquisa

Pesquisa inteligente que encontra:

• Nomes de produtos
• Descrições
• SKUs
• Categorias
• Marcas

Dica de Pesquisa

Use termos específicos para melhores resultados. Por exemplo: "vela lavanda" em vez de apenas "vela"

Filtros e Ordenação

Filtros Disponíveis

• Categoria - Filtre por tipo de produto
• Preço - Defina intervalo mínimo e máximo
• Marca - Selecione fabricantes específicos
• Atributos - Tamanho, formato, cor, acabamento, material

Opções de Ordenação

• Relevância (padrão)
• Preço: Menor para Maior
• Preço: Maior para Menor
• Novidades
• Mais Vendidos
• Melhor Avaliados

Carrinho e Checkout

Processo em 3 Etapas

1. Carrinho Detalhes

   • Revisão de produtos
   • Aplicação de cupões
   • Verificação de custos

2. Checkout

   • Dados de envio
   • Método de entrega
   • Endereço de faturação

3. Pagamento

   • Método de pagamento
   • Confirmação final
   • Processamento seguro

Importante

Todos os pagamentos são processados via Stripe com encriptação e 3D Secure obrigatório.

Métodos de Envio

• Entrega ao Domicílio - Envio para morada fornecida
• Recolha em Loja - Levante pessoalmente (quando disponível)

Os custos de envio são calculados automaticamente com base em:

• Peso e dimensões dos produtos
• Localização de entrega
• Método selecionado

Métodos de Pagamento

Cartões Aceites

• Visa
• Mastercard
• American Express
• Maestro

Segurança

• 3D Secure obrigatório
• PCI-DSS Level 1 compliant
• Dados de cartão não armazenados
• Processamento direto via Stripe

Sistema de Avaliações

Os clientes podem avaliar produtos após a compra:

• Classificação de 1 a 5 estrelas
• Comentário opcional
• Moderação pela equipa

Notificações

Os clientes recebem notificações automáticas sobre:

• ✅ Confirmação de encomenda
• 📦 Preparação do envio
• 🚚 Encomenda expedida
• ✉️ Entrega realizada

Via Email, SMS e/ou Push Notification (conforme preferências).

Responsividade

A loja adapta-se a todos os dispositivos:

Dispositivo	Layout	Funcionalidades
Desktop	4 produtos por linha	Todas disponíveis
Tablet	2-3 produtos por linha	Todas disponíveis
Mobile	1-2 produtos por linha	Menu hamburger

Progressive Web App (PWA)

A loja pode ser instalada como uma app:

1. Aceda ao site no navegador
2. Clique em "Instalar App" ou menu do navegador
3. Confirme instalação
4. Use como app nativa

Vantagens do PWA

• Acesso mais rápido
• Ícone no ecrã principal
• Funciona offline (cache)
• Notificações push

Acessibilidade

A loja foi desenvolvida com foco em acessibilidade:

• Contraste adequado de cores
• Textos alternativos em imagens
• Navegação por teclado
• Estrutura semântica HTML5
• Compatibilidade com leitores de ecrã

Multilíngue

A loja suporta múltiplos idiomas:

• 🇵🇹 Português (padrão)
• 🇬🇧 English

Seleção automática baseada no navegador ou manual via seletor.

SEO e Performance

Otimizações SEO

• URLs amigáveis
• Meta tags otimizadas
• Schema.org markup
• Sitemap XML
• Robots.txt configurado

Performance

• Imagens otimizadas e lazy loading
• Cache de recursos
• Minificação de código
• CDN para assets estáticos

Próximos Passos

Explore cada funcionalidade em detalhe:

Página Inicial → Portal de entrada da loja

Catálogo → Navegue pelos produtos

Checkout → Finalize suas compras

Pagamento → Pagamento seguro

Precisa de Ajuda?

Consulte a Área do Cliente para gerir suas encomendas ou contacte o suporte: support@aiobi.pt