Vous êtes sur la page 1sur 43

140

48
RAPPORT 48

DE STAGE
Du 3 Avril au 31 Aout 2018

GUILLAUME CEYSSAC
2A
Les Sherpas
55 Boulevard Vincent-Auriol
455 75013, Paris
Maître de stage
Etienne Porche CEO

Enseignant référant EEMI


Pol Goasdoué

230 230

230 230

11
Page 3 Rapport de stage

Remercie-
ments.
Après un stage riche en découvertes, cette J’aimerais ensuite remercier les personnes
page remercie l’ensemble des personnes avec qui j’ai également travaillé ces mois-ci
qui ont participé de prêt ou de loin a la et qui m’ont partager leur bonne humeur
réussite de mon stage. contagieuse et leur amitié : Ulysse, Tanguy
et Louis.
Je tiens particulièrement à remercier William,
Etienne et Daniel, les fondateurs des Cette période à station F fut une expérience
Sherpas, de m’avoir accepté dans l’équipe inoubliable grâce à ces personnes.
pendant cinq mois.
C’est leur ouverture d’esprit et leur intérêt Le stage de fin d’année est, comme son
pour ce qu’ils faisaient qui m’ont permis de nom l’indique, l’aboutissement d’une année
vouloir en apprendre le plus possible et de scolaire riche en apprentissages, je tiens
contribuer a l’avenir de leur entreprise. donc à remercier les professeurs avec qui
Je crois en eux et leur projet et j’espère j’ai eu le plaisir d’avoir cours cette année
avoir le plaisir de les revoir dans le futur et ainsi que l’ensemble de l’équipe
attendant, je suivrais leurs aventures avec pédagogique de l’EEMI.
grand intérêt.
Page 4 Rapport de stage

Table
des
matières.
Page 5 Rapport de stage

06 - 11 Travail réalisé
Projet 01
Projet 02
Projet 03
Projets annexes

12 - 13 Présentation des objectifs de stage


Intitulé du stage

14 - 21 Présentation de l’entreprise
Création des Sherpas et but
Le fonctionnement
L’équipe et son organisation
Station F

22 - 39 Mon expérience détaillée


Projet 01
Projet 02
Projet 03

40 - 43 Conclusion et développement
personnel
Compétences acquises
Savoir-être
Évolution du projet personnel
Page 6 Rapport de stage

01

Travail
Réalisé.
Page 7 Rapport de stage

Pendant mon stage, j’ai eu la chance de


réaliser plusieurs travaux différents et ainsi
approfondir mes connaissances du web et
des outils de design et de graphisme.
De même, l’équipe dans laquelle j’ai évolué
m’a permit d’en savoir plus sur le monde de
l’entreprise et les relations que l’on doit
nouer avec les personnes avec qui on
travaille au quotidien, ce qui permet
d’avancer beaucoup plus vite et de
diversifier ses connaissances. J’ai eu la
chance de travailler avec une équipe
qualifiée ce qui a grandement faciliter les
tâches que j’avais à accomplir.
En parlant des tâches, mon travail s’est
découpé en plusieurs projets que j’ai réalisé
du début à la fin, et portant sur des sujets
différents comme nous allons voir sur les
prochaines pages.
Page 8 Rapport de stage

Projet 01
S’approprier les outils et la façon de
travailler de l’entreprise Les Sherpas.

Dès mon arrivée dans l’entreprise, mon premier objectif était de prendre connaissance avec
l’ensemble de l’entreprise, des personnes qui y travaillaient, leurs missions respectives ainsi
que les outils de travail utilisés (voir chapitre présentation de l’entreprise). J’ai également dû
relever les erreurs présentes sur le site existant des Sherpas : que ce soit en design, en
interaction ou simplement les fautes d’orthographe, tâche qui est faite par tous les nouveaux
membres de l’équipe à leur arrivée.

Suite à cela, on m’a confié la mission de créer deux nouvelles pages à insérer sur le site
existant pour développer deux autres produits de l’entreprise : une page présentant les
Masterclass, des cours vidéo en ligne sur des sujets différents, ainsi qu’une page de
Bootcamp, un stage accéléré de cours particulier sur une semaine pendant les vacances pour
les élèves voulant travailler le plus possible sur un temps court.

