JPR
WorkSkillsAboutContact
Automotive

Modist

A directory and membership platform for the automotive community needed to feel editorial, not like a listings site. Built a custom CMS with filtered search, gated membership content, and a Driver's Collection feature section that gave the brand a genuine editorial identity.

Webflow
GSAP
Client-first
Figma
n8n
Make
Zapier
Lottie
Relume
Core Web Vitals
HTML/CSS
JavaScript
Client
Modist
Industry
Automotive
Location
Modist
Services
Webflow Development
CMS Architecture
Membership Development
Ecommerce
Custom Code
GSAP Animation & Interactions
Branding
Automation Systems
View Live Site
Hero section of Modist website featuring a Porsche doing a burnout
The Brief

A Directory That Needed to Feel Like a Magazine.

Modist is an automotive shop directory and membership platform serving enthusiasts who care as much about where they take their car as what they drive. The existing concept needed a digital home that matched that standard. A generic listings layout wasn't going to cut it. The platform needed editorial weight, a filterable directory, and a membership layer that gave members access to exclusive content.

Timeline
8 weeks
Pages Built
6 pages + CMS
Platform
Modist
My Process

How I Got There

Every project starts the same way: understanding the business before touching the design tools. Here's how this one came together.

01

Discovery

Goals, audience, and competitive landscape before a single frame is drawn.

02

Architecture

Page hierarchy, conversion flows, and SEO structure mapped before design begins.

03

Design & Build

Figma to Webflow. Pixel-perfect, CMS-powered, and built to perform from day one.

04

Launch

Core Web Vitals audit, cross-browser QA, and a clean handoff so the team owns their content.

The Challenge

Generic Platform. Premium Audience.

The automotive enthusiast market has high standards for aesthetics and experience. A standard directory layout would immediately signal that this wasn't built for them. The design had to feel intentional and editorial without sacrificing the utility of a searchable, filterable directory.

Membership gating added a layer of complexity. The platform needed to serve two audiences simultaneously: anonymous visitors discovering the directory and logged-in members accessing the Driver's Collection. Both experiences had to feel native, not bolted together.

The Approach

Editorial Identity First, Platform Second.

The Driver's Collection became the anchor for the brand's editorial identity. Designed as a feature section with its own visual language, it gave Modist a reason to exist beyond just listing shops. The directory was built on Webflow CMS with custom filtering so users could find shops by location, specialty, and type without a page reload. Membership functionality was layered on top, gating Driver's Collection content for registered members while keeping the directory open to all visitors.

A screenshot of Modist's Discover Shops page that features a filterable CMS collection of all shops signed up on ModistA screenshot of Modist's Driver's Collection page that features blog posts about shops, parts, and members of Modist in blog post form
The Result

A Platform That Feels Like a Brand.

Modist launched with a filterable shop directory, a fully gated editorial section, and a visual identity that holds up against the editorial standards of its audience.

6

Pages Built

3

CMS Collections

40+

Shop Listings

Next Project

Modist

JPR
© 2026 Justin R. All rights reserved.