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.
