OSER est une plateforme de formation en investissement immobilier créée par Alexandre Celi. Le marché de la formation en ligne est saturé et souffre souvent d’une image "vendeur de rêve".
Rôle
Designer UX/UI
Client
Alexandre Celi
Durée
3 mois
Outils
Figma, Design System (ShadCN), Next.js (collaboration tech)
Objectif du projet
Créer un site vitrine qui installe immédiatement une crédibilité d’expert (côté banquier) tout en inspirant l’action et la liberté (côté investisseur). Le site devait non seulement convertir, mais aussi être techniquement fluide pour faire le pont avec l'écosystème de vente Podia.
STRATEGIE UX
Mon approche a consisté à lever les freins psychologiques dès les premières secondes de navigation.
Zoning Stratégique : J'ai conçu l'architecture de l'information pour guider l'utilisateur à travers un entonnoir de conversion progressif : Preuve sociale (Avis) > Expertise (Blog/Parcours) > Passage à l'action (Formations).
Réduction de la friction : Un des enjeux majeurs était la connexion avec Podia. J'ai travaillé sur un parcours utilisateur sans rupture visuelle pour que le passage du site vitrine à la page de paiement soit totalement transparent pour l'utilisateur.
Accessibilité & SEO : L'architecture a été pensée pour le référencement naturel, avec une hiérarchie de titres (Hn) claire et des zones de contenu dynamique (Blog, Portfolio) faciles à indexer.
DESIGN UI
Pour se différencier de la concurrence, nous avons cassé les codes classiques de l'immobilier (souvent trop institutionnels ou trop "flashy").
Concept Visuel : Une interface moderne, épurée mais percutante. J'ai utilisé des contrastes forts pour souligner le côté "terrain" et authentique d'Alexandre.
Design System & Composants : Utilisation de ShadCN et Tailwind CSS pour créer une bibliothèque de composants réutilisables. Cela a permis de garantir une cohérence parfaite entre les pages publiques (Blog, Portfolio) et les modules de recrutement.
Approche Responsive First : L'audience d'OSER consommant beaucoup de contenu sur mobile (via les réseaux sociaux), chaque interface a été prototypée sur Figma avec une priorité absolue sur l'ergonomie mobile.
BACK OFFICE
Le design UX ne s'arrête pas au visiteur, il concerne aussi l'administrateur. J'ai collaboré à l'intégration du site sur app.eloken, une interface de gestion simplifiée. Mon rôle a été de m'assurer que la structure des modules (galeries du portfolio, articles de blog) soit aussi intuitive à remplir pour le client qu'elle est agréable à lire pour l'utilisateur final.
RESULTATS & IMPACT
Conversion : Une structure orientée "Action" qui transforme efficacement le flux organique en leads qualifiés.
Autonomie : Le client gère 100% de ses contenus (projets, articles, avis) sans intervention technique.
Cohérence de marque : Une identité visuelle qui a permis à OSER de s'imposer comme un acteur haut de gamme et sérieux sur son marché.
"Créativement, c’est très fort : des propositions modernes, avant-gardistes, et toujours alignées avec mon univers." Alexandre Celi, Fondateur d'OSER