275 lines
6.6 KiB
Markdown
275 lines
6.6 KiB
Markdown
# 📋 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 |