Skip to main content
UI Coach Logo
Intermediate

Welcome New Members to a Hobby Community

Design the first-week experience for a focused online community where new members can find useful discussions and contribute appropriately.

Responsive web2 to 4 hours

The brief

Understand the problem

Background

Interest communities become difficult to enter when norms are implicit and years of useful knowledge are buried in old threads. New members need direction without being forced through a long setup.

User context

Evan has started restoring a vintage bicycle and joins a specialist community. He wants advice about one component but does not know the terminology or posting rules.

Product problem

A new member can easily repeat an existing question, choose the wrong discussion area, or share too little context for others to help.

Objective

Create an onboarding and first-post flow that connects a newcomer with relevant knowledge and community norms.

What to design

Define the experience

Required experience

  • Interest and experience setup
  • Personalized community home with orientation
  • Search-before-post guidance
  • Structured first-post composer

Screens and states

  • Welcome setup
  • Community home
  • Search results
  • Post composer

Core user flow

Follow the critical path

  1. 01

    Evan chooses the topics and experience level that fit him

  2. 02

    He sees a short orientation and recommended discussions

  3. 03

    He searches for his component issue before posting

  4. 04

    The composer suggests useful details and the correct topic

  5. 05

    He publishes and receives a constructive reply

Product rules

Requirements and constraints

Requirements

  • Explain core norms at the moment they are relevant
  • Surface existing answers before a new question is posted
  • Let members follow topics without following every discussion
  • Show moderation actions in clear, non-punitive language
  • Support drafts for unfinished posts

Constraints

  • Community terminology may be unfamiliar to newcomers
  • Experienced members should not be burdened by repeated questions
  • Rules vary between discussion areas

Reality check

States worth considering

Search finds several contradictory answers
A draft loses its image attachment
The selected topic requires moderator approval
A reply contains unsafe repair advice

Finish line

What to deliver

  • Design four responsive screens covering orientation, discovery, posting, and one moderation state.

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
Stint Ultra ExpandedRoboto

Stint Ultra Expanded & Roboto

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Advanced
Social

Private Digital Time Capsule

Design a time capsule for messages and media that opens on a future date for carefully chosen recipients.

Mobile4 hours plus
Trust and SafetyInformation Architecture
Intermediate
Social

Ask a Clear Question and Evaluate Answers

Design a question and answer flow that helps people provide context, assess credibility, and recognize the most useful response.

Responsive web2 to 4 hours
Content DesignTrust and Safety
Intermediate
Social

Choose a Meetup Plan as a Group

Design a group decision flow that turns different schedules, budgets, locations, and interests into one workable meetup plan.

Mobile2 to 4 hours
Product ThinkingInformation Architecture
Intermediate
Social

Private Wedding Memory Album

Design a couple-owned wedding site for sharing selected photos, stories, and guest contributions with clear privacy controls.

Responsive web1 to 2 hours
Trust and SafetyVisual Design
Advanced
Social

Appeal a Community Moderation Decision

Design an appeal journey that explains a moderation decision, gathers relevant context, and reports an accountable review outcome.

Responsive web2 to 4 hours
Trust and SafetyContent Design
Advanced
Social

Request Relationship Advice With Context

Design an advice service that helps adults frame a relationship question, set privacy boundaries, and evaluate responses responsibly.

Responsive web4 hours plus
Trust and SafetyContent Design