Estudo de caso
Pratele
Catálogo conversacional demonstrativo para pequenos ateliês, com busca, filtros e contato por WhatsApp a partir de cada peça.
Tecnologias
- React
- TypeScript
- Vite
- Tailwind CSS
- Playwright
Contexto
O Pratele apresenta o Ateliê Aurora de Barro, fictício, com cerâmicas autorais. A ideia é ajudar negócios pequenos a explicar materiais, prazos e opções de cada peça sem montar um e-commerce completo.
Decisões
01Conversa no lugar de checkout
Em vez de carrinho e pagamento, cada peça leva a uma conversa no WhatsApp com o contexto do produto, o que combina com encomendas feitas à mão.
02Transparência sobre dados fictícios
A interface avisa, de forma visível, que valores e prazos são demonstrativos.
03Testes de interface e acessibilidade
Testes e2e com Playwright e axe-core cobrem os fluxos principais nos tamanhos desktop e celular, além de testes unitários com Vitest.
Resultados
- Lighthouse mobile
- 98 / 100 / 100 / 100
- Testes e2e
- 8
Lighthouse: desempenho / acessibilidade / boas práticas / SEO, em modo mobile, medidos localmente em 19/10/2026.
O que ainda falta
- Peças, valores, prazos e o ateliê são fictícios.