Emmy works in media production and needed a portfolio that felt personal and showcased her projects for potential employers and collaborators at a glance.

The Goal

Design and build a website that reflected Emmy's creative identity, while allowing them to easily update the projects list without needing to contact me. Key requirements: a clean way to present credits & roles, embedded video from various sources (YouTube, Vimeo), and a CMS she could manage on her own.

What I Built

I designed three pages: a home page, a projects grid, and a résumé page. Emmy sent over a photo for the home, and the stand-out colors in it (black, white, and red) immediately suggested a color scheme: black & white as the background/foreground, and red as an accent. For the font, I chose Inter for its clean readability.

The Sanity CMS structure I built for the projects includes the project title and description, Emmy's role and a role description, production company, date, and optional fields for external links and video embeds. Video playback is handled by ReactPlayer, which supports a variety of sources. On the projects grid, visitors can search by title or sort by date, and each card features Emmy's role as a badge so their experience is readable at a quick scan.

Beyond projects, I also built out site-wide settings in the CMS: headshot, bio, film strip images, and résumé upload, so Emmy has full control over the site content.

Tech Stack: Next.js, Tailwind CSS, Sanity CMS

The Result

Launched in October 2024. Emmy now manages the site herself via the Sanity Studio without needing to reach out to me for content updates. Success!