Pour réaliser ce travail, la première chose à faire fut de m’approprier la charte graphique des
Sherpas, les couleurs et la typographie utilisée de même que la mise en page et les
espacements pour créer des pages qui s'insèrent parfaitement avec le reste du site.
Enfin, j’ai également dû créer un formulaire de paiement pour ces pages, et donc me renseigner
d’abord sur les meilleurs pratiques en terme de formulaire pour ne pas perdre le client et créer
de la friction qui pourrait le faire quitter le site sans procéder au paiement.
Page 9 Rapport de stage

Projet 02
Création d’un intranet pour les écoles -
Teachkit ESCP Edition.

Une fois les pages réalisées et implémentées sur le site, j’ai pu découvrir le projet le plus
important sur lequel Les Sherpas travaillaient, une plateforme de cours pour le futur site des
Sherpas qui permettra aux élèves et aux professeurs de faire cours directement grâce à un
tableau blanc et différents outils présents directement sur cette plateforme. Cette plateforme
étant encore au stade de création et de design, on m’a demandé d’en créer une autre,
reprenant la même base, mais qui serait un intranet à destination des écoles (collège, lycée et
supérieur) pour pouvoir rassembler à l’intérieur l’ensemble de la vie scolaire, les notes et
l’emploi du temps des élèves ainsi que les documents importants relatifs à l’école.

Il a fallu effectuer des recherches sur les intranets et sites similaires existants (googleclassroom
etc) pour dessiner les premiers croquis (wireframe) des écrans principaux de cet intranet
nommé Teachkit ESCP Edition, l’ESCP étant le premier client principal potentiel. Suite aux
recherches, et au design des premières pages, j’ai pu avoir des retours d’élèves de l’ESCP ainsi
que d’autres écoles pour me permettre d’améliorer le plus possible l’ensemble des pages
Teachkit.
Page 10 Rapport de stage

Projet 03
Refonte totale du site internet
Les-sherpas.co

Plusieurs problèmes existaient sur le site existant des Sherpas :

• Le site ne convertit pas assez de clients


• Du contenu et des éléments ont été ajouté petit à petit ce qui pose un problème de
cohérence générale sur le site par rapport à la maquette initiale faite il y plus d’un an par
un studio de design indépendant.
• Plusieurs outils sont utilisés sur le site et hébergent plusieurs pages : le formulaire
d’inscription Typeform, la FAQ sur Zendesk. Nous ne sommes pas propriétaires de la
totalité du site et sommes donc dépendants de ces outils, cela peut poser problème en
cas de dysfonctionnement ou arrêt temporaire par rapport à nos clients.

Le but principal de cette refonte du site Les-sherpas.co est de proposer un nouveau site conçu
et pensé de A à Z par Les Sherpas avec une maîtrise totale de l’ensemble du site. Les étapes
clés de la création sont :

• Repenser totalement la navigation à l’intérieur du site et depuis la Homepage.


• Reprendre les règles d’usage courant pour simplifier au possible l’utilisation et la
navigation par les utilisateurs, il ne faut pas les perdre avec un menu caché et l’ensemble
des pages du site doivent être affichées d’emblée en arrivant sur n’importe quelle page
du nouveau site.
• Utiliser la charte graphique existante pour créer un Design Kit rassemblant l’intégralité
des boutons, éléments et Typographie du site pour pouvoir continuer à améliorer le site
par la suite sans mon intervention (après la fin de mon stage)
• Analyser le parcours utilisateur existant grâce à des Heatmaps (zone du site ou les
utilisateurs cliquent et passent le plus de temps) pour déterminer le meilleur parcours
utilisateur possible, le but pour nous étant que l’utilisateur remplisse le formulaire pour
prendre un cours d’essai.

Le premier temps de travail de ce projet est donc un travail d’UX ainsi que de Marketing :
comment amener le client potentiel à prendre un cours d’essai gratuit, c’est pour cela que
l’ensemble des boutons du site amènent sur le formulaire de cours d’essai gratuit (formulaire
qui est à designer également).
Pour se faire, il est capital de lui montrer qui nous sommes, ce que l’on fait et comment, ainsi
que de le rassurer sur le sérieux de l’entreprise (preuve grâce aux écoles d'où proviennent nos
professeurs ainsi que les différents articles de presse sur Les Sherpas).
Page 11 Rapport de stage

