Jedari Platform

8 modules sur une seule coque — fil, événements, groupes, musique, pages, défis, cartes, profil

Une plateforme sociale en marque blanche vendue à des clubs, des écoles et des communautés. Une seule interface thémable porte le fil, les événements, les groupes, les pages, les défis, les cartes et une bibliothèque musicale — et prend la marque de n’importe quel client sans redesign.

Interface produitDesign systemUX / UI

Parler d’un projet similaire

Client: Jedari
Type: Interface produit
Rôle: Design produit et UI
Durée: 10 semaines
Statut: Livré

Le fil : zone de publication, rail de stories, complétion du profil et flux de posts.

Détails du projet

TypeInterface produit · plateforme marque blanche

SecteurRéseaux sociaux · communautés

ClientJedari

RôleDesign produit et système d’interface

Année2025

Durée10 semaines

StatutLivré · interne client, pas d’URL publique

Livrables8 modules, bibliothèque de composants, tokens de thème

Polices

InterJetBrains Mono

Couleurs

Réalisé avec

Figma

Angular

Tailwind CSS

TypeScript

Conçu par les tokens d’abord : un accent, une échelle de rayons et une densité par client, pour qu’une marque soit une configuration et non un chantier de design.

Le besoin

Huit modules qui devaient faire un seul produit.

Jedari vend la même plateforme à des communautés très différentes, chacune avec sa marque. Les modules avaient grandi un par un — fil, événements, groupes, musique, défis, cartes — et chacun avait sa mise en page, sa carte et sa propre idée de ce qu’est une ligne. Les acheteurs voyaient une collection d’outils, pas un produit, et chaque nouveau client signifiait une nouvelle série de rustines visuelles.

Ce que j’ai fait

Structure

La coque est fixée : une barre haute avec la recherche et la rangée de modules, un rail gauche pour le périmètre, un rail droit pour le contexte. Chaque module remplace la colonne centrale, donc passer de l’un à l’autre ne déplace jamais le mobilier.

Fil

La zone de publication est au-dessus du flux avec les trois choses que l’on publie vraiment — photo, vidéo, live — et la carte de complétion du profil se tient à côté comme une checklist : l’onboarding vit dans le fil au lieu d’un parcours séparé.

Vues de détail

Le contenu s’ouvre en vue focalisée plutôt qu’en page : le média en grand à gauche, la réponse attendue à droite — les participants et leur statut pour un événement, la liste des titres pour une playlist — avec le rail de réactions épinglé au bord.

Média

Le module musique réutilise le même système de listes et de cartes que le reste, avec un lecteur ancré en bas pour que l’écoute survive à la navigation entre modules.

Thème

Couleur, rayon et traitement des couvertures sont des tokens. L’accent n’apparaît que sur une action par écran ; tout le reste reste neutre, et c’est ce qui permet à l’interface de tenir sous une palette client.