Pular para o conteúdo
YGOR.DEV

Demonstração

Conect Imports

Loja fictícia criada para o portfólio — nada é vendido no site.

Prévia do projeto Conect Imports

Visão geral

Loja de celulares fictícia, feita para mostrar como funciona um catálogo que o próprio dono alimenta: produtos, fotos, unidades e avaliações saem do painel direto para o site.

Solução

Uma loja de demonstração, com marca inventada, para mostrar o modelo inteiro funcionando antes de existir cliente: site rápido na frente, painel simples atrás, tudo publicado na Cloudflare sem servidor para manter. O site avisa no topo de todas as páginas que é fictício e que nada é vendido ali.

Funcionalidades

  • Catálogo com filtro por marca, categoria e situação
  • Página própria de cada produto, com endereço gerado pelo nome
  • Galeria com até 12 fotos, cores, garantia e ficha técnica
  • Painel para cadastrar, duplicar, esconder, destacar e reordenar produtos
  • Unidades da loja com foto, endereço, horário e link do mapa
  • Avaliações de clientes e números do site editáveis pelo painel
  • Botões de WhatsApp em cada produto e em cada unidade

Desafios

  • Front sem framework: HTML, CSS e JavaScript puros, para o site abrir rápido em celular simples
  • Fotos comprimidas em WebP no próprio navegador antes de subir, guardadas no banco

Telas

Página inicial da loja de demonstração, com aviso de que é um site fictício
Home
Catálogo com filtros por marca e categoria
Catálogo
Página de um celular com galeria, cores, garantia e ficha técnica
Página do produto
Painel administrativo com a lista de produtos, destaque e ordem de exibição
Painel da loja