Jetbrands — Online Community Platform

Exarth designed and built Jetbrands — a WordPress-powered online community where members connect through a live news feed, profiles, groups and forums, with built-in event booking and registration.

  • Activity feed & member profiles
  • Groups & discussion forums
  • Event booking & registration
  • Built on WordPress + BuddyBoss
  • Community
  • Design + Build
  • WordPress
FeedGroupsForumsMembers
jetbrands.com
Jetbrands community screens — feed, groups, forums and members

A WordPress community platform — feed, members, groups, forums and events in one place.

SocialActivity feed
Groups& forums
EventsBooking
WPBuddyBoss

Overview/ 01

A social home for a thriving community

Jetbrands is a WordPress-powered online community. Members join, build profiles, post to a live activity feed, form groups, discuss in forums and book events — all in one branded social experience.

Exarth designed and built the platform on WordPress with BuddyBoss — theming, member flows, groups, forums and event booking — into a fast, cohesive community site that feels like a modern social network.

  • Live activity & news feed
  • Member profiles & directory
  • Groups & threaded forums
  • Event booking & registration
Role
Design + Development
Type
Community · Social
Timeline
3 months
Platform
WordPress
Stack
BuddyBoss
Year
2024
Jetbrands community feed

Scope & deliverables

Discovery & Strategy

Community structure, member journeys and the social feature set.

UX / UI Design

A clean, modern social design system across feed, groups and forums.

WordPress Build

BuddyBoss theming, profiles, groups, forums and event booking.

Performance & Launch

Caching, optimisation and a smooth, fast community experience.

Challenge & solution

Scattered conversations, or one social home

Conversations were scattered across chats and pages with no profiles, groups or central feed — so the community never gained momentum.

  • No central feed
  • No member profiles
  • Scattered discussion

Activity Feed · Updates

No central feedMembers had nowhere to see what was happening, so the community felt quiet and disconnected.

Members · Profiles

No profilesThere was no way to discover or recognise other members across the community.

Groups · Spaces

One big roomEvery conversation happened in one place, so niche topics drowned in the noise.

No core

No shared platform

Fragmented systems

Scattered · Disconnected
0Social feedManualEvents

Forums · Discussion

No threadsDiscussions had no structure, so answers and topics were impossible to find later.

Events · Booking

Manual sign-upsEvent sign-ups were handled off-platform with spreadsheets and DMs.

Onboarding · Join

High frictionJoining was clunky and off-brand, so new members dropped off before getting started.

Measurable impact on the live platform

FeedActivity
GroupsCommunities
ForumsDiscussion
EventsBooking
Key features

Everything a community needs, in one place

From the activity feed to groups, forums and events — every social feature lives inside one fast, branded WordPress experience.

01/05 features

Auto-playing — hover to pause

jetbrands.com/activity-feed Live
Activity Feed
Feature 01Activity FeedThe home feed surfaces member posts, group activity and updates so the community always feels alive.

Engineering

Technology & Build

Built on WordPress with BuddyBoss — a community stack tuned for speed, with profiles, groups, forums and event booking.

System architecture

Members → WordPress + BuddyBoss → community → secure data

Live
UI
Theme LayerBuddyBoss theming · responsive community UI across the site
Responsive
SOCIAL
Community LayerProfiles, groups, forums, activity feed and event booking
BuddyBoss · bbPress
CMS
WordPress CoreContent, members and roles managed in WordPress
PHP · MySQL
OPS
PerformanceCaching, CDN and security hardening for a fast, safe site
Cache · CDN

How we built it

6-phase delivery

  1. 01

    Discovery & Architecture

    Phase 1

    Mapped community structure, member journeys and the social feature set.

  2. 02

    UX / UI Design

    Phase 2

    Designed a modern social system across feed, groups and forums.

  3. 03

    WordPress Build

    Phase 3

    Built BuddyBoss theming, profiles, groups, forums and event booking.

  4. 04

    Performance

    Phase 4

    Tuned caching, CDN and security for a fast, reliable community.

  5. 05

    QA & Testing

    Phase 5

    Tested member flows, groups and events across devices.

  6. 06

    Launch & Iterate

    Live

    Launched the community and iterated on member feedback.

Technology stack

16 technologies

Platform4

  • WordPressCMS
  • BuddyBossCommunity
  • bbPressForums
  • ElementorBuilder

Frontend4

  • HTML5
  • CSS3
  • JavaScript
  • Responsive

Backend4

  • PHPv8
  • MySQL
  • REST API
  • Roles

Ops4

  • CachingSpeed
  • CDN
  • Security
  • Backups

Product Screens

The whole community, one platform

Glide through the live Jetbrands community — feed, groups, forums, members and sign-in.

Drag to explore01 / 08
jetbrands.com/
Jetbrands home

Philosophy

Design Approach

A clean, social-first design philosophy that makes joining, posting and connecting feel effortless.

SocialClarityTrustResponsive
Design pillars
04
Accessibility
AA
BuddyBoss
WP
Audience
Community members
Platform
WordPress
Design system
Social · responsive
Accessibility
WCAG AA

Every screen is shaped around connection — clarity first, a feed that feels alive, and the lowest possible friction to join and take part.

  1. Pillar 01

    Feed-First Design

    LiveFeed

    A familiar, social layout that puts activity and connection front and centre.

    The community feels active the moment you arrive.

  2. Pillar 02

    Effortless Navigation

    1-tapTo groups

    Clear paths between feed, groups, forums and events for any member.

    Members reach any space in a couple of clicks.

  3. Pillar 03

    Responsive & Fast

    100%Responsive

    A snappy experience that works beautifully on phones and desktops.

    Great on every device, optimised to load fast.

  4. Pillar 04

    Safe Community

    RolesModeration

    Roles and moderation patterns that keep the community healthy.

    A safe, well-moderated place to connect.

Tokens

Design System

A cohesive social visual language that keeps every community screen clear and consistent.

5Colors
6Type sizes
5Spacing
8Icons
4Breakpoints

Color palette5

Typography6

Heading

Space Grotesk 800 · 32px

Subheading

Inter 500 · 20px

Body text for product listings, collections, and guides.

Inter 400 · 16px

Caption labels

Inter 400 · 14px

Small helper text

Inter 400 · 12px

Bold heading

Space Grotesk 700 · 18px

Components4

Add to cart Wishlist
Organic In stockHeirloom
DefaultHoverActiveOff

Spacing scale5

XS4px
SM8px
MD16px
LG24px
XL32px