Habilita Website

Site one-page para a Habilita — empresa de automação industrial, painéis elétricos e conformidade NR10/NR12. Apresenta serviços, portfólio de projetos, trajetória, processo de trabalho, tecnologias parceiras e formulário de contato em uma experiência visual premium.

React TypeScript Vite Tailwind CSS

Ver site ao vivo ↗ GitHub ↗

Antes

Empresa de automação industrial sem presença digital que transmitisse credibilidade técnica para decisores.

Solução

Site one-page premium com narrativa de serviços, cases, trajetória e formulário de contato — deploy em produção.

Resultado

Presença digital profissional ao vivo, com narrativa clara para decisores industriais e formulário de conversão.

Live site em produção

<2s carregamento

Sobre

O Habilita Website foi desenvolvido como vitrine digital da empresa — traduzindo credibilidade técnica em uma interface moderna, com narrativa clara para decisores industriais que buscam automação, painéis elétricos e engenharia de precisão.

Construído como SPA estática com React e Vite, o site prioriza performance, animações suaves e componentes reutilizáveis — cursor customizado, contadores animados, text reveal e cards interativos — sem backend, ideal para hospedagem estática.

01 Hero com slider de produtos e CTAs para serviços e contato

02 Contadores animados (+6 anos, 150+ projetos, 100% conformidade)

03 Cursor customizado e microinterações em toda a navegação

Principais funcionalidades

Hero interativo

Slides alternando painéis elétricos, CLPs e visão explodida de quadros — com badge de engenharia, headline em destaque e botões de conversão.

Serviços em bento grid

Cards para automação industrial, painéis elétricos, NR10/NR12 e integração de chão de fábrica — com ícones, descrições e links de aprofundamento.

Portfólio de projetos

Grid de cases reais (NR12, QGBT, EtherCAT, SCADA) com tags técnicas, destaque editorial e estatísticas da empresa.

Trajetória & processo

Timeline vertical com marcos de 2020 a 2024 e fluxo horizontal em 5 etapas — do diagnóstico técnico ao suporte contínuo.

Tecnologia & parceiros

Seção de equipamentos e plataformas — OMRON, EtherCAT, Siemens — reforçando credibilidade com fabricantes líderes do mercado.

Contato & UX premium

Formulário institucional, navbar flutuante com glassmorphism, scroll suave entre seções e animações de entrada no viewport.

Arquitetura

A arquitetura segue o padrão de componentes por seção: cada bloco da página (Hero, Serviços, Projetos, etc.) é um componente React independente, estilizado com Tailwind e animações customizadas, compilado pelo Vite em assets estáticos prontos para deploy.