L Vega Animations
A portfolio site for an animation and motion graphics artist. The design leads with the work; the Sanity CMS backend handles content updates after handoff.
Visit live site
Results
The Problem
LVegaAnimations needed a portfolio site ready for active job applications at animation studios and agencies. The brief covered multiple pages across categories including Animation, Motion Graphics, and Studio Art. Two things made the project non-trivial. First, the client had over 40 existing pieces that needed curation, not just display. Second, the site needed to support independent content updates after handoff. A portfolio that requires a developer every time a new piece goes up isn't really a portfolio; it's a liability.
The gallery-first design direction added a performance constraint that a standard portfolio build doesn't have. When the artwork is the whole point, layout instability and rough transitions on mobile aren't just inconvenient. They undercut the work before a recruiter has a chance to look at it.
The Approach
The stack is Next.js for static generation, Sanity v3 for the CMS, Tailwind CSS for layout, Framer Motion for animation, Resend for contact form delivery, and Vercel for hosting.
The most custom component in the build is the HeroRotator: a hero section with crossfade transitions between featured pieces, a visible progress indicator, pause-on-hover behavior, manual navigation controls, and a fixed-height mobile layout that prevents cumulative layout shift. The homepage also uses category bands with hover image previews, letting visitors get a quick read on each portfolio section without a full page navigation.
Gallery curation happened through Sanity MCP tooling, which allowed batch review and reorganization across 40+ documents programmatically. The result is a gallery of pieces where every inclusion was evaluated deliberately. Post-handoff, the client can add work, reorder pieces, and update copy without touching the codebase.
The Outcome
The site is live at lvegaanimations.com. The gallery presents curated pieces across all categories. The hero surfaces the strongest work immediately on load. The Sanity CMS supports full content independence. Contact form delivery runs through Resend without a third-party service dependency. Domain and CORS configurations are resolved across preview and production. The site loads cleanly on mobile and the hero transition holds without layout shift.
Screenshots
