EDUCXA - Style Guide B

2

Typographie

Police Manrope — Hiérarchie complète H1 à Caption

Niveaux de titres

H1 — 48px / 800

Trouvez votre formateur

H2 — 36px / 800

Réservez en 3 minutes

H3 — 28px / 700

Formateurs certifiés

H4 — 22px / 700

Marketing Digital avancé

H5 — 18px / 600

Cours particuliers en entreprise

Corps de texte

Lead — 18px

La plateforme qui connecte entreprises et formateurs professionnels en France.

Body — 15px

Accédez à plus de 2 000 formateurs certifiés dans tous les domaines. Réservez facilement, payez en ligne et gérez vos formations depuis un seul espace.

Small — 13px

Disponible dans toutes les grandes villes françaises · Paris, Lyon, Bordeaux

Caption — 11px uppercase

Formateurs vérifiés — Paiement sécurisé — Support 7j/7

Link

Voir tous les formateurs disponibles dans votre région

Graisses Manrope

Light 300Formation professionnelle

Regular 400Formation professionnelle

Medium 500Formation professionnelle

SemiBold 600Formation professionnelle

Bold 700Formation professionnelle

ExtraBold 800Formation professionnelle

3

Boutons

Variantes, tailles et états complets

Variantes principales

Tailles — Variante Primary

Etats

Groupes & Dark

4

Badges & Tags

Statuts réservation, KYC, domaines, labels

Statuts de réservation

En attente Confirmé Terminé Annulé Brouillon

Statuts KYC formateur

KYC En cours KYC Vérifié KYC Rejeté

Labels spéciaux

Nouveau Pro Top Formateur

Tags domaines de formation

Développement Web Management Marketing Digital Ressources Humaines Finance Vente Design Data & IA

Tags filtrables

Tous ParisLyon BordeauxMarseille ToulouseEn ligne

Tags compétences

Python Excel Avancé Prise de parole Google Analytics Leadership Agile / Scrum

5

Formulaires

Inputs, selects, checkboxes, toggles, upload zone

Inputs — États

Prénom *Tel qu'il apparaîtra sur votre profil

Email professionnel *

@

Spécialité principale *Veuillez saisir votre spécialité complète

SIRET

Select & Textarea

Domaine principal

Ville d'intervention

Description du profil240 / 500 caractères

Checkboxes & Radios

✓

Intervention en présentiel

✓

Formation à distance (visio)

Disponible le week-end

Déplacement dans toute la France

Radios — Durée

1 heure — Session découverte Demi-journée (3h30) Journée complète (7h)

Toggles

Profil public visible

Notifications par email

Recevoir les nouvelles demandes

Zone d'upload

📄

Déposez vos documents ici

Ou parcourez vos fichiers — PDF, JPG, PNG jusqu'à 10 Mo

Slider de prix

0 /h80 /h sélectionné200 /h

6

Cards

Formateur Marketplace, Formation, Stat, Notification, Document

Cards Formateurs — Marketplace

Top

M

Marie Dupont

Marketing Digital

★★★★★4.9(127)

SEO/SEAAnalytics

T

Thomas Bernard

Développement Web

★★★★☆4.7(84)

PythonReact

Nouveau

S

Sarah Cohen

Management RH

★★★★★5.0(12)

RHLeadership

Pro

L

Lucas Martin

Finance

★★★★☆4.6(53)

ComptabilitéGestion

Cards Formations

Excel Avancé pour Professionnels

avec Thomas Bernard

14h de formationEn groupe

Prise de parole en public

avec Sarah Cohen

7h de formationIndividuel

Python pour débutants

avec Thomas Bernard

21h de formationEn ligne

Cards Stats Dashboard

💶

+18%

12 480 €

Revenus du mois

📅

+7

47

Réservations ce mois

⭐

+0.2

4.8

Note moyenne

👤

-3%

284

Formateurs actifs

Notifications & Documents

📅

Nouvelle réservation reçue

Marie Dupont a réservé une session Excel — 15 janvier, 9h00

Il y a 5 minutes

✓

KYC validé

Votre profil formateur a été vérifié et approuvé.

Il y a 2 heures

⭐

Nouveau avis — 5/5

Entreprise ABC a laissé un avis excellent suite à votre formation Python.

Hier à 16h42

Documents

📄

Carte_identite_recto.pdf

PDF · 1.2 Mo · 10 jan. 2025

🖼

Diplome_marketing.jpg

JPG · 845 Ko · 10 jan. 2025

📊

Factures_Q4_2024.xlsx

XLS · 234 Ko · 2 jan. 2025

7

Navigation

Navbar, Sidebars Admin/Formateur, Tabs, Breadcrumb, Pagination

Navbar Principale

Sidebar Admin

Sidebar Formateur

Tabs — Underline

Toutes 284

Disponibles 198

En ligne 67

Nouveaux 23

Contenu de l'onglet actif…

Tabs — Pills

Réservations

Formations

Formateurs

Entreprises

Breadcrumb

Pagination

‹ 1 2 3 … 12 ›

8

Tableaux

Formateurs et réservations avec hover et badges

Tableau — Liste des Formateurs

