O cliente, um escritório de projetos de instalações, busca o desenvolvimento de um sistema web robusto para otimizar a geração, envio e acompanhamento de propostas comerciais de forma online. O objetivo é modernizar o processo atual e oferecer uma experiência mais dinâmica para os clientes.
O que temos hoje:
- um template html de proposta com placeholders dinâmicos (ex: {{nome_cliente}}, {{valor_total}}) que será a base para as novas propostas.
- Um mockup detalhado do novo design, criado por um designer, que deve ser implementado no sistema.
O que precisa ser feito:
1. Painel Admin (área interna com login):
- Desenvolvimento de um formulário intuitivo para criar novas propostas, preenchendo os campos dinâmicos do template.
- Implementação de checkboxes para seleção de disciplinas (Elétrica, Hidráulica, Esgoto, Gás, Especiais). Ao desmarcar uma disciplina, a seção correspondente deve ser removida da proposta final.
- Funcionalidade de geração automática de valores por extenso.
- Opção de pré-visualização da proposta antes da publicação.
- Publicação da proposta com a geração de um token único de 8 caracteres para acesso público.
- Dashboard administrativo com uma lista de todas as propostas, seus respectivos status e métricas de acesso.
- Funcionalidade para duplicar propostas existentes, agilizando a criação de novas.
2. Página pública (
proposta.XXXX.com.br/[token]):
- Desenvolvimento da página que renderizará a proposta com os dados preenchidos, seguindo rigorosamente o novo design fornecido no mockup.
- Atualização do html/css do template existente para se adequar ao novo layout.
- Garantir que a página seja totalmente responsiva, adaptando-se a desktops, tablets e dispositivos móveis.
- Inclusão de um botão 'Baixar pdf' que permita ao cliente fazer o download da proposta em formato pdf, mantendo a fidelidade visual ao layout web.
- Seção de aceite no final da proposta, que redirecionará o cliente para uma plataforma de assinatura digital.
3. Tracking / Analytics:
- Implementação de um sistema de rastreamento para registrar acessos à proposta, tempo de leitura por seção (simulando um mapa de calor de leitura), profundidade de rolagem (scroll depth) e tipo de dispositivo utilizado.
- Visualização clara e organizada desses dados de tracking dentro do painel administrativo.
4. Integração ZapSign (assinatura digital via API):
- Ao o cliente aprovar a proposta na página pública, o backend deverá gerar o PDF final da proposta e enviá-lo para o ZapSign via API.
- Redirecionamento automático do cliente para a plataforma ZapSign para que ele possa realizar a assinatura digital.
- Configuração de um webhook para que o sistema receba notificações do ZapSign e atualize o status da proposta no painel administrativo assim que a assinatura for concluída.
FORNECEMOS:
- Template HTML atual com placeholders.
- Mockup completo do novo design.
- Acesso ao DNS para configuração do subdomínio.
- Credenciais da API ZapSign (ambientes de sandbox e produção).
Prazo de Entrega: Não estabelecido