Novo Atacarejo - Help Center
O Novo Atacarejo Help Center é uma solução de suporte inteligente desenvolvida para auxiliar clientes na campanha Pane de Ofertas, oferecendo um fluxo interativo de validação para garantir o uso correto do cashback. A aplicação foi construída com React, Next.js, TypeScript e Tailwind CSS, focando em acessibilidade, responsividade e uma arquitetura baseada em componentes limpa e moderna.
O projeto nasceu da necessidade do Novo Atacarejo de reduzir a sobrecarga no SAC (Serviço de Atendimento ao Cliente) durante a campanha Pane de Ofertas, oferecendo um canal oficial de suporte que esclarece dúvidas e conduz os clientes através de um fluxo estruturado de validação para garantir o uso correto do sistema de cashback.
Demonstração interativa
Principais Funcionalidades
- Wizard de Suporte Inteligente: Fluxo de perguntas condicionais que valida cada etapa necessária para o cashback.
- Sistema de Analytics Completo: Rastreamento detalhado de interações, cliques e comportamento do usuário.
- Pesquisa NPS Integrada: Avaliação de satisfação com 3 perguntas específicas sobre o atendimento.
- FAQ Interativo: Seção de dúvidas frequentes com respostas em formato de acordeão.
- Design Responsivo: Interface otimizada para desktop e mobile com navegação intuitiva.
- Formulário de Contato: Integração com sistema de e-mail para casos que requerem atendimento manual.
Arquitetura & Stack
| Categoria | Tecnologia | Propósito |
|---|---|---|
| Framework Principal | React / Next.js | Interface declarativa baseada em componentes e App Router. |
| Linguagem | TypeScript | Tipagem estática para segurança e manutenibilidade. |
| Estilização | Tailwind CSS | CSS utility-first para desenvolvimento rápido e consistente. |
| Banco de Dados | Prisma + PostgreSQL | ORM para gerenciamento de dados e migrações. |
| Validação | Zod | Validação de schemas e tipos em runtime. |
| Testes | Vitest + Testing Library | Testes unitários e de integração. |
| Analytics | API Customizada | Sistema próprio de rastreamento de métricas. |
| Hospedagem | Vercel | CI/CD e CDN global para performance. |
Fluxo de Suporte Inteligente
O sistema implementa um wizard de 9 etapas que valida cada condição necessária para o cashback:
- Cadastro no Clube Novo - Verifica se o usuário está cadastrado antes da compra
- Produtos Participantes - Confirma se os produtos comprados estão na lista de cashback
- Local da Compra - Valida se foi em loja física do Novo Atacarejo
- Identificação no Caixa - Confirma se o CPF foi informado no PDV
- Prazo de Liberação - Verifica se já passaram 48 horas da compra
- Consulta no App - Orienta sobre como verificar o saldo
- Validade do Saldo - Confirma se o cashback ainda está válido
- Uso no Caixa - Verifica se o usuário informou sobre o uso do cashback
- Cartão Virtual - Confirma se o usuário tem o app em mãos
Cada etapa oferece orientações específicas e CTAs direcionados quando necessário.
Informações do Projeto
- Localização: Pernambuco, Brasil 🇧🇷
- Investimento: Valor personalizado conforme escopo e requisitos do projeto
- Link: https://suporte.novoatacarejo.dilis.com.br/
- Tipo: Contratado por Dilis Studio
- Escopo: Desenvolvimento de ponta a ponta da aplicação