Durant toute la durée de mon travail sur ce projet, j’ai été aidé par l’ensemble de l’équipe pour
créer le meilleur site possible : il a fallu rédiger des textes explicatifs sur les différentes pages
du site à la fois simples à comprendre à la fois pour les parents et les élèves plus jeunes, les
deux cibles principales pour les cours particuliers. De même, le travail a été effectué avec
Tanguy, Growth hacker et responsable SEO de l’entreprise pour la construction et les
connexions entre chaque page du site.

Après le travail d’UX vient l’UI, à savoir créer un site beau tout en étant simple et clair, c’est
pour cela que le site est sur un fond blanc avec des textes foncés pour rendre la lecture facile
et l’utilisation du vert (couleur principale des Sherpas) vient renforcer et mettre en valeur
certains éléments importants du sites (les titres et les boutons).
Le site sert de vitrine pour présenter le concept des Sherpas et fait la liaison avec la plateforme
de cours en cours de création qui servira pour les élèves et les professeurs à faire cours
directement.

Projets annexes
Accomplis tout au long du stage.

Pendant mon stage et en parallèle des autres projets, j’ai aidé l’équipe Marketing à produire
des éléments venant se greffer sur les deux autres sites créés par Les Sherpas :
dissertations-esh.fr et carnets-de-geopo.fr.
Ces deux sites ont principalement pour but de se positionner en SEO mais il est important de
les alimenter en contenus graphiques et c’est pour cela que j’ai pu réaliser des bannières ainsi
que d’autres illustrations utilisées sur ces sites ainsi que pour le blog des Sherpas.
Page 12 Rapport de stage

02

Présentation
des objectifs
de stage.
Page 13 Rapport de stage

Objectifs tels qu’indiqués sur la convention


de stage :
Ux/Ui, Webdesign, Intégration Web,
Graphisme.

Même avant le début de mon stage, l’objectif qui se cache derrière ces termes est simple tout
en étant capital : Intégrer l’équipe et l’entreprise le plus vite possible et être en charge de tout
ce qui touche de près ou de loin au design. Il ne suffisait pas d’être simplement le stagiaire en
web design mais prendre des responsabilités en terme de design et de l’orientation générale
des Sherpas à moyen et long terme avec le reste de l’équipe. Nous sommes tous étudiants
chez Les Sherpas, ce qui nous permet de passer outre les potentiels barrières liées à l’âge ou
l'expérience liées au métier. Cela procure un avantage et nous permet de constituer un bloc
solide et d’avancer tous ensemble.

J’ai réussi à suivre les objectifs que l’on m’avait attribué au début du stage même si les
objectifs définis sur la convention restent vagues. Cela est dû au fait que le travail dans une
start-up évolue en permanence et chaque jour est différent, avec son lot de nouveautés et
changements à faire le plus vite possible pour rester concurrentiel et innovant.
Sur tous les objectifs, l’intégration web à été le seul que je n’ai pas fait, n’étant pas expert en
intégration j’ai laissé cette tâche à Adrien, freelance et intégrateur front-end travaillant pour les
Sherpas, et par la suite, l’équipe de développeur qualifiés des Sherpas : Daniel, Fabian et
Arthur.
Pour les autres objectifs, tous ont été accompli et il suffit de consulter le chapitre sur mon
travail réalisé pour y trouver tous les détails.
Page 14 Rapport de stage

03

Présentation
de
l’entreprise.
Page 15 Rapport de stage

Création des Sherpas et but.

Les Sherpas ont été fondés fin 2016 par Etienne, Daniel et William alors qu’ils sont encore
étudiants à L’ESCP.
Les Sherpas met en relation des élèves en classe préparatoire HEC et au lycée, avec des
professeurs qui sont des anciens préparationnaires ayant eux-mêmes intégrés les meilleurs
écoles de commerce de France et ayant eux d’excellentes notes à leurs concours.
La mission principale à long terme des Sherpas est de promouvoir et développer une éducation
de qualité et facile d’accès, le tout à distance et donc qui permet d’apprendre de chez soi. En
effet, les cours étant exclusivement en ligne, l’élève n’a plus besoin de se déplacer chez le
professeur et vice et versa. Le service peut donc s'étendre partout dans le monde puisque une
connexion internet et un ordinateur sont les deux seuls prérequis pour prendre cours.
Page 16 Rapport de stage

Le fonctionnement

Le site internet sert de principal vecteur d’acquisition de nouveaux élèves et de professeurs.


