Site Institucional

Automata Marketing

O Automata Marketing é um site institucional moderno desenvolvido para uma agência de marketing. O foco do projeto foi criar uma presença digital de alto nível que refletisse a abordagem inovadora da agência, utilizando design de movimento avançado e uma interface profissional e limpa.

Principais Funcionalidades

Animações Avançadas: Implementação de revelações complexas baseadas no scroll e transições suaves utilizando GSAP.
Geração de Site Estático (SSG): Desenvolvido como um site totalmente estático para garantir tempos de carregamento instantâneos e indexação superior de SEO.
Design Responsivo: Layout fluido otimizado para todas as categorias de dispositivos, desde smartphones até monitores ultra-wide.
Componentes de UI Interativos: Elementos personalizados construídos com primitivos do Shadcn UI para garantir consistência e acessibilidade.
Foco em Performance: Pontuações elevadas no Core Web Vitals através da otimização nativa de imagens e assets do Next.js.

Stack Técnica

Camada	Tecnologias
Frontend	Next.js, TypeScript, Shadcn UI, Tailwind CSS
Animações	GSAP (GreenSock Animation Platform)
Design	Figma (UI/UX Design)
Deployment	Vercel
Arquitetura	Static Site Generation (SSG)

Desafios Técnicos e Design

Como responsável pelo UI/UX e Desenvolvimento, o objetivo principal foi entregar uma experiência visual impactante sem comprometer a usabilidade ou a performance técnica.

Orquestração de Animações: Integrar o GSAP em um ambiente React/Next.js exigiu um gerenciamento cuidadoso do ciclo de vida do DOM para garantir animações fluidas e não bloqueantes em diferentes navegadores.
Design de Experiência (UI/UX): Projetei a interface no Figma focando em uma navegação intuitiva que conduz o usuário através do portfólio da agência, utilizando o movimento como ferramenta de narrativa e não apenas adorno.
Fidelidade entre Navegadores: Garantir que caminhos de movimento complexos e transições de layout permanecessem consistentes entre Safari, Chrome e Firefox, especialmente em dispositivos móveis.