Voltar ao portfólio
Desenvolvimento

Devalex

Devalex é um portfólio de creative developer feito para impressionar já no primeiro scroll. Uma página longa, com tipografia serifada grande, layout assimétrico e animações que reagem ao movimento, no padrão dos sites premiados do Awwwards.

Cliente
Desenvolvedor full stack
Segmento
Desenvolvimento
Ano
2026
Entrega
Site de portfólio interativo
Devalex, Desenvolvimento
O desafio

Por onde a gente começou

Um bom desenvolvedor precisa de um portfólio que prove isso na primeira tela. Página institucional genérica não passa domínio técnico nem fica na memória de quem contrata.

A abordagem

O que a Verion entregou

  1. 01

    Construímos em Next.js 16 com App Router e React Server Components, com tipografia serifada grande e layout assimétrico de agência.

  2. 02

    Scroll suave global com Lenis e animações ligadas ao scroll via Framer Motion, incluindo uma cortina elástica que reage à velocidade do movimento.

  3. 03

    Detalhes que dão personalidade: cursor customizado, preloader com logo animado, campo de partículas reativo ao mouse e uma foto com física de pêndulo.

  4. 04

    Seções de sobre, stack, projetos e roadmap alimentadas por JSON, com troca de tema claro e escuro e conteúdo multilíngue.

  5. 05

    Performance e acessibilidade cuidadas: imagens em AVIF e WebP, carregamento prioritário no hero e animações que respeitam quem prefere menos movimento.

Funcionalidades

O que entrega no dia a dia

  • Scroll suave global com Lenis
  • Cursor customizado e preloader animado
  • Cortina elástica reativa à velocidade do scroll
  • Partículas interativas e foto com física de pêndulo
  • Tema claro e escuro com conteúdo multilíngue
  • Seções de projetos, stack e roadmap
  • Tipografia serifada e layout assimétrico premium
  • Acessível: respeita prefers-reduced-motion
O resultado

O portfólio ficou com cara de site premiado: memorável, fluido e com identidade forte. Do preloader ao rodapé, cada seção reforça a competência técnica de quem ele apresenta.