Création de l'application
et du site internet
Socrate éducation
Nous avons conçu et prototypé une application mobile et son interface web pour Socrate, un réseau social innovant dédié au partage de connaissances.
L’objectif : offrir aux entreprises une solution clé en main pour valoriser les compétences internes et stimuler l’intelligence collective.
Ce double support – application et site internet – a été pensé pour maximiser l’accessibilité et l’engagement, tout en posant les bases d’une identité de marque forte et cohérente.
Dès le départ, nous avons intégré un processus d’amélioration continue afin d’optimiser chaque fonctionnalité et garantir une expérience utilisateur fluide et intuitive.
Contexte
Entreprise
Socrate est une jeune entreprise, fondée en 2018, qui propose une plateforme de partage de connaissances pour les entreprises.
Grâce à un système de mise en relation entre “disciples” (apprenants) et “mentors” (enseignants), la solution favorise la montée en compétences, l’entraide et la diffusion du savoir en interne.
Equipe
T. Jabbour – CEO de Socrate
V. Montagne – COO de Socrate
C. Nancelle – Developpeur Backend
V. Dondaine – Responsable infrastructure
Missions
Designer UX-UI – Graphiste
Définition du périmètre fonctionnel
Création du design system complet
Conception graphique et design d’interface
Élaboration de l’identité de marque
Optimisation marketing et cohérence visuelle
Cibles
- Étudiants et jeunes actifs désireux d’apprendre de nouvelles disciplines (disciples)
Étudiants et jeunes actifs souhaitant partager leurs savoirs (mentors)
Entreprises cherchant à capitaliser sur les compétences internes de leurs collaborateurs
01
Brief
Dès le brief, nous avons identifié les deux profils majeurs de la plateforme et listé toutes les fonctionnalités nécessaires :
Profil utilisateur (mentor/disciple)
Fil d’actualité (Agora)
Messagerie instantanée
Réservation de cours
Partage de documents
Paramètres de confidentialité
Gestion des litiges
Landing page de présentation
02
Workflow du projet
La conception de l’application et du site internet Socrate a suivi un workflow structuré permettant d’avancer rapidement tout en garantissant la qualité :
Architecture et wireframes : définition des parcours et hiérarchisation des contenus.
Création du design system : bibliothèques de composants et règles graphiques pour une cohérence parfaite.
Maquettes de l’application mobile : intégration de toutes les fonctionnalités, de la messagerie au partage de documents.
Adaptation pour le site internet responsive : optimisation de l’expérience sur desktop et mobile.
Prototype fonctionnel : pour valider les interactions et faciliter le développement.
Amélioration continue : ajustements ergonomiques en fonction des retours utilisateurs et du mentorat UX.
03
Atelier architecture - Wireframe
Nous avons commencé ce projet par un atelier collaboratif, afin de définir les pages essentielles.
Nous avons identifié trois zones clés :
L’Agora (fil d’actualité) pour la diffusion de contenus
La création de contenus et de cours pour dynamiser la communauté
Les profils utilisateurs (mentor/disciple) pour personnaliser l’expérience
En adoptant une approche mobile first, nous avons priorisé les usages les plus fréquents sur smartphone, avant d’adapter la navigation au site internet.
Les wireframes ont permis de tester rapidement les idées, de valider les parcours et de réduire les risques d’erreurs coûteuses lors du développement.
04
Conception du design system
À la suite des étapes d’architecture et de wireframes, j’ai réalisé une bibliothèque de composants (design system) afin de garantir la cohérence graphique entre l’application et le site internet, et faciliter le travail des développeurs.
05
Design - Prototype
- Création des maquettes haute fidélité
- Définition des interactions et micro-animations
- Adaptation du design pour le site internet responsive
- Prototype complet pour anticiper le développement et valider l’ergonomie
Résultats
Lancement d’une application mobile et d’un site internet prêts à l’intégration
Expérience fluide et cohérente sur tous les supports
Interface adaptée aux différents profils utilisateurs (mentor/disciple)
Création de plus de 700 maquettes optimisées et accessibles
Base solide pour un développement agile et évolutif
Une interface de création et d’ajout de contenu (PDF, texte, image et vidéo).
Et si c’était votre projet ?
Vous dirigez une PME ou un service marketing et vous envisagez de créer ou refondre une application ou un site internet ?
Je vous aide à transformer vos besoins métier
en une expérience utilisateur fluide et engageante.
