Webflow Community Directory

24
Mary Findley
Senior Community Marketing Manager

In this Vibe Season build, the Community team’s Mary Findley designs an interactive Webflow Community Directory focused on helping members discover, connect, and collaborate with one another—more intentionally and more easily.

Watch Mary create a polished, welcoming experience where community members can browse detailed profiles, search by keywords, and filter by region, expertise, interests, certifications, and learning goals. To make discovery even more engaging, she adds a thoughtful connection quiz that recommends relevant people based on shared interests, complementary skills, and collaboration preferences.

With curated recommendations, clear next steps, and a tone that’s inclusive, warm, and purposeful, Mary’s build shows how Webflow can strengthen real community connections through thoughtful design during Vibe Season.

The prompt

copy prompt

Design an interactive Webflow Community Directory with a Connection Quiz that helps community members discover and connect with one another based on shared interests, complementary skills, location, and collaboration goals. The experience should include a searchable, filterable directory with detailed member profiles (name, region, expertise, certifications, interests, learning goals, and collaboration openness), a polished and welcoming UI with clear microcopy and optional serendipitous discovery (e.g., random profile), and a concise 4–8 question quiz that gathers interests, skills to learn and share, collaboration preferences, working styles, and region/timezone. Use quiz responses to generate personalized recommendations highlighting overlapping interests, complementary expertise, and opportunities for mutual learning, with clear calls to action and the ability to refine matches, restart the quiz, or save profiles. The overall tone should be warm, professional, and community-centered, and the implementation should be modular, well-documented, include all necessary UI components, and ship with at least 10 diverse sample community profiles.

Hackathon voting app
Template matchmaker
Product feature feedback
Quick markdown generator
Typing game
Webflow U Bingo
Influencer dashboard
Team props wall
Rock climbing gym
Customer story generator
Customer story expert
Webflow app suggestions
Release launch kit
Lifecycle experimentation
Google review writer
Certified Partner directory
Feature Explorer
UTM Builder
P5.js sketch editor
Hotel discovery
Competitive intel tool
Sales follow up assistant
New Years Resolution tracker
Webflow Community Directory
Winter Wonderland - Holiday Adventure
Flowboss
Webflow event finder
Memberstack component library
Business trip packing list
Daily design challenge
New Years 2026 countdown
Wedding Registry

Bring your ideas for new apps to life with the help of Webflow.

Try Webflow App Gen