Portfolio Website
CrystForge
CrystForge needed a portfolio that felt premium the moment someone landed on it. I built a responsive Next.js site with Framer Motion so the brand could present work with motion instead of a static brochure.
Challenge
A typical template site would have made the studio look generic. The page had to load quickly, stay readable on mobile, and still feel cinematic.
Solution
I designed a Next.js and Tailwind layout, then layered Framer Motion on sections, cards, and transitions so the site feels alive without hurting performance.
Process
01 Direction
Defined the visual tone, section order, and the moments that needed motion versus stillness.
02 Layout
Built a responsive Next.js structure so hero, work, and contact stay balanced from phone to desktop.
03 Motion
Added Framer Motion sequences that support the story instead of distracting from it.
04 Launch
Tuned spacing and performance, then shipped the live site on crystforge.com.
Highlights
- Cinematic hero and section transitions
- Fully responsive layout
- Framer Motion scroll and hover effects
- Fast Next.js pages with Tailwind
- Clear path from work to contact