Interactive Framer Development for Made for Good

Made For Good is a bold, expressive Framer website built for a visual studio that blends storytelling, strategy, and design to create meaningful brand experiences. The goal was to create a site that felt premium, modern, and unapologetically creative without compromising performance or usability.

This wasn’t just another portfolio site, it was a chance to create a distinct visual identity that spoke directly to founders, brands, and partners looking to do work that matters.

I led the entire design and development of the site inside Framer from visual direction to layout systems to interaction design. Every section was crafted to reflect the studio’s values: clarity, depth, and creative confidence.

Designed a high-impact homepage with a strong visual narrative

Built reusable layout components across key sections like About, Services, and Work

Integrated Framer CMS to manage dynamic content (Projects, Studio Info, FAQs)

Developed smooth hover states, transitions, and scroll effects to elevate the experience

Ensured responsive behavior across all breakpoints (desktop, tablet, mobile)

Wrote clear, intentional UI copy aligned with the brand tone

Added custom 404 and legal pages for a polished launch-ready setup

Prioritized performance, accessibility, and ease of content updates

Made For Good gives the studio a compelling digital home that aligns with their creative direction and speaks to like-minded clients.