Creative Portfolio
O Desafio
Este projeto nasceu com o intuito inicial de ser um portfólio premiável (Awwwards / CSS Design Awards), mas acabou por evoluir para um Protótipo Interativo Premium. O desenvolvimento do site completo foi intencionalmente parado para dar lugar a um showcase técnico focado nas micro-interações de topo. O grande desafio foi materializar um ambiente visual luxuoso, de estética moderna e tipografia brutalista, desenhado para impactar nos primeiros 3 segundos da experiência.
A Solução
A "Elena Rostova" – uma Creative Developer & 3D Artist fictícia sediada em Berlim – foi a persona criada para conduzir a direção de arte. Desenvolvi um pre-loader customizado em SVG, uma secção Hero dinâmica com glitch effects (Framer Motion) e uma navegação extremamente fluida com transições de página seamless (cortinas de cor). Tudo foi desenhado sob uma paleta monocromática pincelada com detalhes num vermelho vibrante.
O Meu Papel
Atuei como UI/UX Designer e Front End, assumindo total controlo criativo e técnico. O foco foi 100% nas interações de alta fidelidade e na orquestração perfeita das animações para que corram a 60fps constantes. Converti este código para um projeto Open Source, disponível publicamente para quem quiser explorar as lógicas do Framer Motion e replicar as técnicas de navegação utilizadas ou simplesmente pegar nesta base e continuar o projeto e o tornar num website funcional e único.
Tipologia
Projeto Pessoal | Open Source
O Meu Papel
UI/UX Designer | Front End
Stack Core
Next.js | React | TailwindCSS | TypeScript
UI & Animações
Framer Motion | GSAP | Lenis Scroll
Código Fonte
Showcase de Interações
Galeria do Projeto