Formateur	Spécialité	Localisation	Tarif	Note	KYC	Statut
M Marie Dupont marie.dupont@gmail.com	Marketing Digital	Paris	80 €/h	★ 4.9 (127)	Vérifié	Actif
T Thomas Bernard t.bernard@dev.fr	Développement Web	Lyon	120 €/h	★ 4.7 (84)	Vérifié	Actif
S Sarah Cohen s.cohen@rh-conseil.com	Management RH	Bordeaux	65 €/h	★ 5.0	En cours	En attente
L Lucas Martin lucas.martin@finance.fr	Finance	Toulouse	45 €/h	★ 4.6 (53)	Rejeté	Suspendu

Tableau — Réservations récentes

ID	Formation	Formateur	Entreprise	Date	Montant	Statut
#RES-1042	Excel Avancé 14h · Présentiel	Marie Dupont	Groupe LVMH	15 jan. 2025 09h00–17h00	1 120 €	Confirmé
#RES-1041	Python Débutants 7h · En ligne	Thomas Bernard	Accenture France	12 jan. 2025 14h00–17h30	840 €	En attente
#RES-1040	Prise de parole 3h30 · Présentiel	Sarah Cohen	BNP Paribas	08 jan. 2025	227 €	Terminé

9

Alertes & Feedback

Alertes inline, toasts, modal de confirmation, état vide

Alertes

i

Vérification en cours

Votre profil est en cours de vérification. Ce processus prend 24 à 48 heures ouvrées.

×

✓

Réservation confirmée !

Votre session avec Marie Dupont le 15 janvier a été confirmée.

×

⚠

Document manquant

Votre vérification KYC est incomplète. Veuillez télécharger votre justificatif de domicile.

×

✕

Paiement refusé

Votre carte bancaire a été refusée. Veuillez vérifier vos informations de paiement.

×

Toasts

✅

Profil mis à jour

Vos informations ont bien été enregistrées.

×

❌

Erreur de connexion

Impossible de joindre le serveur. Réessayez.

×

⚠️

Session expire bientôt

Votre session expire dans 5 minutes.

×

💬

Nouveau message

Thomas Bernard vous a envoyé un message.

×

État vide

📬

Aucune réservation pour le moment

Vous n'avez pas encore reçu de demande de formation. Complétez votre profil pour augmenter votre visibilité.

Modal — Confirmer la réservation

10

Composants Spéciaux EDUCXA

KYC Stepper, Rating, Profil Hero, Timeline, Progress, Calendrier, Prix, Géo

KYC Stepper — Vérification Formateur

✓

Inscription

✓

Identité

3

Diplômes

4

SIRET

5

Validation

Notation — Saisie

★

Sélectionnez votre note (4/5)

Résumé des avis

4.9

★★★★★

127 avis

5

112

4

11

3

2

1

0

Barres de progression

Profil complété78%

Objectif mensuel61%

Taux de confirmation94%

Documents KYC3/5

Géolocalisation Chips

Paris

Lyon

Bordeaux

Marseille

En ligne

Profil Formateur — Hero Card

M

Marie Dupont PRO

Experte en Marketing Digital & Growth Hacking

Marketing Digital SEO / SEA Social Media Analytics Paris

★ 4.9

Note moyenne

127

Avis clients

3 ans

Sur EDUCXA

80 €/h

Tarif horaire

Timeline — Suivi de Réservation

Demande envoyée

Votre demande a été transmise à Marie Dupont.

10 jan. 2025 à 14h22

Devis accepté

Marie Dupont a confirmé la date.

10 jan. 2025 à 16h45

Paiement en attente

Procédez au paiement pour finaliser.

En cours…

Formation planifiée

15 janvier 2025 · 09h00 · Paris 8ème

Évaluation & Certification

Laissez un avis et obtenez votre attestation.

‹

Janvier 2025

›

L

M

J

V

S

D

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

Session sélectionnée :15 jan. 2025

Fourchette de prix

30 €–150 €/h

0 €/h100 €/h200 €/h

MINIMUM

MAXIMUM

11

Page Exemple — Recherche de Formateurs

Mockup complet de la page principale marketplace EDUCXA

Paris

Lyon

En ligne

30 €–150 €

0€200€

★★★★★ 5 ★★★★☆ 4+ ★★★☆☆ 3+

✓

Disponible cette semaine

KYC Vérifié uniquement

48 formateurs en Marketing Digital · Paris

Trier par :

Filtres actifs : Paris Marketing Digital 30–150 €/h Tout effacer

Top Formateur

M

Marie Dupont

Marketing Digital · 8 ans d'exp.

★★★★★4.9(127)

SEOSEAAnalytics

Formatrice certifiée spécialisée en stratégies digitales pour PME et grands groupes. Approche 100% pratique.

Nouveau

A

Alice Moreau

Growth Hacking · 5 ans d'exp.

★★★★★5.0(8)

GrowthEmail Mktg

Ancienne responsable growth chez deux startups françaises. Spécialisée en acquisition et rétention client.

Pro

J

Jean Lefebvre

Brand Strategy · 12 ans d'exp.

★★★★☆4.8(93)

BrandingStratégie

Ex-directeur marketing L'Oréal et Danone. Accompagne les entreprises dans leur positionnement de marque.

C

Clara Petit

Social Media · 6 ans d'exp.

★★★★☆4.7(41)

InstagramLinkedInTikTok

Community manager professionnelle, spécialisée en création de contenu viral et stratégie réseaux sociaux B2B.

Affichage 1–4 sur 48 formateurs

‹ 1 2 3 … 12 ›

EDUCXA Design System