SistemaTech

Desenvolvimento web · Cascavel, Paraná

Layout todo mundo entrega.
Eu entrego a loja funcionando.

Sites e lojas online em Next.js, React e Supabase — com checkout de Pix e cartão, painel de administração e estoque que baixa sozinho quando o pagamento aprova.

Projetos nesta página
3
Rotas na maior loja
22
Endpoints de API
8
Meios de pagamento
Pix · cartão

Trabalho

Três projetos, três problemas diferentes

Um vende, um precisa gerar ligação, um precisa sustentar uma marca.

Frasco de perfume importado fotografado para a loja Mini Perfumes CVL

E-commerce completo

Mini Perfumes CVL

Loja de decants de perfumes importados. O cliente escolhe o volume, paga no Pix com QR gerado na própria página e acompanha o rastreio — sem ninguém do outro lado apertando botão para o pedido andar.

Checkout
Pix com confirmação automática e cartão em até 3×, via Mercado Pago
Estoque
baixa por variante no webhook de aprovação do pagamento
Painel
pedidos, preço e estoque, depoimentos, etiqueta e rastreio
Escala
22 rotas e 8 endpoints de API · páginas de trocas e privacidade (LGPD)
  • Next.js 15
  • React 19
  • TypeScript
  • Supabase · Postgres + RLS
  • Mercado Pago
  • Zustand
  • Zod
  • Vercel
Fachada da Churrascaria Rosário à beira da BR-277

Institucional de conversão

Churrascaria Rosário

Rodízio na BR-277. A abertura é uma sequência de 192 quadros desenhada em canvas conforme você desce a página. O site tem um trabalho só: virar ligação no WhatsApp.

Detalhe
resolve o 100vh do mobile — a altura trava no maior viewport já visto, então a barra de endereço aparecendo e sumindo não quebra a animação
Acesso
foco visível no teclado e prefers-reduced-motion respeitado
  • Vite
  • React 18
  • TypeScript
  • Tailwind v4
  • shadcn/ui
Imagem de abertura da loja de semijoias AL Citrino

Marca e catálogo

AL Citrino

Semijoias. O design não foi “achei bonito”: são 8 regras escritas antes da primeira linha de código, cada uma verificável no navegador por getComputedStyle. Passou ou não passou.

Regras
duas famílias tipográficas e nada além · no máximo 4 tamanhos de fonte por tela · acento no máximo 2× por viewport · box-shadow: none em 100% dos elementos
Extra
bot de WhatsApp que registra lead, agendamento e venda no Postgres
  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind v4
  • Supabase

Método

Como eu trabalho

01

A regra vem antes do código

O sistema de design vira arquivo versionado, com valores que dá para medir. Revisão deixa de ser discussão de gosto e vira “passou” ou “não passou”.

02

Acabamento é o produto

Contraste conferido, foco visível para quem usa teclado, movimento que respeita quem pediu menos movimento e imagem com peso controlado. É o que separa “caro” de “amador”.

03

Entrego no ar, não em PDF

Deploy, domínio, HTTPS e o painel na mão do cliente. Se o site recebe pagamento, ele aprova de verdade antes de eu considerar entregue.

Tem um projeto?

Me conta o que o site precisa fazer — vender, agendar, receber orçamento — e eu respondo o que dá para entregar e em quanto tempo. Sem proposta de 20 páginas.