🛒 MINI LOJA DE SOBREMESAS
🚀 VISÃO GERAL
Este projeto consiste em uma mini loja virtual de sobremesas, desenvolvida com foco em interface moderna, organização visual e experiência do usuário (UX).
A proposta foi criar uma interface semelhante a um e-commerce real, onde o usuário pode visualizar produtos de forma clara, bonita e intuitiva.
🎯 OBJETIVO DO PROJETO
Desenvolver habilidades em front-end
Criar um layout no estilo loja virtual
Melhorar no design de interfaces (UI/UX)
Trabalhar organização de elementos em tela
Simular uma experiência real de navegação
🖥️ INTERFACE DO SISTEMA
A aplicação apresenta uma seção de sobremesas organizada em grid, onde cada item é exibido em formato de card.
Cada card contém:
📷 Imagem do produto
🏷️ Nome
📝 Descrição
💰 Preço
🛒 Botão “Adicionar”
🍰 PRODUTOS DISPONÍVEIS
Waffle with Berries
Crème Brûlée
Macaron Mix
Classic Tiramisu
Pistachio Baklava
Lemon Meringue Pie
🧭 EXPERIÊNCIA DO USUÁRIO (UX)
O projeto foi pensado para oferecer:
Navegação simples
Interface limpa
Visual agradável
Fácil entendimento
💡 COMO USAR
Acesse a página da loja
Navegue pelos produtos
Observe imagens e preços
Clique no botão “Adicionar” para interagir
🎨 DESIGN E ESTILO
A interface segue um padrão moderno:
Layout em grid
Espaçamento bem definido
Cores suaves
Botões com destaque
Design limpo (clean UI)
⚙️ FUNCIONAMENTO
Atualmente, o sistema funciona como uma simulação visual de loja.
Os produtos são exibidos na tela
O botão “Adicionar” representa uma ação de interação
💡 Pode ser facilmente expandido para:
Carrinho funcional
Sistema de pedidos
🛠️ TECNOLOGIAS UTILIZADAS
HTML
CSS
JavaScript
🔮 MELHORIAS FUTURAS
🛒 Implementação de carrinho real
💳 Sistema de pagamento
🔍 Filtro e busca de produtos
👤 Sistema de login
📦 Integração com backend
👨💻 AUTOR
Gabriel
📌 CONSIDERAÇÕES FINAIS
Este projeto demonstra a criação de uma interface moderna e bem estruturada, simulando um ambiente real de e-commerce.
Mesmo sendo simples, ele evidencia:
Organização de layout
Noções de UX/UI
Pensamento de produto
Evolução no desenvolvimento front-end
