Jedari Platform

A white-label social platform sold to clubs, schools and communities. One themeable interface carries a feed, events, groups, pages, challenges, maps and a music library — and takes any client’s brand without a redesign.

Product UIDesign systemUX / UI

ClientJedari

Year2025

RoleProduct design

Timeline10 weeks

Request an audit ↗Talk about a similar project

The feed: composer, stories rail, profile completion and the post stream.

Work details

TypeProduct UI · white-label platform

IndustrySocial networks · communities

ClientJedari

RoleProduct design and UI system

Year2025

Timeline10 weeks

StatusShipped · client-internal, no public URL

Deliverables8 modules, component library, theming tokens

Fonts

InterJetBrains Mono

Colours

Built with

Figma

Angular

Tailwind CSS

TypeScript

Designed as tokens first: one accent, one radius scale and one density setting per tenant, so a client’s brand is a configuration rather than a design job.

What it needed

Eight modules that had to feel like one product.

Jedari sells the same platform to very different communities, each with its own brand. The modules had grown one at a time — feed, events, groups, music, challenges, maps — and each carried its own layout, its own card and its own idea of what a row looked like. Buyers saw a suite of tools, not a product, and every new tenant meant another round of visual patching.

What I did

Structure

Fixed the shell: one top bar with search and the module row, one left rail for scope, one right rail for context. Every module is a swap of the middle column, so navigating between them never moves the furniture.

Feed

The composer sits above the stream with the three things people actually post — photo, video, live — and the profile-completion card runs beside it as a checklist, so onboarding lives inside the feed instead of a separate flow.

Detail views

Content opens in a focused view instead of a page: media large on the left, the answer the user came for on the right — participants and their status for an event, the track list for a playlist — with the reaction rail pinned to the edge.

Media

The music module is the same list and card system as everything else, with a persistent player docked at the bottom so playback survives navigation across modules.

Theming

Colour, radius and cover treatment are tokens. The accent shows up on one action per screen; everything else stays neutral, which is what lets the interface hold under a client palette.