Guilherme Marques

Creative Portfolio

Pessoal Frontend Design Portfólio
2026
Creative Portfolio Capa Principal
Clique para Ampliar

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