← Voltar ao portfólio Ver site no ar ↗

E-commerce · Joalheria · 2026

Quart'z — Joias com Pedras Naturais

Loja online completa pra uma joalheria física em Foz do Iguaçu — do catálogo ao pagamento, incluindo painel administrativo e identidade visual, tudo construído do zero.

HTML / CSS / JS Supabase Mercado Pago Resend Edge Functions
Tempo de desenvolvimentoMenos de 1 mês
Páginas construídas15+
Identidade visualCriada do zero
O site foi pensado mobile-first. O público que compra joia online majoritariamente navega e finaliza a compra pelo celular — então toda decisão de layout partiu daí, com a versão desktop construída em cima dessa base, não o contrário.
NOTA

IDENTIDADE VISUAL — a Quart'z não tinha nenhuma identidade visual online antes desse projeto: sem site, sem paleta definida, sem tipografia própria. Não teve designer envolvido — cores, tipografia e todo o estilo visual foram criados do zero, com base na loja física. Só o fato de existir essa identidade consistente já ajudou a aumentar o engajamento no Instagram da marca.

O que o site faz — e por quê.

01

Catálogo com filtros dinâmicos

Coleção, material, pedra e categoria filtráveis sem recarregar página. Por quê: cliente acha o que quer rápido — quanto menos fricção, mais conversão.

02

Checkout embutido, sem redirecionar

Pagamento via Mercado Pago (Pix e cartão parcelado) direto na tela. Por quê: sair pra outro site na hora de pagar quebra a confiança e derruba conversão.

03

Sistema de cupom com validação real

Desconto por %, por valor fixo, com limite de uso, pedido mínimo e regra de "só primeira compra". Por quê: dona da loja roda campanha de marketing sozinha, sem precisar chamar programador toda vez.

04

E-mails automáticos por status do pedido

Confirmação de compra, em preparação, a caminho, entregue — automático. Por quê: cliente sabe onde está o pedido sem mandar mensagem no WhatsApp perguntando.

05

Painel administrativo completo

Produtos, pedidos, clientes e exportação de listas de e-mail/WhatsApp pra campanhas. Por quê: dona da loja toca o negócio sozinha no dia a dia, sem depender de suporte técnico.

06

Login com Google + cadastro tradicional

Por quê: reduz fricção na hora de criar conta — menos campo pra preencher, mais gente completando o cadastro.

07

Performance de imagem otimizada

Fotos comprimidas e redimensionadas automaticamente no upload. Por quê: catálogo com muitas fotos carrega rápido sem estourar custo de hospedagem.

NOTA

CONFIABILIDADE DO PAGAMENTO — pagamento via Pix não aprova instantaneamente, e a maioria dos sites depende só de "esperar o aviso" do gateway de pagamento chegar pra confirmar a venda. Construí uma verificação ativa: o site pergunta diretamente pro Mercado Pago se o pagamento já caiu, em vez de esperar passivamente — reduz o risco de uma venda passar despercebida.

Do celular à tela grande.

Home
Home — mobile
Catálogo
Produto
Produto — mobile
Carrinho
Carrinho — mobile
Checkout
Checkout — mobile
Pedidos — área do cliente
Pedidos — mobile
NOTA

ANTI-ABUSO — cupom de "primeira compra" precisa realmente valer só uma vez por cliente, não só na aparência. A validação confere direto no histórico de pedidos aprovados antes de liberar o desconto — e o contador de uso só sobe quando o pagamento é confirmado de verdade, não quando o cliente só digita o código.

Painel administrativo — ferramenta de trabalho.

Construído pra desktop — é onde a dona da loja gerencia o negócio no dia a dia, sem depender de mim pra nada disso.

Admin — dashboard

Dashboard

Admin — produtos

Produtos

Admin — pedidos

Pedidos

Admin — cadastro de produto

Cadastro de produto

NOTA

CUSTO x PERFORMANCE — hospedagem gratuita de imagem não inclui redimensionamento automático — cada foto seria entregue no tamanho original, pesando o carregamento. Resolvi com compressão automática no upload e um proxy de CDN gratuito por fora, sem custo extra pra loja e sem trocar de plano.

// próximo é o seu

Quer um site assim pro seu negócio?

Do briefing ao ar, sem intermediário. Me conta sobre o seu projeto.

Falar no WhatsApp →