Escopo da entrega
Base fornecida pelo cliente
O cliente forneceu um arquivo HTML estático (index.html) contendo:
- Design visual completo (cores, tipografia, layout)
- Estrutura das seções: hero, serviços, sobre, missão, Instagram, contato e rodapé
- Responsividade básica para mobile
O que foi desenvolvido sobre essa base
Infraestrutura e deploy
- Migração do HTML estático para Nuxt 3 (framework Vue)
- Sistema de conteúdo via arquivos JSON — cliente atualiza textos e imagens sem tocar em código
- Deploy automático via GitHub Actions + Cloudflare Pages a cada push na
main
- HTTPS automático e CDN global pelo Cloudflare
- Domínio customizado do cliente configurado
SEO
- Implementação de Schema.org (dados estruturados) para melhor indexação no Google
- Meta tags otimizadas (title, description, og:image)
seo.json centralizado para controle de todos os metadados
Rastreamento e Analytics
- Integração com Google Analytics 4 (GA4)
- Eventos customizados rastreados:
generate_lead — clique em botões de contato e WhatsAppselect_item — visualização de serviços
- Cloudflare Analytics configurado
Seção Instagram — melhorias significativas
A seção original exibia apenas placeholders estáticos sem funcionalidade. Foi completamente reimplementada:
- Lightbox com carrossel — clique em qualquer imagem abre visualização em tela cheia
- Navegação por setas e teclado (← →, Esc)
- Swipe horizontal no mobile para navegar entre fotos
- Grid expansível — exibe 12 fotos com degradê e seta animada; ao expandir mostra todas
- Seta de recolher com scroll automático de volta ao topo da seção
- Link "Ver no Instagram" no rodapé do lightbox por post
Remoção de funcionalidades não implementadas
- Removido o formulário de envio de mensagem que existia no design original — o formulário não tinha backend e gerava expectativa no usuário sem funcionar. Substituído por links diretos de contato (WhatsApp, e-mail, telefone)
Componentização e manutenibilidade
- Cada seção é um componente Vue independente
- Conteúdo 100% separado do código — editar
content/*.json atualiza o site automaticamente após push
- Arquitetura de template reutilizável (
code7tecbr/abit-template) para futuros clientes
O que o cliente recebe
- Site publicado e funcional no domínio próprio
- Acesso ao repositório de conteúdo (
content/ e public/)
- Deploy automático configurado na conta Cloudflare do cliente
- GA4 rastreando leads e interações
O que não está incluído
- Código-fonte do framework (componentes Vue, assets, lógica de build)
- Suporte a alterações estruturais fora dos arquivos de conteúdo JSON
- Backend / formulário de contato com envio real de e-mail
Valor
R$ 800,00
Observações
- Código-fonte do framework permanece de propriedade da Code7
- Cliente recebe o site publicado e controle do repositório de conteúdo
- Manutenção, novas seções e ajustes estruturais sob consulta
Escopo da entrega
Base fornecida pelo cliente
O cliente forneceu um arquivo HTML estático (
index.html) contendo:O que foi desenvolvido sobre essa base
Infraestrutura e deploy
mainSEO
seo.jsoncentralizado para controle de todos os metadadosRastreamento e Analytics
generate_lead— clique em botões de contato e WhatsAppselect_item— visualização de serviçosSeção Instagram — melhorias significativas
A seção original exibia apenas placeholders estáticos sem funcionalidade. Foi completamente reimplementada:
Remoção de funcionalidades não implementadas
Componentização e manutenibilidade
content/*.jsonatualiza o site automaticamente após pushcode7tecbr/abit-template) para futuros clientesO que o cliente recebe
content/epublic/)O que não está incluído
Valor
R$ 800,00
Observações