Développement Low-CodeUX/UI design

UX/UI design & développement du site Les Lueurs, podcast à succès

Refonte UX/UI et développement de fonctionnalités personnalisées sur un environnement WordPress / Elementor

Il y a quelques années, j’ai participé à la naissance du site des Lueurs. Depuis, je les aide à grandir en adaptant leur site à leurs nouveaux besoins.

Les Lueurs sont un jeune média en ligne qui propose des podcasts et des vidéos YouTube autour du développement personnel et de la réflexion collective.

J’ai accompagné Les Lueurs dès la création de la première version de leur site internet. Depuis, je collabore régulièrement avec eux et j’ai participé à l’ensemble des évolutions du site : refonte graphique suite au changement de charte, intégration des parcours de développement personnel et création d’une page dédiée aux appels aux dons.

Une interface qui met l’identité des Lueurs au premier plan, tout en structurant et faisant dialoguer leurs différents axes.

Une charte entre ténèbres et lueurs colorées

La charte graphique des Lueurs met en scène la lumière perçant l’obscurité à travers des explosions lumineuses sur fond noir. Après une intense réflexion et de nombreux tests, j’ai combiné des SVG sur mesure à une texture unique pour obtenir un rendu léger, sans artefacts, tout en conservant une qualité visuelle parfaite et un chargement rapide.

Deux axes, une identité cohérente

Les Lueurs proposent à la fois un média en ligne gratuit et des parcours de développement personnel.
Pour distinguer ces deux offres complémentaires, j’ai décliné la charte graphique en deux interprétations (jaune et rouge) permettant une différenciation claire tout en conservant une forte cohérence d’ensemble.

Une grande scalabilité pour un média qui évolue régulièrement

Les Lueurs grandissent, et leur site doit pouvoir évoluer facilement. J’ai donc mis en place un design simple et modulable, avec des variables CSS et des sections réutilisables. Aujourd’hui, ils peuvent créer de nouvelles pages rapidement, sans compromettre la structure du site.

Une gestion simplifiée des vidéos

Pour un média, ajouter ses vidéos sur le site ne doit pas être une source de complexité : l’objectif est de laisser l’équipe se concentrer sur le cœur de leur activité. Pour les visiteurs, naviguer et lancer une vidéo doit être tout aussi simple.

J’ai donc conçu un système permettant aux Lueurs d’intégrer facilement leurs vidéos : il suffit de copier-coller le lien YouTube, d’ajouter un titre, une catégorie et une image de couverture. Ils peuvent également réordonner les vidéos et en masquer certaines selon leurs besoins. Une fois publié, le contenu apparaît automatiquement dans le listing.

Pour l’utilisateur, un clic suffit pour lancer une vidéo. Aucune friction, juste une expérience fluide.

Des notifications simples et intégrées

Avec la publication régulière de nouveaux contenus et l’animation d’une communauté fidèle, il était essentiel de disposer d’un système de notification simple et efficace, directement intégré au back-office WordPress. J’ai donc développé un module sur mesure, discret et non intrusif, qui s’affiche selon des règles précises.

Sans avoir à créer, dupliquer ou maintenir des popups Elementor, l’équipe des Lueurs peut publier un message en quelques clics depuis le back-office, pour une diffusion immédiate auprès de tous les visiteurs.

Une gestion des commentaires simplifiée

Avec une communauté fidèle répartie sur plusieurs plateformes, Les Lueurs devaient pouvoir afficher des commentaires issus de sources variées (YouTube, Facebook, Instagram). Pour leur simplifier la tâche, j’ai conçu un système sur mesure permettant de choisir le type d’affichage de chaque commentaire via un simple sélecteur.

Aucune complexité technique : il suffit d’ajouter le commentaire, de sélectionner la plateforme, de publier et le commentaire s’affiche immédiatement sur le site, dans le style choisi !

Votre site est-il prêt à évoluer avec votre audience ?

Les Lueurs ont bénéficié d’une refonte UX/UI complète et d’un développement sur mesure pour faire grandir leur site en même temps que leur communauté. Chaque fonctionnalité a été pensée pour simplifier la gestion quotidienne, valoriser les contenus et offrir une expérience immersive aux visiteurs.

Grâce à un design modulable, un système simple pour publier des vidéos, des notifications intégrées et une gestion centralisée des commentaires, le site accompagne la croissance du média tout en restant performant et facile à mettre à jour. Les vidéos et les parcours de développement personnel sont organisés de manière claire et harmonieuse, renforçant l’identité unique des Lueurs.

Points clés du projet :

  • Identité forte et cohérente : déclinaisons graphiques pour différencier les offres tout en gardant une unité visuelle.
  • Gestion simplifiée des vidéos : intégration facile via YouTube, ajout de titre, catégorie et image de couverture, réorganisation et masquage des vidéos selon les besoins, publication automatique dans le listing.
  • Design modulable et scalable : pages et sections réutilisables, variables CSS, évolutivité facilitée.
  • Fonctionnalités sur mesure : notifications et gestion des commentaires multi-plateformes.
  • Simplicité pour l’équipe : back-office WordPress ergonomique, publication rapide et intuitive.

Votre site mérite une interface qui évolue avec vos besoins et valorise vos contenus.

Transformons vos pages clés en véritables leviers de performance.

Autre projet

Refonte webdesign de la page d'accueil et du portail des abonnés de Jurislogic