How I built my portfolio Wanted something more visual than a typical dev portfolio, so I went loo...How I built my portfolio Wanted something more visual than a typical dev portfolio, so I went loo...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Wanted something more visual than a typical dev portfolio, so I went looking on Codrops (they publish free front-end demos/tutorials) and found a cinematic 3D scroll demo — GSAP + Three.js + WebGL, with a shader particle scene and a scroll-controlled camera with animated type.
Used that as the base, then reworked the sections around my own work: swapped the placeholder content/images for my projects and info, retuned the scroll animations to fit a portfolio flow instead of a tutorial demo, and shipped it on Vercel.
Built my portfolio in 1 hour after years of procrastinating. The trick: references first, design every motion yourself, dictate prompts with Wispr Flow, name #GSAP + #Lenis, build with Claude, publish with #Lovable. AI executes, you direct. 👇
Some concept work from the agency. Planning to share more of what we create, from clean interfaces to the little motion details that bring them to life.
Check out the website: https://urest.agency/
An exploration of experimental graphic design, sculptural form, and architectural minimalism.
PAPER MONOLITH transforms the delicate nature of paper into a monumental visual statement. Inspired by origami geometry and contemporary architecture, this concept combines intricate folded structures, sophisticated typography, and refined editorial composition.
Created for 1286 CRAFT, the project explores the contrast between softness and strength through ivory-toned sculptural forms, realistic CGI aesthetics, precise geometric detailing, and a minimalist Swiss-inspired design approach.
The accompanying cinematic motion design brings the composition to life through subtle unfolding movements, atmospheric lighting, and elegant visual storytelling.
Creative Direction: Experimental Graphic Design, 3D Art Direction, Editorial Typography, Conceptual Design, Architectural Visualization, AI-Assisted Visual Design, and Cinematic Motion Design.