Built with Framer

Framer Project Upgrades — CMS, UI/UX, and more for PRETTYGREAT

Brook Slagle

PRETTYGREAT Studio – Advanced CMS & UX Enhancements

Project Information

Client: PRETTYGREAT (Digital marketing & design agency)
Industry: Digital Marketing, Design Services
Project Type: Framer CMS Enhancements & UX Optimization
Platform: Framer
Tools Used: Framer
Key Features: Dynamic filtering, multi-view case study pages, conditional CMS visibility, hover effects
Results: Improved UX, scalable CMS, efficient project categorization, enhanced service showcase
Testimonial: "Absolutely stoked with the work—excited to work together again!"

Project Overview

PRETTYGREAT, a digital marketing and design studio, initially built their website using a Framer template but needed advanced features to better showcase their case studies, projects, and services. Founder Ally Fekaiki faced challenges with dynamic filtering, CMS structure, and user experience—so he reached out to me for technical Framer expertise.

The Challenge

The existing site lacked filtering and categorization for projects, had broken conditional CMS visibility, and needed a better way to showcase services dynamically. Additionally, a custom pop-up for email capture had to be implemented with logic to display only on the first visit. Ally also wanted a more structured, maintainable CMS that wouldn’t require complex coding.

Design & Development

The project focused on refining Framer’s CMS and interaction design, introducing:

Standout Features

Dynamic Multi-View Case Study Pages – Users can toggle between list view and card view, with a hover effect revealing case study thumbnails.
Category-Based CMS Filtering – Implemented conditional filters for branding, web development, app development, etc., without custom code.
Interactive Services Section – Hovering over a service dynamically cycles through case study previews in that category.
Custom Pop-Up Logic – Integrated a first-time visitor email pop-up using Framer’s custom component system.
CMS-Based Blog Refinement – Optimized which news articles appeared, prioritizing the most relevant ones for PRETTYGREAT’s audience.

Results & Impact

The updated site now features an improved user experience, making project browsing, filtering, and case study discovery intuitive. The improved CMS logic reduces manual updates, ensuring scalability. Ally was thrilled with the enhancements and left rave reviews across multiple platforms.
Client Testimonial:

Absolutely stoked with the work—excited to work together again!

Gallery

Service Cards On-Hover Effects
Service Page Hover State
Dynamic Filtering for Projects (List & Card View)
Framer Dynamic Filtering for Projects (List & Card View)
By tackling complex CMS issues and refining interactivity, this project transformed PRETTYGREAT’s website into an optimized, scalable digital experience—ready for future growth. 🚀
Ready to Elevate Your Online Presence?
Ready to fuel your brand's growth with purpose-driven design and gain confidence in your digital front door? Let's discuss how KEEP GOING Studio can personalize a strategy to help you attract, engage, and convert.

Schedule a call:

Like this project

Posted May 7, 2025

I enhanced PRETTYGREAT's website with advanced Framer CMS features including dynamic filtering, multi-view case studies, and interactive services showcase.

Likes

1

Views

0

Clients

Pretty Great Studio

You Are Where You Go — Multipage Framer Website Design & Dev
I redesigned 31 health/wellness/lifestyle brand's websites
I redesigned 31 health/wellness/lifestyle brand's websites
Framer Landing Page for Fitness Coach (trailblazefitness.com)
Framer Landing Page for Fitness Coach (trailblazefitness.com)
MARROW: Holistic wellness blog/wiki website made in Framer
MARROW: Holistic wellness blog/wiki website made in Framer