Pour s’inscrire, l’élève doit remplir un formulaire et y renseigner ses informations (nom, prénom,
âge, niveau scolaire et la ou les matières qu’il souhaite travailler).
Une fois le formulaire rempli, une demande est envoyé aux professeurs dans la matière choisie
par l’élève et qui semblent correspondre au profil de l’élève. Le professeur reçoit donc une
notification sur son téléphone et doit alors prendre contact avec l’élève.
L’évolution des Sherpas sur la durée de mon stage a pour but de faire toute cette démarche
d’inscription via le site et la plateforme servira alors de point de contact entre l’élève et le
professeur pour qu’ils fassent cours directement sur celle-ci.

Le premier cours est toujours gratuit pour l’élève et donc non rémunéré pour le professeur, il
est important pour les deux personnes d’apprendre à se connaître avant de continuer à
travailler ensemble sur potentiellement l’ensemble de l’année scolaire.
La force de notre service est le lien qui peut se créer entre l’élève et le professeur. En effet, nos
professeurs sont en général âgés seulement de quelques années de plus par rapport aux
élèves, il est donc plus facile pour l'élève de s'identifier à lui sur un modèle “ il a pu le faire,
alors moi aussi”.
Les professeurs proviennent tous de grandes écoles et ont eu au minimum 15 dans les
matières qu’ils veulent enseigner, c’est le critère d’admission pour devenir professeur chez Les
Sherpas principal et nous vérifions en demandant une copie des relevés de note des concours
à l’inscription des professeurs.
Nous savons pertinemment qu’un bon élève ne fait pas un bon professeur. Ainsi, nous avons
préparé une formation de plusieurs heures en vidéo sur comment animer un cours et intéresser
un élève.
De plus, tous les samedis, un message est envoyé automatiquement à tous les élèves pour
demander de donner une note à son professeur.

Les cours se font donc en ligne, principalement via le logiciel Slack et, à terme, la plateforme
que nous sommes en train de créer. Une fois que le rendez-vous du premier rendez-vous est
pris entre l’élève et le professeur, ils sont invités à se créer un compte sur le logiciel et sur notre
serveur. À leur première connexion, une conversation les regroupant tous les deux plus nous
est créée automatiquement.

Pour des cours de maths (qui sont les cours les plus donnés), une tablette graphique est
fournie à l’élève et au professeur. Ensuite, grâce à cette dernière et au site whiteboardfox.com,
les deux interlocuteurs peuvent agir comme s’ils travaillaient sur la même feuille de papier !
Page 17 Rapport de stage

Nous mettons aussi à disposition des cours vidéos, les Masterclass qui sont au nombre de
trois :

• Réussir l’entretien de personnalité


• Réviser la géopolitique
• La méthodologie de la prépa

L’ensemble de l’offre Sherpa et ses produits peut donc se résumer à :

Les Sherpas

Produits Produits
brandés non-brandés

Cours Dissertations Carnets de


Masterclass
particuliers ESH géopo
Page 18 Rapport de stage

L’équipe et son fonctionnement

Etienne Daniel Etienne


CEO CTO COO

Guillaume Louis Tanguy


UX/UI Designer Sales Digital Marketer

Ulysses Arthur Fabian


Account Manager Développeur Développeur
Page 19 Rapport de stage

Etant donné la taille réduite de l’équipe, il est important de communiquer le plus facilement et
rapidement possible, nous utilisons plusieurs outils pour travailler et échanger :

Slack : Simple et rapide à utiliser, ce logiciel Google Drive : Un drive commun à


nous permet d'être en permanence en l’ensemble de l'équipe qui permet de
contact et de partager des documents et stocker des ressources telles que les
ressources entre nous. dossiers internes à l’entreprise, la charte
graphique et les stocks de photos, les
dossiers des élèves et des professeurs.

Sketch : Pour la partie design, le principal Marvel, Invision et Zeplin : ces trois logiciels
logiciel que j'utilise est Sketch, qui permet font le pont avec les autres personnes de
de réaliser rapidement des croquis et l’entreprise qui peuvent donner leur avis sur
wireframes ainsi que les maquettes finales. mon travail et permet aux développeurs
J’ai également travaillé les bannières et d’intégrer les maquettes. On peut également
autres éléments graphiques sur ce logiciel. créer des prototypes cliquables pour
présenter une démo du site et de l’intranet
réalisés.
Page 20 Rapport de stage

