Skip to content

How we designed Community Home

Why entering a community shows a home page instead of a long channel list.

MOODS Design · · 5 min read

What do you see when you enter a community for the first time? In most tools, a long channel list with a “general” chat at the top. For a newcomer that feels like walking into a crowded room where you know nobody.

Right at the door

While designing Community Home we asked ourselves one question: what do you want to know in the first ten seconds after entering a community?

In interviews we heard the same answers:

  1. What are people talking about right now?
  2. Is anyone in voice, and can I join?
  3. Is something happening soon?
  4. Is this community for people like me?

Every section on the home page answers one of them: featured channels with their latest messages, active voice rooms with the people inside, upcoming events with their dates, and new members with a small welcome button.

Editable by admins

Every community is different. For a gaming community voice rooms are everything; for a study community a pinned announcement and notes matter more. So admins can reorder sections, hide the ones they don’t need, feature up to three channels and choose the focal point of the cover image.

So that a brand-new community doesn’t look empty, sections without content show a short hint instead of disappearing: “Plan an event”, “Feature a channel”.

Calm but alive

The home page is live: a room card updates when someone joins voice, and a channel’s new-message count grows as it gets busy. But nothing blinks. Motion stays between 140 and 220 milliseconds, and none at all if you prefer reduced motion.

We kept card styles, corner radii and shadows identical to the rest of the app. The home page isn’t a new world; it is the community’s front door.

To edit your community’s home page, see the Community management guide.

More posts