Initial commit: CMS completo com gerenciamento de leads e personalização de tema
This commit is contained in:
Erik
275
docs/briefing-client.md
Normal file
275
docs/briefing-client.md
Normal file
@@ -0,0 +1,275 @@
|
||||
# 📋 Briefing de Criação de Site - Cliente: Jhonattan Morette
|
||||
|
||||
## 👤 Informações do Cliente
|
||||
|
||||
| Campo | Informação |
|
||||
|-------|-----------|
|
||||
| **Nome Completo** | Jhonattan Morette Mahcado de Oliveira |
|
||||
| **Empresa** | Octto Serviços e Produtos de Engenharia LTDA |
|
||||
| **Data do Briefing** | 24/10/2025 às 14:23 (GMT-3) |
|
||||
|
||||
---
|
||||
|
||||
## 🎯 Objetivo do Site
|
||||
|
||||
**Apresentar marca ou portfólio**
|
||||
|
||||
O cliente deseja um site profissional para divulgar os serviços e produtos da empresa, estabelecendo presença online e criando confiança com potenciais clientes.
|
||||
|
||||
---
|
||||
|
||||
## 🌐 Domínio e Hospedagem
|
||||
|
||||
**Status:** Ainda não possui
|
||||
|
||||
O cliente não possui domínio ou hospedagem. Recomendações:
|
||||
- Registrar domínio em Registro.br ou GoDaddy
|
||||
- Hospedagem via Dokploy
|
||||
- Email corporativo configurado
|
||||
|
||||
---
|
||||
|
||||
## 👥 Público-Alvo
|
||||
|
||||
| Aspecto | Descrição |
|
||||
|--------|-----------|
|
||||
| **Tipo** | Empresas diversas |
|
||||
| **Abrangência** | Nível nacional |
|
||||
| **Perfil** | B2B (Business to Business) |
|
||||
| **Interesses** | Serviços e produtos de engenharia |
|
||||
|
||||
O público é segmentado para empresas em todo o Brasil que buscam soluções em engenharia.
|
||||
|
||||
---
|
||||
|
||||
## 📄 Páginas Solicitadas
|
||||
|
||||
- ✅ **Página Inicial** (Home)
|
||||
- ✅ **Sobre a Empresa**
|
||||
- ✅ **Serviços / Produtos**
|
||||
- ✅ **Contato**
|
||||
|
||||
**Total:** 4 páginas principais
|
||||
|
||||
---
|
||||
|
||||
## 🎨 Identidade Visual
|
||||
|
||||
| Elemento | Status |
|
||||
|----------|--------|
|
||||
| **Logotipo** | ✅ Disponível (cliente possui) |
|
||||
| **Cores Definidas** | ❌ Não informadas |
|
||||
| **Paleta de Cores** | A definir conforme logotipo |
|
||||
| **Tipografia** | A definir |
|
||||
| **Estilo Visual** | Profissional e corporativo |
|
||||
|
||||
**Ação Necessária:** Solicitar ao cliente as cores oficiais da marca ou extrair do logotipo.
|
||||
|
||||
---
|
||||
|
||||
## 📸 Conteúdo Disponível
|
||||
|
||||
| Item | Status |
|
||||
|------|--------|
|
||||
| **Textos** | ❌ Não possui - precisamos criar |
|
||||
| **Imagens** | ❌ Não possui - precisamos ajudar |
|
||||
|
||||
**O que fazer:**
|
||||
1. Criar textos profissionais para cada página
|
||||
2. Buscar imagens de engenharia (stock photos ou criar)
|
||||
3. Organizar portfólio de projetos existentes
|
||||
|
||||
---
|
||||
|
||||
## ⚙️ Funcionalidades Especiais
|
||||
|
||||
### 🔗 Integração WhatsApp
|
||||
- **Status:** Solicitado
|
||||
- **Implementação:**
|
||||
- Botão flutuante de WhatsApp
|
||||
- Link direto no formulário de contato
|
||||
- Redirecionamento automático após envio de lead
|
||||
- **Número:** A definir com cliente
|
||||
|
||||
### 📋 Formulário de Contato
|
||||
- Nome, Email, Telefone/WhatsApp
|
||||
- Mensagem
|
||||
- Captura de leads automática
|
||||
- Integração LGPD
|
||||
|
||||
---
|
||||
|
||||
## 💭 Impressão Desejada
|
||||
|
||||
O cliente quer que o visitante tenha as seguintes percepções ao acessar o site:
|
||||
|
||||
1. **🏢 Profissional e Confiável**
|
||||
- Design limpo e organizado
|
||||
- Textos bem estruturados
|
||||
- Credibilidade
|
||||
|
||||
2. **🚀 Moderna e Tecnológica**
|
||||
- Interface moderna
|
||||
- Responsiva e rápida
|
||||
- Atualizada
|
||||
|
||||
3. **✨ Criativa e Ousada**
|
||||
- Design diferenciado
|
||||
- Cores impactantes
|
||||
- Inovação visual
|
||||
|
||||
4. **🏛️ Corporativa e Séria**
|
||||
- Tom profissional
|
||||
- Confiança
|
||||
- Solidez
|
||||
|
||||
---
|
||||
|
||||
## 📊 Requisitos Técnicos
|
||||
|
||||
| Requisito | Implementação |
|
||||
|-----------|--------------|
|
||||
| **Framework** | Next.js 14+ |
|
||||
| **Linguagem** | TypeScript + React |
|
||||
| **Banco de Dados** | PostgreSQL com Prisma |
|
||||
| **Autenticação** | NextAuth.js (painel admin) |
|
||||
| **Estilização** | Tailwind CSS |
|
||||
| **Deploy** | Dokploy |
|
||||
| **LGPD** | ✅ Completo |
|
||||
| **Cookies** | ✅ Gerenciamento profissional |
|
||||
| **SEO** | ✅ Otimizado |
|
||||
|
||||
---
|
||||
|
||||
## 🛠️ Funcionalidades Implementadas
|
||||
|
||||
### Site Público
|
||||
- ✅ Homepage atrativa
|
||||
- ✅ Página Sobre com história da empresa
|
||||
- ✅ Catálogo de Serviços/Produtos
|
||||
- ✅ Portfólio de Projetos
|
||||
- ✅ Formulário de Contato (LGPD)
|
||||
- ✅ Integração WhatsApp
|
||||
- ✅ Política de Privacidade
|
||||
- ✅ Política de Cookies
|
||||
- ✅ Responsivo (Mobile/Tablet/Desktop)
|
||||
- ✅ SEO Otimizado
|
||||
|
||||
### Painel Administrativo (Para o Cliente)
|
||||
- ✅ Dashboard com estatísticas
|
||||
- ✅ Gerenciador de Serviços (CRUD)
|
||||
- ✅ Gerenciador de Projetos (CRUD)
|
||||
- ✅ Editor de Páginas (Textos/Imagens)
|
||||
- ✅ Configurações da Empresa
|
||||
- ✅ **Sistema de Gestão de Leads** ← NOVO
|
||||
- ✅ Autenticação segura
|
||||
|
||||
### Sistema de Gestão de Leads
|
||||
- ✅ Formulário de contato profissional
|
||||
- ✅ Dashboard com filtros
|
||||
- ✅ Página de detalhes do lead
|
||||
- ✅ Histórico de atividades
|
||||
- ✅ Notas internas
|
||||
- ✅ Status e prioridades
|
||||
- ✅ Rastreamento LGPD
|
||||
|
||||
### Conformidade Legal
|
||||
- ✅ LGPD 100% conforme
|
||||
- ✅ Banner de cookies
|
||||
- ✅ Políticas completas
|
||||
- ✅ Consentimento explícito
|
||||
- ✅ Direitos do usuário
|
||||
|
||||
---
|
||||
|
||||
## 📈 Próximas Etapas
|
||||
|
||||
### 1. **Confirmação com Cliente**
|
||||
- [ ] Validar número WhatsApp
|
||||
- [ ] Coletar cores da marca
|
||||
- [ ] Coletar logotipo em alta resolução
|
||||
- [ ] Coletar textos/conteúdo existente
|
||||
- [ ] Validar domínio desejado
|
||||
|
||||
### 2. **Desenvolvimento**
|
||||
- [ ] Criar página Home atrativa
|
||||
- [ ] Estruturar página Sobre
|
||||
- [ ] Organizar Serviços/Produtos
|
||||
- [ ] Configurar Contato + WhatsApp
|
||||
- [ ] Implementar Painel Admin
|
||||
|
||||
### 3. **Testes**
|
||||
- [ ] Testes de funcionalidade
|
||||
- [ ] Teste responsivo
|
||||
- [ ] Teste SEO
|
||||
- [ ] Teste LGPD/Cookies
|
||||
- [ ] Teste de performance
|
||||
|
||||
### 4. **Deploy**
|
||||
- [ ] Registrar domínio
|
||||
- [ ] Configurar hospedagem
|
||||
- [ ] Deploy em produção
|
||||
- [ ] Configurar email corporativo
|
||||
- [ ] Treinamento do cliente
|
||||
|
||||
---
|
||||
|
||||
## 💼 Plano de Trabalho
|
||||
|
||||
| Fase | Duração | Deliverables |
|
||||
|------|---------|-------------|
|
||||
| **Planejamento** | 2-3 dias | Estrutura, wireframes, arquitetura |
|
||||
| **Desenvolvimento** | 1-2 semanas | Código completo, testes |
|
||||
| **Refinamento** | 3-5 dias | Ajustes, otimizações |
|
||||
| **Deploy** | 2-3 dias | Produção, treinamento |
|
||||
| **Total** | **3-4 semanas** | Site profissional pronto |
|
||||
|
||||
---
|
||||
|
||||
## 💰 Escopo do Projeto
|
||||
|
||||
### ✅ Incluído
|
||||
- Site Next.js moderno
|
||||
- Painel administrativo completo
|
||||
- Sistema de gestão de leads
|
||||
- LGPD 100% conforme
|
||||
- Integração WhatsApp
|
||||
- Hospedagem e domínio (orientação)
|
||||
- Documentação completa
|
||||
- Treinamento básico
|
||||
|
||||
### ⏳ Futuro (Próximas Fases)
|
||||
- App mobile
|
||||
- Integração com ERP
|
||||
- Automações avançadas
|
||||
- Analytics aprofundado
|
||||
- Blog/Newsroom
|
||||
|
||||
---
|
||||
|
||||
## 🎯 Sucesso Definido Como
|
||||
|
||||
✅ Site ao vivo em produção
|
||||
✅ Capturando leads automaticamente
|
||||
✅ Cliente consegue gerenciar conteúdo
|
||||
✅ 100% conforme LGPD
|
||||
✅ Profissional e moderno
|
||||
✅ Responsivo em todos os devices
|
||||
✅ Otimizado para SEO
|
||||
✅ Taxa de conversão melhorada
|
||||
|
||||
---
|
||||
|
||||
## 📞 Contato e Próximas Ações
|
||||
|
||||
**Cliente:** Jhonattan Morette
|
||||
**Empresa:** Octto Engenharia
|
||||
**Status:** ✅ Briefing recebido - Pronto para desenvolver
|
||||
|
||||
**Próximo Passo:** Validar informações faltantes (cores, WhatsApp, conteúdo)
|
||||
|
||||
---
|
||||
|
||||
**Data de Elaboração:** Novembro 2024
|
||||
**Versão:** 1.0
|
||||
**Status:** ✅ Completo e Aprovado
|
||||
Reference in New Issue
Block a user