Station F
Nous avons eu la chance d’être incubés à Station F, le plus grand campus de start-up au
monde. Cela nous a permit de bénéficier d’un ensemble de ressources mises à notre
disposition, des avantages promotionnels ainsi qu’un grand nombre de conférences
accessibles gratuitements avec un panel d’invités divers.

Salle de réunion @StationF


Page 21 Rapport de stage

Vue de la Share Zone @StationF


Page 22 Rapport de stage

04

Mon
expérience
détaillée.
Page 23 Rapport de stage

Comme expliqué précédemment, mon stage s’est décomposé en plusieurs projets qui m’ont
occupé pendant la totalité de mon temps chez Les Sherpas. Je vais donc rentrer dans les
détails ici.

Projet 01
S’approprier les outils et la façon de
travailler de l’entreprise Les Sherpas.

Mission et objectif

Le travail à réaliser dès le départ à été de créer deux nouvelles pages pour le site internet et
détaillant deux offres : Les Masterclass (cours vidéos en ligne) ainsi que le Bootcamp (stage
intensif avec un professeur sur une semaine). Suite à la création de ces pages, un formulaire de
paiement à été également créé pour procéder au paiement des masterclass et du bootcamp.
Il a donc fallu que je m’approprie la charte graphique existante des Sherpas pour créer ces
pages et les rendre cohérentes avec le reste du site.
Durant tout le processus de création, des ajustements ont été réalisés selon les avis des autres
membres de l’équipes qui ont apportés leur avis sur les pages.

Travail réalisé

C’est à cette période que j’ai pu commencer à développer et m’approprier le style des Sherpas
en terme de graphisme et de design pour le mélanger au mien pour créer quelque chose qui
me ressemble.
Certaines nouveautés apportés sur les pages du site furent :

• des icônes avec du texte explicatif présentant l'intérêt du produit en quelques mots.
• Travailler sur la couleur principale des Sherpas, le vert, pour mettre en valeur les éléments
les plus importants du site et les zones ou l’on veut que l’utilisateur pose son attention.
• Travailler sur le relief et les ombres du site pour apporter de la profondeur et rendre les
pages plus modernes.
• La création des pages en responsive pour une intégration plus facile par les
développeurs.
Page 24 Rapport de stage

J’ai également créé un formulaire de paiement pour les pages Masterclass et Bootcamp.
Pour cet exercice, un intérêt particulier pour les bonnes pratiques a été réalisé pour ne pas
créer de friction avec l’utilisateur lors du paiement. Pour se faire, le formulaire a été décomposé
en plusieurs parties pour éviter un formulaire unique beaucoup trop long et difficile à lire.

La première partie du formulaire affiche un récapitulatif de la commande, ainsi que plusieurs


champs demandant les informations personnelles de l’acheteur. La deuxième partie est le
paiement en lui-même avec les informations bancaires de l’acheteur.
Enfin, une confirmation s’affiche lorsque l’achat a bien été fait pour rassurer l’acheteur.

Dans l’ensemble, le design de ces pages ne fut pas la partie la plus complexe à réaliser.
Le bon wording, plus difficile à réaliser, doit être excellent pour plusieurs raisons :
il se refléter l’identité de l’entreprise et de la marque Sherpas et donc être cohérent, logique
S’il est inexacte ou pas assez clair, on perd très facilement l’utilisateur qui ne reviendra peut-
être pas du tout sur le site
Les mots clés utilisés sont capitaux pour le référencement du site et son accessibilité, un travail
important a été fait avec le responsable SEO de l’entreprise.

En conclusion de ce projet, je peux en tirer une meilleure connaissance des règles de base a
savoir sur le web et comment m’approprier une identité graphique déjà existante pour la faire
mienne.

Détails du formulaire de paiement (2ème partie)


Page 25 Rapport de stage

Détails des pages Bootcamp et Masterclass


Page 26 Rapport de stage

Projet 02
Création d’un intranet pour les écoles -
Teachkit ESCP Edition.

Mission et objectif

le but de ce projet est de créer un espace intranet pour une école à destination de
l’administration et des élèves pour leur permettre de rassembler l’ensemble des informations
importantes relatives aux cours et la vie étudiante. On doit y retrouver l’ensemble des notes, le
planning des cours, les informations des prochains événements dans l’école (BDE ou
Administration, conférence), ainsi que la possibilité de récupérer les documents importants de
cours et autres (sécurité sociale étudiante, notes de cours, etc).

