PORTFOLIOWEB
The site you're reading — designed and built from scratch as a sales tool and technical showcase.
A portfolio is not a CV. It's the first project any client evaluates.
Most designer portfolios are Behance links or a PDF. The challenge was to build something that demonstrates technical capabilities in the very act of existing — without saying it, showing it.
The site had to load fast, move well on mobile, tell a clear visual story and convert visitors into potential clients. All of that without sacrificing brand identity.
A site that is a product in itself — every scroll proves what it can do.
Editorial motion
GSAP ScrollTrigger in every section — parallax, skew, hero timeline. Animations that give rhythm without stealing the spotlight from the content.
Design tokens
Tailwind 4 with semantic CSS variables. One token change and the whole site changes. Scalable without chaos.
Real multi-lang
LangContext with full ES/EN. No heavy i18n libraries — 0kb extra in the bundle.
- 01
Brand Direction
Voice, palette and typography definition. Midnight Void as the main color — dark, editorial, technical without being cold.
- 02
Layout System
3-column grid for projects, stack-parent for sticky layers. Each section designed as a visual moment.
- 03
Motion Layer
GSAP ScrollTrigger for parallax on covers, skew on cards and hero timeline. Motion that reinforces hierarchy, doesn't distract.
- 04
Engineering
Next.js App Router, Tailwind 4 with design tokens, ES/EN multilingual via LangContext, automatic sitemap and meta.
- 05
Deploy & SEO
Vercel + custom domain. OG images, robots.txt, canonical URLs. Lighthouse 98+. Full load under 1.2s.
“The best portfolio is the one that demonstrates what you know how to do in the very act of showing it.”