Plataforma Web de Apresentação de Soluções Empresariais, Automação de Processos e Inteligência Artificial
O Portfólio Oficial de Alan Silva (disponível em alansilva.site) é uma plataforma web de alta performance construída para apresentar soluções tecnológicas empresariais, automações de fluxos operacionais e ecossistemas de software proprietários.
Desenvolvido em Vanilla JavaScript e Three.js, o site combina recursos visuais imersivos em 3D, carregamento assíncrono de modelos gráficos, layout responsivo avançado e alta velocidade de renderização sem a sobrecarga de frameworks pesados.
| Seção Hero e Experiência 3D | Apresentação de Serviços e Proposta |
|---|---|
 |
 |
| Vitrine de Projetos e Casos de Uso | Formulário de Contato e Chamada para Ação |
|---|---|
 |
 |
- Investigação Forense e Perícia Criminal: Graduação focada em análise lógica, investigação de dados e solução de problemas complexos.
- Automação Industrial: Formação técnica em controle de processos, eficiência operacional e sistemas integrados.
- Parceiro Certificado BotConversar: Especialização em fluxos conversacionais e automação de atendimento via WhatsApp.
- Comunidade Sem Codar (Renato Asse): Capacitação avançada em desenvolvimento rápido de sistemas web e SaaS.
- Comunidade Dinastia (Guilherme Reis): Formação em engenharia de soluções e negócios de tecnologia.
A plataforma serve como hub central para apresentação de ecossistemas desenvolvidos em produção:
- NERO CRM: Plataforma Enterprise de gestão de leads, pipeline de vendas e atendimento omnichannel com agentes de IA.
- Espetinho Vitória: Ecossistema de gestão de restaurantes, cardápio digital PWA, Kanban de cozinha em tempo real e impressão térmica.
- Intelflux Concursos: Plataforma EdTech de simulados inteligentes e correção de redação com inteligência artificial.
- ZAPDIN e UPZY: Soluções de automação e gestão financeira de produtos digitais.
- Zero-Dependency Core: Construção baseada em HTML5 semântico e CSS3 modular para minimizar o peso do bundle e garantir taxas elevadas no Google Lighthouse.
- Renderização 3D com Three.js: Inclusão de modelos tridimensionais com suporte a fallback de renderização e carregadores assíncronos em múltiplos caminhos de produção na Vercel.
- Arquitetura de Animações: Transições suaves baseadas em Intersection Observer API para alta taxa de quadros (60 FPS) em dispositivos móveis e desktop.
- SEO e Acessibilidade: Estruturação completa de meta tags OpenGraph, dados estruturados JSON-LD e contraste ajustado para leitura.
- JavaScript (ES6+): Programação orientada a objetos e módulos JS nativos.
- Three.js: Engine de renderização de gráficos 3D no navegador via WebGL.
- HTML5: Estrutura semântica otimizada para buscadores.
- CSS3: Design System baseado em variáveis CSS, Flexbox e CSS Grid.
- Vercel: Hospedagem global em rede Edge CDN com suporte a HTTPS e compactação Brotli.
- Domínio Personalizado: Resolução DNS direta em
alansilva.site.
portfolio/
├── assets/ # Modelos 3D (.gltf / .glb), imagens e texturas
├── css/ # Folhas de estilo modulares (main.css, responsive.css, animations.css)
├── js/ # Lógica de scripts (main.js, three-scene.js, animations.js)
├── index.html # Ponto de entrada HTML semântico
├── vercel.json # Configurações de rotas e headers de cache da Vercel
└── package.json # Manifesto do projeto e dependências estáticas
- Servidor web estático (ex: Live Server, Vite, Python http.server ou Node.js)
-
Clonar o Repositório:
git clone https://github.com/Alan-silva01/portfolio.git cd portfolio -
Executar Servidor Local: Usando Python:
python3 -m http.server 8000
Ou usando
npx serve:npx serve . -
Acessar no Navegador: Abra
http://localhost:8000no navegador.
Desenvolvido por Alan Silva | Soluções em Automação e Software Empresarial