Suite à la réalisation de ce projet, celui-ci doit être montré à l’ESCP, le design de l’intranet
s’inspirant de la charte graphique existante de cette école. Le but étant de le vendre à cette
école.

Recherche et inspiration

Pour pouvoir mener ce projet à bien, il est important de se renseigner sur ce que font les autres
écoles ou les concurrents potentiels dans ce secteur. Il n’existe à ce jour aucun logiciel de
gestion dans les écoles semblable mis à part celui de l’école 42 (qui est très spécifique à la
manière dont cette école fonctionne et est donc difficilement adaptable à d’autres écoles plus
“classiques”).
Suite au benchmark, j’ai pu déterminer les éléments les plus importants à faire apparaître sur la
page principale de l’intranet, appelée tableau de bord.

But de l’intranet

J’ai expliqué plus haut le but pour les écoles et les élèves.
La première idée que j’ai eu et qui m’a permit de construire l’intranet fut de laisser la possibilité
aux personnes utilisant ce service de pouvoir se construire l’espace qui leur correspondent le
plus possible, cela à l’aide de modules de tailles similaires qui viennent s'insérer dans l’espace
centrale tels des briques et qui permet de pouvoir voir les informations et les éléments que l’on
préfère.
Page 27 Rapport de stage

Création des Wireframes

Suite à l’idée des modules, la création des wireframes permit de créer plusieurs pages de
l’intranet :
Le tableau de bord principal, l’espace scolarité, celui des stages et emplois, l’inscription et
l’onboarding de la plateforme.

Dans l’ordre en partant d’en haut à gauche : Tableau de bord, scolarité, stages
et emplois, Réseau social, Associations, Shop et Services, Onboarding
(Inscription), Admin.
Page 28 Rapport de stage

Design des pages

Le design des pages est la suite logique des wireframes. une attention particulière a été portée
sur l’alignement et la disposition des modules de l’intranet, de l’interaction entre les pages et
de la mise en valeur des diverses informations sur chaques modules.
La navigation doit être implicite et l’utilisateur ne doit pas se poser de questions et ne pas
savoir ou se trouve tels documents ou information qu’il cherche.

Suite à la création des pages, une maquette interactive à été créée grâce au logiciel Marvel qui
permet de relier les pages entre elles et de proposer idée de ce que pourrait être la plateforme
une fois finie.

Tableau de bord Teachkit University Edition

On y retrouve un menu qui se déplie à gauche permettant de naviguer entre les différentes
pages, une barre de recherche un haut ainsi que la langue et les notifications.
Sur la page, on trouve le profil, les prochaines échéances, l’agenda et les dernières notes ainsi
que le documentation utile. Les informations du campus sont affichées ainsi que les projets de
groupe.

L’ensemble de la maquette interactive peut-être accessible


via ce lien ou QR code :
https://marvelapp.com/d4bjhd4
Page 29 Rapport de stage

Offres et
emplois

Emploi
du temps

Formulaire
Inscription
Page 30 Rapport de stage

Perks
& Boutique

Page
Admin

Logo fait
pour Teachkit
Page 31 Rapport de stage

Projet 03
Refonte totale du site internet
Les-sherpas.co

Mission et objectif
La mission principale est de créer le nouveau site internet les-sherpas.co qui servira de levier
d'acquisition principal pour les nouveaux clients et les futurs élèves et professeurs qui feront
cours sur la plateforme en cours de développement.

Il s’agit ici de construire un site qui soit à la fois beau visuellement mais aussi corresponde
parfaitement aux normes actuelles en terme de SEO, d’UX existants. Le message du site doit
être simple.
Pour faire court : notre produit est le cours particulier en ligne. Le but principal du site est de
faire prendre un cours d’essai en ligne qui par la suite deviendra des cours réguliers sur notre
plateforme avec le meilleur professeur possible.
On propose un site plus simple pour les utilisateurs dans la navigation.

le travail d’UX doit répondre à la question : Comment amener le client à prendre un cours
d’essai gratuit. Il faut donc lui montrer dès le début qui nous sommes, ce que l’on fait et
comment, le rassurer sur le sérieux de l’entreprise. Tous les boutons du site amènent vers le
formulaire d’inscription pour qu’ils prennent un cours particulier.

