Template matchmaker

02

Paige Conrad

Senior Group Product Manager

In this Vibe Season build Product Manager Paige Conrad transforms the Webflow template marketplace into a dating-app–style matchmaking experience. 💘

Watch Paige build a form where users set their “type”, including price range, category, subcategory, and style, then tap “Show me my matches” to get a curated carousel of up to 10 perfect Template matches.

The prompt

I want to create a version of the Webflow template marketplace that matches a user to a selection of up to 10 recommended templates that they can evaluate to decide if they like them or not, much like a dating app. The user should be presented with a form where they can enter their price range via a slider, they can choose 1 category, and 1 subcategory from a dependent picklist, and they can optionally choose 1 or more styles. After the user submits the form with a button that says “Show me my matches,” they see a loading animation of fluttering Webflow hearts, and are presented with a carousel of up to 10 templates that match their criteria. The user can then save or remove the suggested template, much like swiping left or right on a dating app. If they save it, it’s saved in a list at the bottom of the screen called “Matches” and if it’s removed, it goes away and removed from view.