Création d’une plateforme de formation en ligne (LMS)
RETOUR SUR NOTRE ACCOMPAGNEMENT DANS LA
CRÉATION ET LA MISE EN PLACE D’UN SITE INTERNET DE FORMATION EN LIGNE (LMS) POUR LE LANCEMENT DE L’ACTIVITÉ REDSPINE.
Notre agence de communication lyonnaise a accompagné Redspine, une nouvelle société spécialisée dans le coaching en développement personnel et marketing de recommandation. C’est dans le cadre du lancement de leur activité que nous les avons accompagné dans la création de leur identité visuelle, ainsi que leur site internet plateforme e-learning.
Nos expertises
- Logotype
- Identité visuelle
- Webdesign
- Développement web
- Tutor LMS
DÉROULÉ
Accompagnement
Notre accompagnement dans la création d’une plateforme de formation
REDSPINE a fait appel à nous 3 mois avant leur le lancement de leur plateforme pour les accompagner dans la création de leur société de formation en ligne. Nous avons dû mobilisé toutes la team Küme pour mener à bien cette mission avec une approche transversale alliant graphisme, webdesign et développement web.
Objectifs et problématiques du client
Dans le cadre du lancement de son activité, afin de remplir l’objectif de digitaliser leurs formations et optimiser l’accès à leurs apprenants et administrateurs, Redspine avait besoin :
- d’une création d’un logotype et d’une charte graphique ;
- d’une plateforme de formation en ligne (LMS) avec système d’affiliation.
Démarche
Notre démarche pour la création et mise en place d’un site internet de formation en ligne (LMS)
Recherches en amont
1. Recherches sur le domaine de formation pour s’imprégner du secteur, son mode de fonctionnement, son univers graphique, pour l’appréhender et mieux le comprendre.
2. Benchmark concurrentiel (sites internet, logos, polices de caractère, couleurs, image, ton utilisé). Analyse des tendances graphiques, des choix communs effectués.
3. Analyse de l’univers du client (présence su les réseaux sociaux, sur le web, leurs formations).
Proposition d’une identité visuelle
1. Création d’un logotype et de ses déclinaisons à l’image de la société.
2. Construction d’une charte graphique avec le choix des couleurs, typographies, pictogrammes…
Definission des outils pour la création du site internet
Recherches de divers outils et plugins pour nous permettre de remplir tous les objectifs souhaités sur cette plateforme d’e-learning en passant par :
- nos outils de création : WordPress, Woocommerce, Elementor pro ;
- une plateforme LMS ;
- et les systèmes transverses : paiement en ligne, donation, facturation, affiliation.
Création de l’arborescence
L’arborescence est très importante pour ce genre de projet qui nécessite une grande réflexion sur le parcours utilisateur. Une bonne expérience utilisateur permet de convertir plus facilement.
Maquettage et intégration de la plateforme de formation
Création des maquettes du site en fonction de l’arborescence et du plugin de formation utilisé. Optimisation du plugin lors de l’intégration des maquettes.
étape 1
Création de l’identité visuelle REDSPINE
Notre proposition de logotype s’appuie sur un concept imaginé pour matérialiser les objectifs du client.
01
Proposition de logotype
L’idée derrière ce logo
RESDPINE tire son nom de la constellation de l’araignée rouge, la Red Spider Nebula.
À travers ce logo, on se retrouve donc en plein cœur d’un voyage vers un monde astral. Le but ici est de mettre en avant son voyage intérieur et l’évolution constante de soi, à travers des symboliques fortes souhaitées par le client : la nébuleuse, la vision et l’astrolabe.
Explication du concept du logo
La nébuleuse
Représentée par les pointes dans l’oeil, cette forme en pointe signifie l’avancée parcourue grâce à la vision positive ; celle des étapes qui permettent de décrocher les étoiles.
Elle représente donc le développement infini de soi, son amélioration continue ; il y a donc une idée de mouvement, de changement intérieur.
De plus, la nébuleuse de l’Araignée Rouge est à l’origine de vents puissants, sa représentation met donc bien en avant l’idée de changements.
La vision
Représentée de manière positive ; la pupille est en forme d’étoile, comme si l’œil scintillait car proche de son objectif.
La pupille est située au centre de la nébuleuse pour signifier que le changement intérieur varie selon notre propre vision / perception du monde
L’astrolabe
Représenté par la forme qui encercle l’œil, il structure la vision. Il maintient la pensée, il lui permet de ne pas perdre de vue ses objectifs.
Il vise une seconde étoile située en haut légèrement à droite, pour montrer que l’objectif est lié au futur.
Résultat final
02
Composition de la charte graphique
Palette de couleurs
La palette de couleurs de REDSPINE Academy LTD se compose principalement d’un dégradé de rouges, pour symboliser le voyage effectué par leurs clients, en direction de la meilleure version d’eux-mêmes.
Chaque étape est donc représentée par une teinte de rouge, à savoir ;
la Terre, comme couleur principale, suivie de la Mer (couleur secondaire),
de l’Air (tertiaire) et de l’ES PASS (quartenaire).
Le développement de soi est donc représenté à travers le rouge principal qui devient de plus en plus foncé.
Terre Principale
#DF0E39
Mer Secondaire
#B20B2D
Air Tertiaire
#850822
Espace Quartenaire
#590516
Gris clair
#F5F5F5
Noir
#000000
Typographies
PT Serif Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789
Montserrat Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789
Montserrat Regular
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789
PT Serif Bold
Apporte de l’assurance grâce à son empattement triangulaire et sa graisse régulière sur chaque caractère. À travers cette typographie, c’est tout le savoir et l’approche humaine des deux cofondateurs qui sont représentés. Elle est donc utilisée principalement pour les titres.
Famille Montserrat
Apporte de la modernité à travers sa rondeur et ses caractères sans sérif. Son usage offre donc une lisibilité optimale aux sous-titres et aux corps de textes, que ce soit sur des supports print ou web.
Pictogrammes
Pour le développement de la charte graphique de REDSPINE, nous avons développé des pictogrammes axés autour des pass qui symbolisent de nouveau le voyage ; Pass Terre, Pass Mer, Pass Air et ES PASS (espace).
Pictogrammes des différents pass
Terre
Mer
Air
Espace
Autres pictogrammes
Valeurs
Validation acquis
Objectifs
Partenariats
étapes 2
Création d’une plateforme de formation en ligne
La création d’un site internet de formation en ligne requiert l’utilisation de plusieurs outils transversaux. La première étape fut de faire un état des lieux des outils à utiliser et leurs compatibilités puis de designer les maquettes de la maquette de la plateforme et enfin intégrer et développer le site internet.
01
État des lieux des outils
La recherche d’outils et leur comptabilité avec nos systèmes mais aussi avec les objectifs du client et une partie importante de nos projets.
WP – Woocommerce
En tant qu’experts wordpress notre choix s’est très vite porté vers cette solution qui nous offre des possibilités quasi illimitées de développement sur mesure et propose un système de paiement en ligne, ideal pour vendre les futures formations.
Elementor pro
Expert Elementor pro également, l’outil nous permet d’intégrer tous les types de design sur le CMS wordpress et offre une grande compatibilité avec les outils / applications sur le web.
Tutor LMS
Nous avons fait le choix de Tutor LMS, qui permet de simplifier les processus complexes de création de formations en fournissant un outil convivial et adaptable.
Système de paiement en ligne
Qui dit vente de formation dit système de paiement. Stripe apparait aujourd’hui comme l’un des leaders des systèmes de paiements et s’adapte parfaitement aux outils sélectionnés.
Système de donation
La volonté des fondateurs etait de pouvoir mettre en place un système de donation pour accompagner le developpement de leur projet. Nous avons fait le choix de : Donation For Woocommerce
Système de facturation
Notre choix s’est porté vers le système vosfactures.fr pour sa conformité à la législation et son utilisation conviviale.
Système d’affiliation
Enfin afin de promouvoir l’activité via des prescripteurs et partenaires nous avons mis en place un système d’affiliation qui permet à la plateforme de générer des liens suivis et de générer des commissions sur les ventes réalisées via ce lien.
02
Création des maquettes de la plateforme
Adaptation de l’identité visuelle et jeux des couleurs
Dans l’objectif de plonger tous les internautes et apprenants dans le voyage de Redspine, chaque étape de développement personnel a été représenté par une teinte de rouge spécifique.
Ces couleurs ont été répercuté dans l’ensemble des visuels avec une couleur spécifique pour chaque Pass, mais aussi un dégradé appliqué à chaque Pack correspondant aux couleurs des Pass incluent, toujours dans l’optique de développer cette notion de progression.
Optimisation des pages « cours » et du parcours de formation
Chaque page formation, que ce soit pour les Pass ou les Packs ont été adapté afin de plonger les internautes dans le voyage qui les attend. Chaque détails de ses pages ont été personnalisés pour être à l’image de Redspine et optimiser l’expérience client.
03
Développement sur mesure des maquettes et personnalisation de l’outil
Personnalisation de la plateforme de LMS
Afin d’offrir la meilleure experience utilisateur possible et retranscrire l’identité de REDSPINE nous avons adapté Tutor LMS par le code. Dashboard – Cours – Parcours de paiement – visuels des produits, nous avons pu nous adapter par le code sans jamais être bloqué par l’outil.
Parcours utilisateurs
Nous avons adapté plusieurs parcours utilisateurs selon les profils des visiteurs.
Personnalisation des outils
Enfin bien que les outils sélectionnés étaient tous compatibles nous avons adapté le design mais aussi ajusté par le code les informations à faire apparaître.
Résultat final
Résultat de la plateforme e-learning REDSPINE
Après 3 mois de création et de développement, REDSPINE a été mis en ligne avec succès !
À RETENIR
Résumé de notre accompagnement
Ce projet sur mesure a permis d’unir les forces et compétence de l’ensemble de la team Küme à travers les missions et réalisations suivantes :
- Création d'un logotype ;
- Création d'une charte graphique ;
- Réalisation de maquettes optimisées ;
- Développement d'une plateforme e-learning LMS personnalisée ;
Vous avez d'une prestation surmesure ? Faites-nous part de votre projet !
Nous proposons des solutions sur mesure pour vous accompagner votre projet
Découvrez d'autres projets
PBA Serrurerie
Serrurier
Logotype - Identité visuelle - Webdesign - Développement web