Tout doit être pensé pour déterminer comment et par quel moyen les utilisateurs arrivent sur le
site (lien direct, réseau sociaux, recherche via un moteur de recherche). L’ensemble des pages
doit donc présenter notre concept et notre produit de manière similaire.

Le nouveau site Sherpa doit refléter notre image de marque et l’équipe qui a travaillé derrière
pour délivrer le meilleur possible. J’ai donc travaillé avec toute l’équipe pour arriver à un
résultat final cohérent ce qui a été le projet le plus abouti jamais réalisé jusqu’à présent pour
moi.

Défauts du site existant


Le site existant des Sherpas présente plusieurs défauts :

• La navigation se fait via un menu burger en haut à droite de l’écran, l’ensemble des pages
du site se retrouve donc caché et n'apparaît pas tout de suite au chargement de la page,
ce qui peut perdre l’utilisateur qui cherche alors ou prendre un cours d’essai.
• Le footer du site est simple et pourrait devenir contenir plus d’informations. Il est très
important pour le référencement d’avoir un footer contenant des liens multiples
permettant une meilleur orientation en SEO.
• Il devient difficile de rajouter du contenu sur le site existant, celui ci étant assez fermé
dans sa conception initiale. Il faut donc rassembler toutes les informations du site initiales
et créer un nouvel ensemble cohérent.
Page 32 Rapport de stage

Recherche des meilleurs pratiques


Suite aux problèmes évoqués plus haut, j’ai pris la décision de consulter ce qui se faisait de
mieux dans le domaine du web en prenant exemple sur certains sites proposant une navigation
simple et un design élégant.

Navigation du site : On passe à une navigation plus simple, une barre de navigation en haut de
l’écran redirigeant grâce à ses liens vers les différentes parties les plus importantes du site :

• Comment ça marche : qui affiche le processus de la prise de cours avec un professeur


ainsi que les avantages des cours particuliers en ligne.
• Nos tarifs : présente le prix de nos cours, qui se différencie selon le niveau des élèves
mais reste très simple à comprendre
• Donner des cours : permet de montrer les avantages à devenir professeur chez les
Sherpas et également de rassurer les parents souhaitant offrir un cours à leur enfant
quand à la validité de nos professeurs et de notre produit.
• Le blog : mise en page et positionnement fait par le responsable SEO et les articles sont
écrits par William, Etienne pour la plupart.
• Se Connecter : permet aux utilisateurs familiers avec le site de se connecter directement
sur la plateforme de cours grâces à leur login.
• S’inscrire : Redirige vers le formulaire d’inscription au cours particulier en ligne.

Prototypage et création d’un design kit


Le prototypage et la création des wireframes a permit rapidement d’identifier les éléments les
plus importants à faire apparaître sur le site ainsi que la disposition générale des éléments du
site.

Le Design Kit est tout aussi important car il rassemble l’ensemble des symboles et des
composants utilisés sur le site. Sa création fut longue mais essentielle car il permet de
continuer à modifier ou rajouter des éléments du site très rapidement et facilement et
également de le faire après mon départ.

Wireframes disponibles avec équivalent designés à partir de la page 35.


Page 33 Rapport de stage

Aperçu du Design Kit Sherpa.

Design
Le design des pages du nouveau site fut un travail d’équipe car il fallu orienter le site pour bien
le positionner en SEO, et donc un wording efficace, des pages bien reliées entres elles.
Comme sur les projets précédants, les pages ont évolués pour êtres réussies visuellement et
proposer la meilleure expérience utilisateur aux utilisateurs.

Le design évolue par rapport aux aniennces pages produites au début du stage et deviennent
plus aériennes et légères grâce à l’ajout de bulles de couleurs et de vagues. Un design semi-
flat et arrondi en lien avec les tendances actuelles en design, ainsi que des couleurs vives
toujours pour mettre en valeur certaines parties du site.
Page 34 Rapport de stage

Détails
Homepage

Footer

Avis client
Page 35 Rapport de stage

Parcours
Comment ça marche
Page 36 Rapport de stage

Détail Page
Pricing
Page 37 Rapport de stage

Pages Tarifs
& Homepage
Page 38 Rapport de stage

Wireframe
Formulaire
Page 39 Rapport de stage

Formulaire
d’inscription
Page 40 Rapport de stage

05

Conclusion
développement
personnel.
Page 41 Rapport de stage

