✦ Phase MOCKUPS
EDUCXA — Mockups
Explorez les maquettes et les directions artistiques du projet
3
Style guides
0
Pages mockées
4
Profils utilisateurs
🎨 Directions artistiques — Choisir avant de commencer
A
Variante A
Midnight Blue
Autorité · Confiance · Classe française
Manrope · Géométrique
AirFrance × Denzel Washington. Bleu marine profond, orange brûlé, pro et chaleureux.
Voir le style guide →
B
Variante B
Urban Ember
Audacieux · Vivant · Premium accessible
DM Sans · Humaniste
Airbnb × Kong Paris × Jordan Belfort. Gradient rouge-corail → ambre, urban et vivant.
Voir le style guide →
C
Variante C
Electric Teal
Tech · Frais · Next-Gen EdTech
Plus Jakarta Sans · Tech
Fintech × Hanoï × VideoClub. Teal électrique + violet-indigo, startup vibe sérieuse.
Voir le style guide →
📐 Pages mockées — À créer
Dashboard Admin
À créer
Vue d'ensemble : stats clés, formateurs en attente, transactions récentes, activité.
Admin
Marketplace — Recherche
À créer
Page de recherche formateurs avec filtres, grille de résultats et géolocalisation.
Apprenant
Profil Formateur
À créer
Page publique du formateur : bio, compétences, avis, calendrier, CTA réservation.
Formateur
Onboarding KYC
À créer
Parcours de vérification d'identité en 4 étapes : identité, documents, validation, actif.
Formateur
Dashboard Formateur
À créer
Réservations à venir, revenus du mois, avis récents, complétion de profil.
Formateur
Gestion Formateurs
À créer
Liste des formateurs avec filtres, statut KYC, actions de validation/suspension.
Admin
Réservation
À créer
Tunnel de réservation : choix du créneau, récapitulatif, paiement sécurisé.
Apprenant
Espace Entreprise
À créer
Dashboard B2B : équipe, formations planifiées, budget formation, reporting.
Entreprise
Transactions
À créer
Historique des paiements, remboursements, reversements formateurs, facturation.
Admin
💡
Prochaine étape : choisir une direction artistique
Consultez les 3 style guides ci-dessus, choisissez la variante qui correspond le mieux à la vision EDUCXA, puis revenez ici pour lancer la création des mockups pages.