A multi-page website designed in Figma and developed in Framer for a UGC creator. The site serves as a professional portfolio that showcases the creator's range across product-focused videos, day-in-the-life content, and on-camera storytelling.
The Goal
The creator needed a digital presence that did more than just list work. It had to communicate their style, organize a growing library of content by type, and make it easy for brands to find relevant examples fast.
Design in Figma
I explored multiple layout concepts across the home, project, and contact pages before landing on a direction that balanced visual impact with clarity. The goal was a cohesive experience that still felt dynamic page to page, giving each section its own rhythm without breaking the overall system.
Building in Framer
The CMS is the backbone of the site. I structured a collection that categorizes videos by content type, with individual entries for each project. This keeps the portfolio scalable: the creator can add new work without redesigning anything.
Key details of the build:
CMS-driven portfolio — Video projects organized by category with individual entries, easy to update and extend over time
Dynamic filters — Visitors can browse by content type to find exactly what they're looking for
Reusable components — Built with shared text styles and color variables for consistency and efficiency across every page
Fully responsive — Designed for mobile from the start, not adapted after the fact
Multiple page layouts — Home, project, and contact pages each have distinct layouts that still feel connected
Result
The finished site gives the creator a polished, professional portfolio that's built to grow with them. New projects slot right into the CMS, categories stay organized, and the whole thing loads fast and looks sharp on any device.
A UGC creator's portfolio site built from Figma to Framer, featuring CMS-driven video categories, dynamic filters, and reusable components across every page.