Compétences acquises
En terme d’apprentissage et de compétences acquises pendant mon stage, j’ai pu découvrir
tous les différents postes dans une entreprises et communiquer avec eux de la meilleure façon
possible .

Utiliser les différents logiciels de design plus efficacement (Sketch, Invision, Marvel, Zeplin),
Effectuer un travail de recherche préalable à tout début de projet, à savoir du benchmark des
concurrents et sites similaires au nôtre en terme de produit, de design de page etc.

Acquérir de meilleures connaissances en SEO et Marketing, en wording de pages, capital pour


tout métier lié au web de manière générale.

De manière plus générale, pouvoir être impliqué dans un projet en commençant d’une idée
intiale jusqu’aux dernières phases de création avant la livraison au client à été une expérience
incroyable. J’ai eu l’occasion d’avancer dans chacun des projets en découvrant et apprenant à
chaque fois de nouvelles techniques et façons de faire pour créer la meilleure expérience
utilisateur possible grâce aux bonnes pratiques dans le Web.

J’ai découvert qu’il existait de multiples façons de concevoir un projet mais au dela des termes
spécifiques d’UX qui me sont toujours inconnus pour certains, la meilleur pratique est de rester
pragmatique et inventif tout en gardant à l’esprit l’utilisateur final du produit.

Il faut donc penser à la place de l’utilisateur et toujours remettre en question son travail, garder
un esprit ouvert à la critique, deux choses que j’ai pu expérimenter durant mon stage et qui
resteront très importantes pour moi dans le futur.
Page 42 Rapport de stage

Savoir-être
Concernant le savoir-être, l’autonomie
Le travail chez les Sherpas est simple : toute les deux semaines on se voit pour déterminer si
les objectifs des deux semaines passés sont accomplis et pour fixer les objectifs suivants.
Cette méthode de travail permet d’être beaucoup plus autonome et même de ne pas devoir
être au bureau en permanence si il y a une urgence ou autre hors du cadre de l’entreprise.

Cette façon de travailler plus souple et agile ainsi que le fait d’être plus libre pourrait être
synonyme de paresse et de procrastination mais le rappel des deux semaines permet de se
fixer des objectifs et de s’y tenir.
De plus, travailler au sein d’une start up avec une équipe très réduite demande de
l’investissement en permanence et il y a toujours du travail à réaliser. Tout reste à faire dans une
startup et le temps est notre principal ennemi. Pour qu’une startup comme Les Sherpas puisse
grandir, elle se doit d’être innovante et de veiller au sein du marché dans lequel elle intervient.
La concurrence est rude et cela a été un argument très motivant pour donner le meilleur de moi
même.

Le fait de travailler avec l’ensemble des membres de l’entreprise m’a permit d’acquérir une
meilleur compréhension du fonctionnement d’une entreprise dans sa globalité même si on est
ici à une échelle réduite. la communication reste capitale pour faire fonctionner le tout et ce
stage m’a permit de mieux m’exprimer dans mes choix en terme de design mais aussi lorsqu’il
s’agissait de donner son avis sur une nouvelle idée ou le travail réalisé par quelqu’un d’autre.
Le fait de pouvoir donner son avis librement et de communiquer pour proposer la meilleure
solution a été une des meilleures compétences que j’ai acquis pendant ce stage.
Page 43 Rapport de stage

Évolution du projet personnel


Une chose est ressortie en permanence que ce soit dans l’entreprise ou a station F :
l’innovation. Elle est primordiale pour qui que ce soit pour avancer aussi bien
professionnellement que personnellement. Il faut toujours innover et changer ce que l’on faisait
avant en mieux. Il est important pour moi de continuer à travailler avec des personnes
partageant le même point de vue.
Le fait d’avoir pu apporter de la nouveauté et un regard extérieur mais aussi professionnel que
je puisse l’être (je reste étudiant en deuxième année, et il me reste beaucoup à apprendre) m’a
beaucoup plu et j’aimerais pouvoir apporter la même chose à d’autres entreprises ou
personnes par la suite.

Enfin, après le travail que j’ai pu effectuer chez Les Sherpas, il en est ressorti une envie de
rendre le web les projets sur lesquels je travaille le plus accessible possible, travailler la
démarche ux et simplifier les sites tout en gardant une apparence la plus travaillée possible.

Swiss Design cause I’m swiss


par Guillaume Ceyssac