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

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

Picto_Redspine_Train

Terre

Picto_Redspine_Bateau

Mer

Picto_Redspine_Avion

Air

Picto_Redspine_Fusée

Espace

Autres pictogrammes

Picto_Redspine_Valeurs

Valeurs

Picto_Redspine_Validation acquis

Validation acquis

Picto_Redspine_Objectifs

Objectifs

Picto_Redspine_Partenariats

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 :

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

HOREA

Immobilier

WEBDESIGN - DEVELOPPEMENT

Beaujol'art

Association

Événementiel - Community management - Photographie - Webdesign - Campagne e-mailing