JAN 2, 2025
Loja de cadeiras de design com 3D na sala, Pix e painel ao vivo. Feita por mim, do banco ao pixel.
- E-commerce
- Do zero
- ambiente.73code.com ↗
o design italiano vive.
Criamos coleções contemporâneas de assentos.
Seta ChairVeja na sua sala →Novo · em 3D
O que é
Uma loja de cadeiras de design italiano. O cliente gira a peça em 3D, coloca na sala pelo celular e paga com Pix. Do outro lado, um painel cuida de pedidos, clientes e mensagens, e um telão mostra cada compra na hora.
- 24h
- atendimento e follow-up com o Otto
- 1 min
- da sacola ao Pix pago, no checkout expresso
- 720 ms
- do Pix pago ao telão
- AR
- a cadeira na sala, pelo celular
A loja abre como uma revista
O logo se abre para a foto, os entalhes recortam os cantos e a cadeira em destaque gira no canto da tela.
Tudo em JavaScript sobre as 27 páginas do site, lendo dados ao vivo da API da loja.
O catálogo
20 cadeiras em 4 coleções, 12 com modelo 3D. Nome, preço, variantes e fotos vivem no banco e são editados no painel.
Seta Chair
Hand made chairs
Nuvola Armchair
Hand made chairs
Trama Chair
Hand made chairs
Paglia Chair
Regular chairsVeja na sua sala
A cadeira gira na página do produto e abre em realidade aumentada no celular, em tamanho real, sem instalar nada.
Comprar leva um minuto
Sacola em gaveta, checkout expresso e Pix pela AbacatePay. O pedido nasce no banco, o pagamento confirma por webhook e o cliente acompanha tudo na conta.
Coleção Hand made em 3D
Seta Chair
Estrutura em madeira com travessas duplas e almofada costurada.
R$ 720,00no Pix
Acabamento
Madeira natural e almofada estofadaQuem está comprando, agora
O painel cuida do dia a dia: produtos, variantes, coleções, pedidos, clientes e mensagens, no claro ou no escuro. O telão mostra cada compra assim que acontece, com o caminho que o cliente fez até ela.
Marina comprou
Nuvola Armchair · R$ 890,00
- Visitantes
- 48hoje
- Carrinho
- 919%
- Pedidos
- 36%
- Pago hoje
- R$ 1.970,00
Como foi feito
Laravel 13 e Inertia com React. Banco modelado do zero, migrations, seeders, API, loja, painel, Pix e deploy numa VPS com nginx e PHP-FPM. 347 testes de PHP guardam o caminho da compra.
- Abertura e entalhes injetados no export do Framer por posição, não por classe: o Framer troca as classes a cada build.
- Catálogo 3D com model-viewer e realidade aumentada por QR code.
- Pix pela API v2 da AbacatePay, com webhook e simulação em desenvolvimento.
- Jornada do visitante gravada com PostHog e telão com poll de 1 s: do pedido ao telão em 720 ms.
Depois da compra
O Otto, meu atendente de IA, responde pelo WhatsApp da loja: confirma o pedido, tira dúvidas sobre prazo e troca e passa a conversa para a equipe quando o assunto foge do catálogo. Tudo acompanhado no painel.
O que fica
“Uma loja inteira nas mãos de uma pessoa só: do esquema do banco ao giro da cadeira na tela, com atendimento que responde às 23h.”
