UX Designers Community Advanced Blog Website Template

Quick summary

Convene is a single-page, click-through landing page template designed for a private Slack community of mid-career user experience designers. The layout leads with a full-viewport member mosaic, walks visitors through real Slack thread previews, and closes with a sticky call-to-action bar pointing to a Slack join application. The civic editorial aesthetic makes the room feel credible before anyone reads a word.

Who this template is for

This template is built for community organizers, design program managers, or independent operators running a private Slack workspace for user experience professionals. It works best when the community already has active members whose real conversations can be showcased.

• Organizers of user experience design peer communities looking to grow qualified membership
• Design leads or freelancers who have built a private Slack room and need a conversion-focused front door
• Community builders in the product design space who want a landing page that shows the room rather than describing it

What problem this template solves

Mid-career designers on distributed teams have lost the informal hallway conversation. They need a second opinion on an onboarding flow, a salary benchmark before a negotiation, or a peer who understands information architecture well enough to critique a stakeholder deck. Generic community landing pages describe features. Convene shows the actual conversations, making the cost of not joining feel immediate and personal.

• Visitors leave generic community pages unsure whether the conversations inside are worth their time
• A text-heavy pitch cannot recreate the feeling of overhearing a specific, useful discussion
• Most community landing pages bury the social proof instead of leading with it

What you get with this template

The template delivers a fully structured, hero-dominant single page with five distinct scroll sections, a sticky call-to-action bar, and a civic editorial design system ready to be filled with real community content.

• Full-viewport member mosaic hero with a bottom-edge headline and a primary "Request Your Seat" button
• Three escalating Slack thread screenshot blocks that move from a quick emoji poll to a long-form flow teardown to a salary transparency thread
• Member spotlight cards, a locked thread preview section, a sticky call-to-action bar, and a Vercel-style horizontal flow footer

Feature list

Full-Viewport Member Mosaic Hero

The hero fills ninety percent of the viewport with a stitched grid of member headshots and Slack avatar screenshots. Different crops, lighting conditions, and camera warmths are intentional. The texture signals authenticity. A single headline sits at the bottom edge in slate charcoal, and the primary call-to-action button appears directly beneath it.

Escalating Thread Eavesdrop Section

Three Slack thread screenshots are presented in sequence, each one more specific than the last. The progression moves from a lightweight emoji poll on button placement, to a detailed checkout flow teardown, to a salary transparency thread with redacted numbers. Visitors are not reading about the community. They are reading the community.

Member Spotlight Cards

Three member profiles appear by first name and role, each paired with a brief description of what they gained from the room. The format is human and specific, not testimonial-generic. It introduces real people without making the page feel like a marketing brochure.

Locked Thread Preview Section

The final content section shows blurred or locked thread previews. Visitors can see that conversations are happening but cannot read them yet. This shift from observation to exclusion is intentional. It turns passive interest into a felt need to apply.

Sticky Call-to-Action Bar

After the third scroll section, a sticky bar appears at the bottom of the screen carrying the "Request Your Seat" button. It stays visible as visitors continue scrolling. The secondary text link "Browse This Week's Top Threads" sits alongside it, routing to a read-only digest that deepens intent without opening the full room.

Civic Editorial Design System

The layout uses Fraunces for display headlines and DM Sans for body and interface text. The color palette pairs deep municipal slate with open-sky blue accents, soft civic cream backgrounds, and ballot-box charcoal for body text. The overall feel is public library stationery: trustworthy, unhurried, and clearly considered.

Page sections overview

Design & branding system

The visual identity follows a Civic Service theme. Every design decision references the stationery of a well-funded public library: considered, unhurried, and built by someone who cared. Sky blue accents on slate backgrounds carry the weight of a campaign ribbon without shouting.

• Color palette: deep municipal slate (#3B4856) as the primary surface, open-sky blue (#5BA4CF) for buttons and accent links, soft civic cream (#F4F1EC) for backgrounds, and ballot-box charcoal (#1E252B) for body text
• Typography: Fraunces for display headlines creates editorial authority; DM Sans for body and interface copy keeps readability clean and modern
• Scroll-linked reveals, mosaic parallax, thread fade-ins, and mosaic hover effects give the page a medium level of motion without overwhelming the content

Mobile & speed optimization

The template is designed desktop-first, reflecting the primary audience of designers working on Mac hardware, while maintaining a solid and considered mobile experience across all section types.

• The member mosaic, thread screenshots, and spotlight cards reflow cleanly for smaller screens without losing the eavesdrop effect
• Scroll-linked animations and sticky bar behavior are built to work across device sizes so the conversion flow stays intact on mobile

How this template helps you convert

Every structural decision in Convene is built to move a skeptical mid-career designer from curiosity to application. The page earns the click by making the visitor feel like they have already missed three conversations they needed to be part of.

1. The hero opens with faces, not features. A mosaic of 2,400 member headshots delivers instant social proof before a visitor reads a single sentence of copy.
2. The escalating thread section replaces claims with evidence. Seeing a real salary transparency thread with redacted numbers is more persuasive than any bullet point about community value.
3. The locked preview section creates urgency without false scarcity. Visitors can see the conversation is happening but cannot join it yet, which turns observation into motivation to apply.

Other information about this template

This template is purpose-built for the intersection of community management and user experience design. It works as a front door for any private, application-gated Slack workspace in the product design or broader design operations space.

• The template style is Hero-Dominant (90/10), meaning the hero section carries the majority of the conversion weight and the rest of the page supports and deepens that opening impression
• The landing page direction is Click-Through, routing all conversion to an external Slack join application rather than collecting form data on the page itself
• The creative direction is Team and People, grounding every section in real humans rather than abstract value propositions
• Page animations are set at a medium intensity with scroll-linked reveals and parallax effects that can be adjusted to match your community's tone
• The footer follows a Vercel-style horizontal flow pattern, keeping the bottom of the page clean and navigation-friendly

Show more