Projeto de Revitalização | FC Gestão Estratégica

Revitalização completa do site institucional com foco em performance, SEO e uma experiência de usuário (UX) de alto nível.

⌛ Em desenvolvimento ⚠️ V1.0.0 📄 Licença

🚀 Navegue pelo Site

Explore as páginas do projeto que estão no ar através dos links abaixo:

🏠 Home

🛠️ Serviços

🏢 Sobre Nós

📞 Contato

✍️ Blog

Artigos Recentes:

Desvendando o AERMOD | Novas diretrizes da CETESB | A importância do Monitoramento

📋 Detalhes do Projeto

🎯 Objetivos Estratégicos

O projeto foi guiado pelos seguintes pilares:

• 🎨 UX/UI Profissional: Implementar um design moderno, limpo e intuitivo, seguindo as melhores práticas de mercado para transmitir profissionalismo e confiança.
• 🎯 Landing Page Focada em Conversão: Transformar a página inicial em uma ferramenta que guia o usuário de forma clara até a chamada para ação (contato).
• 🔍 Otimização para SEO: Estruturar todo o conteúdo e código para maximizar o ranqueamento orgânico, especialmente para o termo "Estudo de Dispersão Atmosférica".
• ⚡ Alta Performance e Segurança: Utilizar uma arquitetura estática para garantir um site extremamente rápido, seguro e com manutenção simplificada.
• 📱 Responsividade Total: Garantir uma experiência de navegação perfeita e consistente em todos os dispositivos, de desktops a smartphones.
• 🌐 Compatibilidade de Hospedagem: A estrutura simples permite que o site seja hospedado em qualquer serviço comum, sem configurações complexas.

💻 Tecnologias Utilizadas

A escolha tecnológica priorizou a performance, simplicidade e as melhores ferramentas para um front-end moderno.

• HTML5: Para a estruturação semântica de todo o conteúdo.
• Tailwind CSS: Framework CSS utility-first para a criação de um design moderno e responsivo de forma ágil.
• CSS3 Customizado: Estilos personalizados para animações avançadas, efeitos de hover e parallax.
• JavaScript (Vanilla): Utilizado para interatividade, como animações de scroll e modais, sem a necessidade de bibliotecas pesadas.

✨ Funcionalidades e Destaques

• ✨ Animações de Scroll: Elementos surgem suavemente na tela à medida que o usuário rola a página.
• 🏞️ Efeito Parallax: Seções com imagens de fundo fixas que criam uma percepção de profundidade.
• 🖱️ Microinterações: Efeitos sutis de hover em botões e links que fornecem feedback visual.
• 📌 Header Fixo e Inteligente: O cabeçalho permanece no topo da página durante a navegação para fácil acesso.
• 🎬 Modal de Vídeo: Player de vídeo que abre sobre a página, mantendo o usuário no site.
• 📰 Seção de Blog: Páginas de artigos individuais para aprofundamento de conteúdo e SEO.

📂 Estrutura de Arquivos

/
|-- index.html                    (Landing Page principal)
|-- servicos.html                 (Página detalhada de serviços)
|-- sobre.html                    (Página institucional da empresa)
|-- contato.html                  (Página de contato com formulário)
|-- blog.html                     (Página agregadora para os posts do blog)
|-- blog.html#post-aermod            (Página do artigo sobre AERMOD)
|-- blog.html#post-cetesb            (Página do artigo sobre CETESB)
|-- blog.html#post-qualidade-ar      (Página do artigo sobre Qualidade do Ar)
|-- sitemap.xml                   (Mapa do site para os buscadores)
|-- robots.txt                    (Diretrizes para os robôs de busca)
|-- README.md                     (Esta documentação)

☁️ Como Fazer o Deploy (Hospedagem)

A hospedagem deste site é extremamente simples:

1. Escolha um provedor de hospedagem de sites estáticos (Netlify, Vercel, GitHub Pages, etc.).
2. Faça o upload de todos os arquivos do projeto para a pasta raiz do seu servidor (geralmente public_html ou www).

O site estará no ar, sem necessidade de configuração de banco de dados ou backend.

Desenvolvido como parte de um projeto de modernização e reposicionamento estratégico.