AGENCE FVNCY 171 Av Général de Gaulle 92200 Neuilly sur Seine Tel : 06.31.30.22.68 Mail : hello@fvncy.fr Web : fvncy.fr
GUILLAUME VERGANO Chemin du Roy 60300 Senlis Tel : 06.76.13.75.56 Mail : vergano.g@gmail.com Web : guillaume-vergano.fr
BONJOUR Présentation personnelle
Page 6
Introduction
Page 9
L’agence FVNCY
Page 10
Ma journée type
Page 24
Méthodologie de travail
Page 27
Mon rôle dans l’agence
Page 30
Les missions effectuées
Page 32
Les difficultés rencontrées
Page 48
Mon stage en chiffres
Page 52
Mon Bilan
Page 55
Annexes
Page 56
PRESENTATION PERSONNELLE
Mon parcours a réellement commencé à la Faculté de sciences économiques de Lille lorsque j’ai arrêté de suivre les cours pour installer Photoshop et me former dessus. Le pari était de créer les affiches de soirées étudiantes organisées par mon BDE puis celui d’une autre école jusqu’à créer logo, tee-shirt, flyers pour plusieurs écoles et facultés lilloises. Pour officialiser ma nouvelle activité, je deviens alors auto-entrepreneur et décide, une fois de retour sur Paris, de chercher une école de graphisme.
Arrivé à l’IIM avec la ferme intention de développer mes compétences sur des logiciels comme Photoshop, After Effects, 3dsMax, je découvre petit à petit la programmation Web que j’avais effleuré en créant le site Havenight qui présentait mes affiches. Les possibilités, les opportunités que je découvre en codant mes premières lignes de HTML/CSS me font définitivement choisir l’option Web en seconde année.
Depuis je ne fais que ça, je développe, je recherche, je pense à des concepts, j’ai des clients, je participe à des ateliers, j’anime des conférences et j’adore ce métier pour tout ça. Je le trouve très complet. Il faut être créatif pour se démarquer, rigoureux dans le code, il faut rencontrer des gens, savoir partager, se tenir au courant des nouveautés et surtout chaque projet est unique.
Depuis le début de mes études à l’IIM jusqu’au début de mon stage, j’ai travaillé sur une vingtaine de projets que ce soit en tant qu’autoentrepreneur ou en tant qu’étudiant avec l’institut. Des projets gratuits pour des associations, des projets complets pour des artisans ou petits commerçants (site + carte de visite + Adwords + référencement naturel), des projets plus ambitieux (élections municipales et cantonales) et des projets personnels comme la vente de bonbons sur internet par exemple.
C’est en 3ème année, après avoir répondu à une annonce de recherche de développeur que je réalise quelques missions pour l’agence Créallianz et surtout que je rencontre le directeur, Jean-Pierre Bias. Créallianz se positionnait alors dans le service global pour les entreprises mais après avoir accompagné quelques clients, l’agence Créallianz est devenue, pour des raisons de positionnement, l’agence créative FVNCY en mars 2012.
Page 6
FVNCY DIGITALE & CR E ATI V E
INTRODUCTION
En choisissant l’agence FVNCY, je savais que j’aurai des responsabilités et que je verrai de l’intérieur comment se créer une agence Web. Le directeur me connaissait bien pour avoir déjà travaillé plusieurs fois avec lui et je lui faisais confiance pour trouver des projets intéressants. Depuis que je travaille et que j’étudie le Web, j’imaginais ma première véritable expérience professionnelle en agence comme l’occasion de :
• faire des rencontres intéressantes avec des professionnels ou simplement des passionnés. • gérer une équipe que je pourrai faire progresser et améliorer progressivement la qualité des rendus • faire des réunions de réflexion avec une équipe et un client pour trouver les solutions les plus appropriées à son activité. • développer mes compétences techniques en accordant une partie de mon temps à ma formation. • comprendre comment fonctionne une agence en terme de processus de livraison, d’administration, de facturation, de recrutement... • me tester en tant que collègue car j’étais jusque maintenant habitué à travailler seul.
L’aventure a donc commencé début juillet et ce rapport présente le déroulement du stage de 6 mois au sein de FVNCY. Je présenterai l’agence, parlerai de mon rôle et des missions que j’ai réalisé pour enfin analyser ce que j’en retiens et mettre en perspective ce qui servira à mon projet professionnel.
Page 9
L’AGENCE FVNCY
L’agence FVNCY est créée par Jean-Pierre BIAS (CEO) accompagné par Roxanne Blondel (DA) en mars 2012 et s’installe dans les locaux de Neuilly LAB en juin. D’abords positionnée dans le domaine des blogs de mode, la jeune agence s’est peu à peu diversifiée en terme de prestations mais également en terme de secteurs d’activité.
L’ETAT D’ESPRIT FVNCY est une jeune agence; Jeune car la moyenne d’âge est de 25 ans et jeune car elle a tout juste 9 mois d’existence. La passion de son métier et de son environne-
INSPIRATION
ment anime chacun des membres de l’équipe et assure à FVNCY d’être toujours à la pointe en terme de nouveautés et de découvertes.
FVNCY à l’objectif de faire aussi bien et même mieux que notre agence de référence Colorz.
Toujours à l’affût de ce qui se fait de mieux, nous parcourons de long en large le Web;
La qualité des sites désignés par cette agence
des sites d’actu comme FrenchWeb, aux sites
parisienne sont une grande source d’inspira-
techniques comme CodeCanyon en passant
tion et de respect pour FVNCY qui tend à at-
par les sites d’inspiration comme Dribbble :
tendre ce niveau technique et cette exigence
nous aimons voir ce que font les autres et com-
graphique.
prendre comment ils le font.
« Au pixel près » Nous aimons le soin du détail qui fera la différence, l’expression «au pixel près», le choix des textures, le gadget inutile mais qu’on adore, l’animation qui se déclenche par surprise, autant d’éléments qui font qu’un site est unique et remarquable.
Page 10
FVNCY.FR Mon rôle : • Rédaction de contenu (Titre, textes et images) • Référencement naturel • Design template mail Date de début : 12 juillet
LE POSITIONNEMENT FVNCY est la deuxième société créée par Jean-
FVNCY décide également d’attaquer par les prix
Pierre BIAS qui a géré Créallianz pendant 2 ans avant
en proposant des prestations très attractives pour
de se repositionner et de lancer FVNCY. En effet, le
des jeunes entrepreneurs qui ont un budget limité.
service global proposé par Créallianz reflétait une
En proposant des sites parfois 5 fois moins chers que
image trop institutionnelle qui ne correspondait pas
des concurrents comme Colorz, nous avons obtenu
à l’image jeune et amatrice de l’agence. En fait,
plusieurs contrats que nous avons honoré sans jamais
Créallianz n’a jamais véritablement trouvé sa cible et
revoir la qualité à la baisse. En effet, chaque nou-
n’a développé qu’une dizaine de sites internet.
veau projet est important pour enrichir le portfolio de l’agence.
Les discussions qui ont précédé la création de FVNCY et qui ont continué après au sujet du positionne-
Aujourd’hui FVNCY continue de collaborer avec de
ment de l’agence ont abouti à se dire que FVNCY
jeunes entreprises en jouant sur des tarifs en dessous
ne devait pas reproduire les erreurs de Créallianz. Il
du marché mais augmente peu à peu le prix de ses
fallait donc que FVNCY soit à notre image et paraisse
prestations notamment lorsqu’il s’agit d’entreprises
beaucoup plus accessible. Il a été également déci-
avec d’avantage de ressources.
dé de se concentrer sur notre métier en ne proposant que des prestations concernant la communication.
En pratiquant des prix attractifs, FVNCY entretient une relation particulière avec les jeunes entrepre-
Avec ce nouveau positionnement, FVNCY souhaite
neurs dont la création de site Web est souvent une
devenir le prestataire idéal pour les jeunes entrepre-
première expérience en tant que professionnel sur
neurs.
internet. Et si leur business se développe, ils continueront naturellement de collaborer avec FVNCY.
Page 12
ACTIVITES
LA MODE
La prestation la plus demandée est la création de site internet; ce qui représente 70% de l’activité globale de l’entreprise. Que ce soit pour un site vitrine, un site e-commerce, une application Facebook ou un blog, 90% sont développés avec le CMS Wordpress, le reste sous Prestashop. Les autres activités de FVNCY sont les applications mobiles, le référencement naturel, les campagnes Adwords, la création de logo et le Print. Logo du site Sunters.fr - Blog de mode
Pour le Print, FVNCY a développé un partenariat avec l’imprimerie ComodoPrint et propose En démarrant mon stage, toute la communi-
tout types de supports visuels : cartes de visites,
cation de FVNCY concernait la création d’ou-
affiches, roll-up etc.
tils de communication pour les blogs de mode et en particuliers pour les bloggeuses. En effet, Roxanne Blondel est la créatrice et l’administratrice d’un blog de mode féminin référent en France et possède une expertise pointue et un carnet d’adresse important dans le milieu. Le site en question est theliquorstore. fr édité par FVNCY, le site est animé par 6 bloggeuses et visité par 6000 visiteurs uniques chaque mois. Plusieurs projets concernant la mode et les marques ont vus le jour grâce à cette communication ciblée comme Sunters, Glaaam ou encore NailPatchMe. L’avantage d’avoir des références dans le domaine du blogging
Roll-up pour l’agence LesNuages - 1x2.3m
de mode est que nos sites reçoivent de nombreuses visites, notamment par les marques qui suivent les tendances et recherchent des partenariats; ce qui offre à FVNCY de la visibilité.
FVNCY collabore également avec l’agence Rosemees pour tout ce qui concerne la rédaction Web notamment lorsqu’il s’agit de référencement naturel.
NEUILLY LAB S’implanter dans une pépinière d’entreprises s’est révélé être un très bon choix puisque FVNCY en tire de nombreux avantages. Les locaux sont aménagés autour d’un hall de 40m2 avec fauteuils et canapés, de 2 petits bureaux, d’une salle de réunion, d’une salle de conférence et d’un open-space de 40 places. Les bureaux et les salles sont réservables et n’entraînent pas de frais supplémentaires.
Conférence organisée par Neuilly LAB
Ces locaux permettent de travailler individuellement dans le calme dans l’open-space ou en collaboration dans la pièce principale et de recevoir les clients dans la salle de réunion avec un grand écran pour projeter les présentations.
L’expérience de Neuilly LAB est vraiment passionnante à vivre au quotidien pour l’équipe FVNCY car au fur et à mesure que la confiance s’installe, les autres entrepreneurs viennent souvent à notre rencontre pour échanger et discuter. Que se soit pour installer un logiciel, détourer une image, avoir un conseil sur les modes de paiement en ligne, demander un devis pour du référencement naturel etc. Nous essayons d’être toujours accessibles pour garder l’image d’une jeune agence dynamique, sympathique et professionnel dans la qualité de nos réponses. La pépinière Neuilly LAB est très active et accompagne les jeunes entreprises dans leur développement en organisant notamment des conférences, des formations, des rencontres avec des investisseurs afin de générer tout un écosystème propice à la croissance de ses entreprises.
OpenSpace Invaders - #FvncyJoke
De plus nous avons la chance d’être la seul agence de communication de la pépinière; ce qui nous a permis, après avoir passé quelques mois à faire connaissance, d’obtenir des contrats avec d’autres entreprises de Neuilly LAB comme la startup Miwo ou EasyLogo.
Page 14
LES-NUAGES.COM Mon rôle : • Gestion de projet • Développement (WP, HTML5/ CSS3, JQuery, AJAX) • Design des animations (CSS3, JS, Gifs) • Version Mobile Délai : 60 jours Budget : 11000€
PARTENARIAT AVEC LESNUAGES Grâce à un contact, Jean-Pierre et Roxanne sont
Après avoir bien géré les débuts, la direction des
mis au courant, mi-juillet, que l’agence LesNuages
Nuages nous confie très vite la création de plu-
recherche une agence Web pour sous-traiter la
sieurs autres sites internet dont le site de leur propre
création de site internet pour leurs clients. En effet,
agence (les-nuages.com) et celui d’une de leur pla-
LesNuages ont réalisé une levée de fond de 2 millions
teforme propriétaire (sms2pro.com) ainsi que tout
d’Euros pour les solutions mobiles propriétaires déve-
ce qui concerne le Print pour leur communication.
loppées en interne* et souhaite dorénavant sous-trai-
Nous obtenons également la gestion du référence-
ter le reste des prestations pour se concentrer sur son
ment naturel pour le site sms2pro.com ce qui permet
coeur de métier.
à FVNCY de régulièrement fréquenter les locaux des
Après avoir passé un entretient avec un des directeurs et deux chefs de projets des Nuages, Jean-
Nuages et d’échanger quotidiennement avec certains de leurs membres.
Pierre et Roxanne obtiennent un accord concernant
Le niveau d’exigence et la complexité des projets
la création du site Riviera-Magazine qui servira de
confiés par LesNuages ainsi que les budgets qui les
test pour une éventuelle collaboration à long terme.
accompagnent favorisent la croissance de FVNCY
Le projet Riviera-Magazine est le premier véritable projet pour FVNCY de par le budget qui lui est accordé, de par sa complexité mais surtout par l’enjeu
qui a pu/a dû recruter et augmenter progressivement le niveau des rendus en cherchant toujours à surprendre positivement.
qu’il représente. En effet, il est capital de bien gérer
L’objectif est de rester dans les bonnes grâces des
le projet et de prouver nos capacités pour sceller une
dirigeants des Nuages car ce partenariat est pour le
collaboration durable avec LesNuages et obtenir
moment le principal moteur du développement de
ainsi de nouveaux contrats.
l’agence FVNCY.
LesNuages est à la fois une Agence et un Éditeur de solutions mobiles. Notre positionnement marketing & technologie nous permet de concevoir des solutions et des outils pour simplifier la mise en œuvre de vos projets mobiles. L’approche des Nuages est de vous accompagner dans l’analyse de votre marché et de vos consommateurs, dans les choix des leviers et leurs déploiements, la réalisation et le succès de vos campagnes en s’appuyant sur nos expertises marketing, digitales et technologiques. **
* Source : http://w1p.fr/86887 ** Source : les-nuages.com/agence
COM. GLOBALE L’agence propose à ses clients une communication globale qui consiste à lui proposer tout un panel d’outils pour promouvoir son activité. L’agence conseille ses clients et propose en fonction de la cible et du contexte, tout en prenant en compte le budget, plusieurs supports de communication. Ainsi, un client peut se voir proposer un site e-commerce, un blog, une page Facebook, des flyers, un roll-up,
Boutique MySneakers à Boulogne (92)
une application jeu concours Facebook, une vidéo publicitaire, des cartes de visites. C’est
LES CLIENTS
un atout pour les clients de FVNCY car leurs communication est unifiée et beaucoup plus cohérente qu’en faisant appel à plusieurs
Les clients sont principalement de jeunes en-
prestataires.
trepreneurs comme pour la refonte du site mysneakers.fr (vente de chaussures, vêtement et accessoires) ou le dirigeant à une trentaine
A LA POINTE
d’année et vient tout juste de fêter ses 1 an d’existence sur la toile. En général, les clients font appel à FVNCY grâce au bouche-à-
Les membres de l’agence parcourent réguliè-
oreille et au réseau de Jean-Pierre et Roxanne
rement les sites d’actu Web et notamment les
comme pour le projet Sheriish Beauty, site de
développeurs pour ce qui concerne les lan-
vente de mèche de cheveux qui génère un
gages, les plugins, les frameworks...
CA de 25000€ par mois et dont la dirigeante est âgée de 20 ans. Ces clients travaillent le plus souvent de façon indépendante sans salarié. Depuis fin octobre 2012, FVNCY a collaboré
La dernière découverte a été les nouveaux
avec de nouveaux profils de clients : Miwo
outils de développement Adobe* qui, bien
par exemple est une application Iphone dont
qu’encore en version Beta, nous offrent de
le dirigeant à une cinquantaine d’année et
nouvelles possibilités. C’est par exemple le cas
dont l’entreprise emploie 5 collaborateurs. Ces
avec l’éditeur : Adobe Edge Code qui permet
clients sont devenus abordables après que le
de modifier le CSS sans avoir à changer de
portfolio de l’agence se soit garnis de projets
fichier ou plus impressionnant : de pouvoir édi-
remarquables et que l’argumentaire se soit
ter en live sans avoir à recharger la page. Il y
professionnalisé.
a également le logiciel Adobe Edge Animate qui nous offre la possibilité de créer des anima-
L’agence travaille également pour des clients
tions HTML5 complexes de très haute qualité à
plus importants en terme de CA ou de colla-
la manière de FLASH.
borateurs dans le cadre de la sous-traitance des Nuages chez FVNCY.
* Source : http://html.adobe.com/edge/
Page 18
MY SNEAKERS Mon rôle : • Gestion de projet Projet en cours de développement. Le client nous a commandé un site e-commerce, un blog, un logo, une application Facebook et une newsletter. Délai : 2 mois et demi Budget : 5200€
CAMPAIGN MONITOR
YOODA
LOGICIELS & PLATE-FORME
CAMPAIGN MONITOR
YOODA
FVNCY utilise CAMPAIGN MONITOR pour déli-
Ce logiciel permet d’obtenir des informations
vrer ses campagnes de mailing. Cette plate-
très intéressantes et très complètes sur le SEO.
forme propose de nombreuses fonctionnalités* et permet de faire des analyses précises
Il donne la possibilité de faire de nombreuses
des résultats de campagne. Le taux d’ouver-
comparaisons que ce soit entre plusieurs sites
ture, le nombre d’échecs mais également des
ou entre plusieurs périodes. Nous l’utilisons
données plus précises comme quelle adresse
également pour suivre les évolutions en terme
mail a cliqué sur un lien de la newsletter, quelle
de positionnement de nos sites. (Rapport que
adresse a transféré le mail etc.
nous fournissons aux clients et qui, dans certains cas, sert de support à la facturation ->
Cas concret : Nous l’avons utilisé pour l’envoi
paiement à la performance)
d’un mail d’information à tous les commerçants de Miwo. Ce mail annonçait la création
Plutôt difficile à prendre en main, le logiciel
d’une app. Facebook de type jeu concours
bénéficie d’un support client excellent et m’a
pour faire la promotion de Miwo. Dans le corps
notamment permis de suivre une formation en
du mail, un bouton permettant aux commer-
ligne d’une demi journée avec un conseiller
çant d’ajouter le jeu à leur propre page Fan.
Yooda.
Nous avons ainsi pu savoir quels sont les com-
Cas concret : Nous avons utiliser Yooda pour
merçants qui ont cliqué sur le bouton.
le projet de référencement naturel de SMS 2 Pro, ce qui nous a permis d’analyser la concurrence et de sélectionner des expressions clés. Nous croisons l’utilisation de Yooda avec Google Adwords. Exemple : Si une expression clé est recherchée 60 000 fois par mois (Google Adwords > Générateur de mots clés**) et en estimant que le site en première position du SEO à un taux de clic de 36%*** alors on attends 21 600 visiteurs mensuels. Ensuite, si le panier moyen du site est de 30€ et est dans le domaine de l’habillement (taux de conversion de 1.3%****) alors on peut prévoir que cette expression si elle apparaît en première position va générer un CA de 8424€ par mois.
* Source : http://www.campaignmonitor.com/features/ ** Source : http://desgeeksetdeslettres.com/web/google-adwords-un-generateur-de-mots-cles-pour-vos-sites *** Source : http://www.202-ecommerce.com/2012/07/taux-de-clic-en-fonction-de-la-position-sur-google-et-taux-de-conversion/ **** Source : http://www.plus-de-webmarketing.com/a-chaque-produit-son-taux-de-transformation-10891
Page 21
LES PRINCIPAUX OUTILS
DropBox
Skype
a
Pour l’échange et le par-
La communication se fait
tage de documents nous
beaucoup via skype notam-
syn-
utilisons DropBox que ce soit
ment avec LesNuages. L’uti-
chronisée avec Gmail et
pour les fichiers internes (De-
lisation se fait également en
chacun communique de-
vis, contrats, sauvegarde,
utilisant le partage d’écran
puis celle-ci que ce soit en
ressources etc...) ou avec
pour les formations en live
interne ou en externe avec
les clients (image, contenu,
(gestion du backoffice par
les clients par exemple.
psd, etc...).
exemple).
Adresse Mail Chaque sa
collaborateur
propre
adresse
(guillaume@fvncy.fr)
Photoshop
Asana
logiciel
de
SwordSoft Layout
Pour la gestion de projet, nous utilisons
Le
référence
Pour la création des zonings,
Asana qui est un gestionnaire permet-
pour tout ce qui concerne
cette application permet
tant d’assigner des tâches à un projet
la création graphique, la
de créer le squelette d’un
ou à un membre. Celles-ci sont anno-
retouche d’image, le mon-
site ou d’une application
tées, datées, taggées et peuvent être
tage et la création de gifs.
en noir et blanc en position-
commentées.
En duo avec Inskape pour la
nement différents bloc pré
vectorisation.
définis.
Chaque membre a donc sa liste de tâches à effectuer et peut facilement demander des informations supplémentaires via le système de commentaires. Cet outils est simple d’utilisation mais pour autant complet; il permet au chef
Serveur FTP
de projet de distribuer les tâches à cha-
Numbers
Les projets en développe-
Pour le côté administratif,
ment sont hébergés sur fvn-
nos devis sont créés sur Num-
cy.fr/projet/client afin que
bers, à partir d’une grille de
tous les acteurs puissent
prix. La comptabilité est gé-
visualiser l’évolution et tester
rée par une société externe
ou faire tester les rendus.
à l’agence.
cun en gardant un oeil sur l’ensemble du projet. Pour certains projets, plus techniques il est arrivé d’utiliser Mantis.
Page 22
L’EQUIPE FVNCY a vu ses effectifs augmenter progressivement pour permettre à l’entreprise d’accepter de nouveaux contrats et de décharger peu à peu Jean-Pierre et moi-même du développement pour se concentrer sur les tâches de gestion et d’administration. Aujourd’hui FVNCY compte 7 collaborateurs dont un directeur technique, une directrice artistique, un designer, deux développeurs et un intégrateur. FVNCY s’appuie sur des profils complets; plusieurs membres sont multi-tâches et partagent les compétences de
LA SUITE...
son domaine de prédilection avec le reste du groupe.
FVNCY recherche des locaux de 80m2 pour
Chacun a son propre parcours mais la majo-
créer son propre environnement et prendre
rité des membres de FVNCY est autodidacte.
son envol. Avoir ses propres locaux permettra également d’installer de nouveaux outils comme des IMACs, un tableau planning et l’indispensable table de ping-pong. Ce déménagement permettra également de continuer à recruter car FVNCY prévoit la venue d’un développeur mobile, d’un graphiste et d’un chef de projet. Or, à Neuilly LAB, la limite des collaborateurs est de 6 donc FVNCY doit rapidement s’installer pour continuer à se développer. FVNCY souhaite également prendre son indépendance économique vis-à-vis de l’agence LesNuages. Tout en continuant de collaborer avec eux, FVNCY doit gagner par elle-même ce type de contrat en engageant des commerciaux. Il y a également le potentiel en terme de créativité et de savoir faire au sein de FVNCY pour voir émerger un projet comme une marque
En partant du fond :
de vêtement, une application mobile ou toute
Valentin (Développeur)
autre idée qui émane souvent des discussions
Simon (Apprenti développeur)
entre membres.
Et moi.
Page 23
MA JOURNEE TYPE CHEZ FVNCY
Plutôt que de parler de journée type, il conviendrai plus de parler de journée idéale car les journées défilent mais ne se ressemblent pas. Au cours du stage, nous sommes progressivement arrivés à prendre des habitudes et à accomplir certaines tâches automatiquement.
A 09:00 Tout le monde arrive tranquillement et s’installe dans l’open-space. On se croise à la machine à café, on discute du match de la vieille, on check ses mails, on lit les journaux. En fait, on attends que chacun soit à son poste pour se rejoindre dans la pièce principale et faire le point sur les projets en cours. Chacun exprime ses besoins pour accomplir les tâches du jour que se soit en terme de temps ou de ressources. On re-organise, on s’adapte, bref, on fait en sorte que la journée sera agréable pour tout le monde. Ensuite chacun retourne
Jean-Pierre et moi
à son poste. Ou presque...
DE 10:00 A 12:00
LA PAUSE DU MIDI
Après cette première réunion assez technique
De 13h à 14h, après avoir hésité entre Franprix
en fait, nous faisons une deuxième réunion
ou Franprix, nous désignons, en temps de pluie,
avec cette fois-ci, que Jean-Pierre, parfois
l’un d’entre nous pour aller chercher les sand-
Roxanne et moi. Cette réunion a pour objet
wichs; sinon c’est avec plaisir que nous sortons
tout ce qui concerne le développement de
manger dans le parc de Neuilly. C’est l’occa-
l’agence : le recrutement, les clients, les lo-
sion pour nous de discuter d’autre chose...
caux etc. C’est pendant cette réunion que
Mais rien à faire, on en revient vite au travail, à
l’on évoque les problèmes et que l’on cherche
croire qu’on aime vraiment ça!
des solutions. Après des menaces de grèves, nous avons Le reste de la matinée est consacré pour
obtenu d’aller manger un burger frites tous les
ma part à la relation client et à tout ce qui
vendredis midi pour solidifier les liens... et aussi
concerne l’administratif (devis, facture).
parce que c’est bon! Page 24
DE 14:00 A 16:00 En général, le début de l’après-midi est consacré à développer de mon côté et/ou à superviser le travail des développeurs depuis Asana ou directement avec eux. Je peux également être en déplacement dans l’agence des Nuages pour présenter nos rendus, récupérer du contenu, former à l’utilisation du backoffice... Nous avons la chance d’être à 15min de leur agence car nos deux agences sont situées à proximité de la ligne 1 du métro. C’est aussi l’après-midi que nous recevons les clients en ayant au préalable réservé une des salles. Avant chaque réunion, nous préparons une feuille de route avec tous les avancements et les points à aborder. Il arrive que le
Faire le point sur la journée
ou les techniciens qui ont participé au rendu soient présents pour présenter leur travail; notamment pour tout ce qui concerne le gra-
LA FIN DE JOURNEE
phisme.
LA PAUSE DE 16:00
En fin de journée, nous faisons le point avec
Pour couper l’après-midi, si possible, nous fai-
En fonction des retours des techniciens, je re-
Asana comme support pour voir quelles tâches ont été validées et lesquelles ne l’ont pas été.
sons une petite pause. En général, le défi est
adapte la distribution des tâches et anticipe le
de battre Jean-Pierre aux échecs mais on
lendemain.
peut tout simplement discuter autour d’un chocolat.
J’en profite également pour envoyer les rendus de la journée si il y en a, aux clients par mail ou en les plaçant dans DropBox. La fin de journée du vendredi est un peu particulière car il faut vérifier les disponibilités de certains techniciens qui ne sont pas à temps plein chez FVNCY; comme par exemple, Claude qui est en alternance et donc en agence, une semaine sur deux.
THE END Je perd en 3 coups - #FvncyBluff
Page 25
METHODOLOGIE DE TRAVAIL
Les méthodes et les processus de développement et de gestion de l’agence ont beaucoup évolués au fil de mon stage pour se professionnaliser et s’automatiser de plus en plus. Notre méthodologie s’est adaptée : au recrutement des nouveaux membres, à la méthodologie de nos clients, à l’utilisation de nouveaux outils et également aux problématiques que sont le manque de place, les ressources limitées et une importante charge de travail.
FOCUS SUR L’EQUIPE
1 : Jean-Pierre - Directeur 2 : Roxanne - Directrice Artistique 3 : Guillaume - Chef de projet 4 : Claude - Designeur 5 : Valentin - Développeur 6 : Simon - Apprenti développeur 7 : Emmanuel - Intégrateur
Page 27
DEROULLEMENT D’UN PROJET TYPE #SITEWEB Le déroulement d’un projet de type site internet peut varier d’un projet à l’autre, d’un client à l’autre mais dans les grandes lignes, les étapes prenaient souvent le même cheminement. De manière générale nous essayons toujours de combiner certaines étapes afin de gagner en efficacité et en temps de développement; il nous est, également, arrivé de développer des projets avec la méthode agile. Nous adaptons également le processus de développement d’un projet en fonction du client et de son contexte. Certains clients ont eus, par exemple, accès à Asana et ont eus des tâches assignées. Nous communiquions entre nous grâce à Asana, qui est véritablement la plaque tournante de l’agence, mais également via mail et en direct grâce aux réunions. Les documents étaient échangés et partagés grâce à notre DropBox. Le client intervient un maximum, parfois plusieurs fois par étapes et a toujours la possibilité de voir l’évolution grâce au serveur provisoire. Ceci évite l’effet levée de rideau !
1 . PREMIERE RENCONTRE AVEC LE CLIENT Le client nous présente son projet, le contexte, ses attendes, ses ressources et répond à nos questions. En général, nous anticipons en analysant l’existant du client avant notre première rencontre. Les intervenants : 1 2 3 Les rendus : Création d’un dossier au nom du client dans notre DropBox et ajout d’une entrée dans fichier de suivi client. Chaque dossier client contient les ressources du projet, les informations globales ainsi que la copie des fichiers sources.
2 . DEBRIEFING INTERNE & PROPOSITIONS
3 . DEUXIEME RENCONTRE AVEC LE CLIENT
Une fois la réunion terminée, nous organisons
Nous présentons au client nos propositions en
une autre réunion en interne pour résumer le
argumentant pour le convaincre. En fonction
projet à toute l’équipe. Puis nous commen-
de son budget et de ses retours, nous adap-
çons les propositions. Même les plus folles...
tons notre plan pour parvenir à un accord.
Nous
Les intervenants : 1 2 3
effectuons également un benchmark
pour étudier les concurrents et référents ainsi que les sites d’inspiration. Les intervenants : 1 2 3 4 5 Les rendus : En ressort un documents de propositions ainsi que le budget pour chacune d’elle et un planning prévisionnel. Ils nous arrive également de préparer des supports visuels en vu de la prochaine réunions (des zonings par exemple ainsi que des exemples d’autres sites.) Page 28
4 . REDACTION DE DOCUMENTS OFFICIELS
5 . ZONNING & MAQUETTES
Nous commençons alors la rédactions des
Les premiers rendus graphiques sont les zo-
documents qui officialiseront la poursuite du
nings qui représente l’organisation des élé-
projet.
ments puis une fois présentés et validées par le client, nous passons aux maquettes. En géné-
Les intervenants : 3
ral, nous limitons notre travail à la page home,
Les rendus : Un cahier des charges qui définit
une page catégorie, une page produit et une
le périmètre de notre intervention, le devis qui
page par défaut.
fixe le budget accompagné de nos conditions
Les intervenants : 1 2 4
générales.
Les rendus : Zonning, maquettes et charte graphique ainsi que tous les autres éléments graphique qui accompagnent le projet (logo, animations, bannières etc.) 5 bis . DEVELOPPEMENT & INTEGRATION Une fois les maquettes validées, les développeurs prennent le relais et commencent leur travail. Nous intégrons une partie du contenu en même temps que le développement. Les designers restent mobilisés pour fournir certains éléments graphiques. Les intervenants : 1 2 3 4 5 6 7 Les rendus : Les fichiers sources, une base de données et le contenu multimédia. 6 . TEST & RECETTAGE Lorsque le développement touche à sa fin, nous commençons à tester le site sur les différents navigateurs et sur différents supports.
5 . GESTION DES TACHES
Les intervenants : 5 6 7 Les rendus : Fichiers correctifs.
Nous commençons à créer et à assigner les tâches sur Asana. C’est un travail quotidien qui se prolonge tout au long du projet.
7 . LIVRAISON
Les intervenants : 1 3
Le site est transféré du serveur provisoire FVNCY vers le serveur final du client. Nous livrons également une documentation d’utilisation du site.
Page 29
MON RÔLE DANS l’AGENCE
En choisissant ce stage, je ne savais pas vraiment ce qui m’attendais mais j’étais sûr que je ne manquerai pas de travail. Étant donné que nous n’étions que 3 au début et qu’il y avait beaucoup à faire, chacun d’entre nous a dû faire preuve d’initiative pour construire petit à petit l’agence. Grâce à mon expérience acquise avec les BAP de troisième année et mon autoentreprise, j’ai pu proposer un certain nombre d’outils ou de procédés.
R. HUMAINES
RECRUTER & FORMER
Pour certains projets qui demandent des com-
Tout au long du stage, j’ai pris en charge le
pétences particulières, nous faisons appel à
recrutement des membres de FVNCY. Notam-
des prestataires extérieurs. En règle générale,
ment en recherchant des profils intéressants
Jean-Pierre me fait confiance pour les trouver.
et correspondant à nos besoins sur internet.
J’en ai profité pour faire travailler mes cama-
Ensuite, j’organise les entretiens avec Jean-
rades de classe comme Antoine pour déve-
Pierre. Une fois, au sein de FVNCY, chaque
lopper un compteur automatique en JQuery
nouveau membre est formé à l’utilisation de
ou encore Julien pour nous former sur du réfé-
nos outils et de nos méthodes afin d’harmoni-
rencement naturel.
ser le processus de développement.
Valentin est d’ailleurs en 3ème année à l’IIM
Nous utilisons également un carnet d’adresses
et travaille chez FVNCY à mi-temps en tant
avec plusieurs freelances spécialisés dans un
que développeur. Valentin était technicien
domaine en particulier.
lorsque j’étais chef de projet en BAP, j’ai donc
GESTION DE PROJET
pu apprécier son niveau et le présenter à Jean-Pierre. Depuis le début du stage, Valentin a développé deux sites et une application
Pour chaque nouveau projet, un chef de pro-
Facebook et développe actuellement une
jet était désigné selon la complexité du projet
application sur PhoneGap.
en lui-même ou selon le nombre de projets sur lesquels nous travaillons. Les chefs de projet
Mon rôle a également été d’animer l’équipe
sont Jean-Pierre et moi.
FVNCY en étant à l’écoute de chaque membre pour être le relais entre les «techni-
Chaque chef de projet a en charge la relation
ciens» et le directeur. Que se soit pour parler
avec le client, l’assignation des tâches sur Asa-
des horaires, d’augmentation, d’une idée
na, la vérification des rendus et leur livraison.
pour améliorer FVNCY, en général, on venait
En moyenne j’ai en charge 3 projets en même
d’abords m’en parler pour qu’ensuite je trans-
temps ce qui demande de bien s’organiser et
mette à Jean-Pierre.
d’avoir les développeurs disponibles. Page 30
Carte de visite
LES MISSIONS CONFIEES
Au cours de ce stage, j’ai eu la chance de pouvoir effectuer des missions très variées que ce soit du développement, du design, la gestion des devis, le recrutement, la formation, la gestion de projet... Je vais détailler chacune d’elle en l’illustrant du meilleur exemple sur lequel j’ai travaillé.
LE DEVELOPPEMENT Au cours de mes 6 mois de stage, j’ai déve-
LES-NUAGES.COM
loppé le site des Nuages, une application Facebook pour la marque de vêtement Brin de
J’ai choisi d’illustrer ma mission de développeur
femme et une autre application Facebook
avec le projet du site vitrine de l’agence Les-
pour la start-up Miwo. J’ai également déve-
Nuages.
loppé une partie du site sms2pro.com et plusieurs fonctionnalités sur d’autres sites.
LES ATTENTES • Vitrine + Blog • Présentation de l’équipe • Slider sur la home • Multilangue • Création de comptes (Social connect) • Animations • Responsive Design • Monitorer les téléchargements de .pdf sur le site.
Le développement se faisait en même temps que la gestion de projet, je m’auto-assignait donc des tâches comme je le faisais pour les autres développeurs. J’ai beaucoup amélioré mes compétences
LES CONTRAINTES
en développant des projets plus ambitieux et
• Dates butoirs correspondant aux différents événements des Nuages comme TEDx ou les réunions avec les investisseurs. • Plusieurs changements de dispositions des blocs.
plus complexes que d’habitude. J’ai pu également, au contact d’autres développeurs, acquérir et partager des connaissances.
LE POSITIF Ce projet m’a permis de progresser sur plusieurs points techniques comme la personnalisation du backoffice ou encore la création de comptes à partir des plugin de social connect comme Facebook, Linkedin et Google.
En terme d’outils et de méthodes, j’ai également progressé en optimisant par exemple l’utilisation de mon éditeur de texte avec lequel je développe. Ou encore en découvrant
Ce projet a été également très passionnant car il m’a permis en tant que développeur mais surtout en tant que chef de projet d’être souvent en contact avec LesNuages. Plusieurs réunions ont été organisées pour brainstormer sur le site.
de nouveau outils comme des plugins Wordpress très utiles. Au fil des projets, mon objectif était de faire
LE NEGATIF Je ne trouve rien de négatif à ce projet qui a été très plaisant. Seules certaines parties comme la création de compte ont été plus laborieuses car nouvelles pour moi et peu documentées.
des sites toujours mieux que se soit du côté client ou côté backoffice. Page 32
DE 07:00 A 17:00
DE 17:01 A 18:00
DE 18:01 A 06:59
Connexion au backoffice
Et si on clic sur le ballon ?
Cr茅ation de compte en 1 clic
Animations CSS3 sur les ic么nes
Backoffice 100% optimal
MA METHODE DE TRAVAIL Lorsque je devais développer, je m’isolais, musique sur les oreilles pour être concentré sur le code. Je développe tout d’abords en local sur ma machine pour ensuite basculer mon travail sur le serveur de développement de l’agence. LA RECHERCHE J’aime visiter des sites internet qui présentent les dernières nouveautés en terme de développement, de langages, d’animations etc. mais c’est véritablement lorsque je développe que je met en pratique les bouts de code ainsi trouvés. Pour chaque nouveau problème rencontré, j’essaie de trouver la solution la plus adéquate et je l’insère dans le code source du site internet. Développement en cours...
LES FONDAMENTAUX 90% des sites que je développe ce font autour de ce que l’on appelle chez FVNCY, le trio
PRINCIPALES DIFFICULTES
gagnant. Il s’agit de Wordpress, de son exten-
Le manque de temps est la principale difficul-
sion Advanced Custom Field et du Bootstrap
té que j’ai rencontré car le niveau de déve-
Twitter.
loppement était «dans mes cordes» même si certaines fonctionnalités m’ont posées beau-
LA COLLABORATION
coup de problèmes. Il y a également le fait
Il y a deux niveaux de collaboration entre dé-
d’être très souvent déconcentré pour devoir
veloppeur à l’agence. Quand nous devons
contacter un client, envoyer un mail, déblo-
communiquer entre nous pour dépanner un
quer un technicien et donc, cela ne permet
collègue ou pour proposer une autre solution
pas de développer «en y étant à 100%».
: tout ce passe très bien. Mais nous n’avons toujours pas optimisé la collaboration lorsqu’il s’agit de développer un site à plusieurs et en même temps. En règle générale, nous développons chacun notre tour pour éviter les problèmes et la perte de fichiers mais nous devons très prochainement utiliser des logiciels de versionning
AU FINAL
comme GITHUB pour professionnaliser d’avan-
Je suis et je serai toujours un développeur
tage notre programmation.
même si je tends à avoir des responsabilités et à déléguer le développement, il y aura toujours cette volonté d’essayer de comprendre comment fonctionne ce que je vois et de construire des sites internet en partant d’une feuille blanche.
Page 35
LA GESTION DE PROJET Après avoir déjà géré plusieurs projets j’avais déjà une bonne idée des difficultés que l’on pouvait rencontrer. Notamment dans la relation avec le client, j’ai plusieurs fois rencontré des difficultés lorsque que celui-ci est «têtu» et insensible aux conseils. J’ai pu également grâce aux BAP, appréhender la gestion d’une équipe avec plus ou moins de réussite. D’ailleurs à la fin de la dernière BAP, j’ai demandé à chaque technicien de répondre à un questionnaire pour savoir comment il avait vécu le projet et quelles étaient les remarques visà-vis de moi et de ma gestion : la principale remarque qui est remontée est que les tech-
AP. FACEBOOK MIWO*
niciens ne sentaient pas de confiance de ma part. Je pensais donc débuter mon stage avec de
J’ai choisi d’illustrer une gestion de projet avec
bonnes bases pour prévoir et anticiper les pre-
le projet de l’application Facebook de Miwo.
mières gestions de projet. Et dans l’ensemble, LES ATTENTES
je n’ai pas été surpris si ce n’est l’arrivée d’un
• Une application Facebook type «jeu concours» • L’agencement de la pageFan Facebook et du profil Twitter
nouveau paramètre : les enjeux. En effet, j’ai géré des projets qui représentaient beaucoup pour certains clients comme le site des Nuages
LES CONTRAINTES
qui était régulièrement présenté aux investis-
• 14 jours pour tout mettre en place. • Outre le manque de temps, il y a également le fait que Miwo a fait appel à plusieurs prestataires pour gérer sa communication.
seurs alors qu’il était encore en plein développement.
!
LE POSITIF J’ai apprécié ce projet car il nous a permis de travailler à plusieurs sur la même problématique. De plus, le dirigeant de Miwo a de l’expérience et parle avec passion de son produit. A noter que le projet a été développé en Agile, méthodologie que j’avais déjà mis en pratique lors des BAP avec Patricia Gallot-Lavalée. LE NEGATIF Le manque de temps qui ne permet pas d’avoir suffisamment de recul sur notre production, ni de pouvoir faire les choses en profondeur en exploitant par exemple toutes les possibilités de l’openGraph Facebook.
Pour ce qui est de la gestion de projet en ellemême, j’avais des appréhensions pour tout ce qui concerne les documents tels que le cahier des charges, les plannings, les devis etc. C’est en effet, la partie qui me ne m’attire pas du tout même si je connais l’importance de s’y
* www.facebook.com/FollowMiwo
attarder en début de projet pour partir sur de bonnes bases.
Page 36
PREMIERS CONTACTS
LES ENJEUX
Les premières entrevues avec le client nous
En pleine recherche de financement, Miwo
ont permis de nous présenter. J’ai ainsi pu
a besoin d’une levée de fonds de 2 millions
découvrir ce qu’est Miwo et comprendre les
d’euros sur deux ans. Pour convaincre les in-
contraintes de son dirigeant pour vendre son
vestisseurs et préparer au mieux la sortie de
produit.
la version 2 de l’application, l’objectif est que Miwo soit téléchargé 2500 fois.
MIWO, POURQUOI, POUR QUI ? C’est une application smartphone (disponible
LE DEBUT DU PROJET
uniquement sur Iphone pour le moment) qui
Miwo a déjà une communication mise en
vous informe de ce qui se passe autour de
place par une autre agence qui gère notam-
vous. Lancez Miwo dans le 4ème arrondisse-
ment le site principal (miwolive.com) et une
ment par exemple et vous aurez la liste de tous
autre agence qui s’occupe de la partie Print
les événements (spectacle, offre spéciale,
et de la campagne sur le terrain. Miwo sou-
croissant offert...) qui sont autour de vous dans
haite nous confier la création d’une applica-
un rayon de 60 mètres. Les événements sont
tion Facebook dont le scénario a déjà été
diffusés par les commerçants et les profession-
pensé ainsi que la création d’une pageFan et
nels eux-même depuis leur compte on-line.
d’un profil Twitter.
Pour ce faire, ils ont un budget qui est débité à chaque fois qu’un utilisateur clique sur un évé-
REDIGER LE CDC, BUDGETISER & PLANNIFIER
nement.
J’ai rédigé un cahier des charges pour définir notre périmètre d’action et décrire le processus du jeu concours de l’application en listant les fonctionnalités. Une fois le cahier des charges présenté et validé par le client, j’ai créé le devis et le planning jour par jour avec notamment le rôle du client chaque jour : que ce soit pour valider ou pour nous fournir du contenu. LE 14 DECEMBRE Le lancement de la campagne de téléchargements de l’application a été fixé à cette date et tout doit donc être opérationnel pour le jour J.
LES CONTRAINTES DE MIWO La principale difficulté réside dans le fait de faire comprendre l’intérêt de l’application à la fois aux commerçants qui devront prendre le temps de payer puis de créer des événements à diffuser mais également aux utilisateurs qui devront télécharger (gratuitement !) l’appli-
So Let’s go...
cation Miwo et la lancer pour s’en servir. Il faut donc à la fois faire monter le nombre d’utilisateurs pour que les commerçants aient des retours mais dans le même temps augmenter le nombre de commerçants pour qu’il y n’ait pas de zone sans événement. Page 37
Site internet avec vidéo de présentation de l’application + Blog
La journée du 14 décembre
PageFan Facebook + Profil Twitter
Location d’une bulle pour présenter l’application dans le 3ème arrondissement + 3 hôtesses pour distribuer 6000 flyers + Publicité sur la couverture de journaux distribués dans 3 stations. Application Facebook Jeu concours
LE CONCEPT DE L’APPLICATION FACEBOOK
LES CORRECTIONS
Il y a un IPAD à gagner après tirage au sort réa-
En testant l’application et son processus par
lisé par un huissier. Le jeu dure du 14 décembre
des personnes qui ne connaissaient pas Miwo,
au 1er janvier 2013.
nous nous sommes aperçus que le processus était trop compliqué et nous l’avons donc sim-
Après avoir cliqué sur «Je participe», le joueur
plifié. Nous avons également eu beaucoup
accepte l’application pour que Miwo récu-
de remarques négatives sur le fait que l’appli-
père ses informations. Ensuite, on lui demande
cation demandait de pouvoir écrire sur le mur
s’il a déjà l’application installée et dans le cas
de l’utilisateur. Étant donné que l’on est dans
contraire il est invité à la télécharger.
le domaine de la géo-localisation, il peut être compréhensible que les utilisateurs ne soient
En effet, pour valider son inscription au tirage
pas rassurés qu’on affiche certaines informa-
au sort, le joueur doit lancer l’application Miwo
tions sur leur mur. Nous avons donc décidé
et cliquer sur l’événement «Jeu Concours».
de sacrifier le côté viral en supprimant cette requête, et de mettre à la place, un bouton
L’application permet également de découvrir
qui permet de partager l’application avec ses
Miwo avec une page dédiée à la présenta-
proches.
tion de l’application.
LES INTERVENANTS Nous étions trois de FVNCY pour l’application Miwo. Je me suis occupé de la gestion du projet et du développement, Valentin à développer une partie de l’application et Roxanne l’a désigné. Pour la gestion du projet, toutes les tâches étaient attribuées sur Asana dans le projet Miwo. Du côté du client, nous étions en contact avec le dirigeant de Miwo qui nous fournissait certains contenus (règlement, mentions légales...) et qui validait les rendus. J’étais également en relation avec le développeur de Miwo, notamment pour tout ce qui concernait les
LA METHODE AGILE
échanges de données avec leur plate-forme.
Pour gérer le projet, j’ai pris la décision de très vite mettre en place un prototype dans Facebook pour le tester en condition. Ensuite, nous avons commencé par développer les fonctionnalités principales et indispen-
And so what?
sables comme l’inscription et la récupération des données. Nous procédions donc avec des itérations pour agrémenter au fur et à mesure le prototype. Je faisais tester l’application techniquement mais également en terme de compréhension afin de s’assurer que nous étions sur le bon chemin.
Page 39
RESULTATS DE L’OPERATION SUR LE TERRAIN
LA PAGEFAN MIWO
J’ai rejoint l’event Miwo le 14 en fin de journée
Nous
pour prendre la température à chaud et mon-
d’acheter des fans sur Facebook en utilisant
trer notre soutient à l’opération. Beaucoup de
le site LikeUB. En effet, nous étions à 24 Fans
points négatifs et très peu de choses positives
ce qui n’encourageait pas à participer au jeu
à retenir de cette opération. Tout d’abords la
concours ou à prendre la page au sérieux.
distribution des flyers par les hôtesses n’a pas
Nous avons également créer des annonces
été optimisée car elles étaient toutes regrou-
publicitaires sur Facebook pour promouvoir le
pées au même endroit au lieu de se disperser
jeu concours et la page.
(métro par exemple), ensuite la météo plu-
avons
également
pris
la
décision
vieuse n’a pas aidé pour entamer un dialogue.
AU FINAL
Enfin la bulle est installée à côté des auto-lib
Nous n’avons pas encore débriefé sur ce pro-
et la majorité des passants abordés pensaient
jet au moment ou je rédige ce rapport mais le
que l’on voulait présenter les voitures.
bilan sera forcément très mitigé.
RESULTATS DU JEU CONCOURS
Pour ma part, je pense que l’opération sur le
Le jeu concours n’a, lui aussi, pas fonctionné
terrain a coûté chère et n’a pas été efficace.
puisqu’il n’y a eu que 75 inscriptions dont seule-
Chez FVNCY, nous avions conseillé de se rap-
ment 21 validations depuis l’application Miwo.
procher des blogs spécialisés dans les applications mobiles ou dans l’innovation techno-
NOMBRE DE TELECHARGEMENTS DE MIWO
logique mais le client ne voulait pas faire trop
Plutôt positif, le nombre de téléchargements
parler de l’application qui est encore en test.
de l’application qui s’élève à 735 au 26 décembre, mais seulement 135 téléchargements
Concernant notre travail, le rendu visuel est
ont été effectués depuis le 14 décembre.
correct mais l’application manque de viralité et le processus est encore trop contraignant pour les participants.
6000
1000
Flyers distribués
Journaux distribués
75
135
Inscrits au jeu
Téléchargements
943
21
Fans sur Facebook Page 40
Validations du jeu
FACEBOOK.COM/FOLLOMIWO Mon rôle : • Gestion de projet • Développement (WP, HTML5/ CSS3, JQuery) • Design de certaines pages et éléments Délai : 15 jours Budget : 2200€
RECRUTEMENT Pendant mon stage, j’ai fait passer une dou-
LA FIN DE L’ENTRETIENT
zaine d’entretiens, principalement à des étu-
Si j’estime que le profil peut coller, je vais préve-
diants qui recherchaient une alternance.
nir Jean-Pierre qui prend le relais en ajoutant la dimension salarial à l’entretient. Si Jean-Pierre
C’est la mission surprise étant donné que je
prend la décision de l’engager, nous préve-
n’y avait pas songé avant de commencer le
nons le candidat par mail ou directement en
stage mais cette mission a véritablement mar-
l’appelant.
qué les mois d’août et de septembre. COMMENT S’AMELIORER ? Je pense que nous devons être plus pointilleux lorsque nous recrutons. A commencer par être LES RECHERCHES
plus acerbes lors de l’entretient.
J’effectue les recherches de profil sur le site Alsacréations où les candidats postent leur profil
Avec Jean-Pierre, nous avons décidé de
et un lien vers leur portfolio : ce qui permet de
mettre au point un exercice pour tester les
se faire une première impression assez rapide-
développeurs en leur demandant de coder
ment.
une fonction sur le tableau blanc et donc à la main. Puis d’intégrer une maquette en 48h. Nous
avions
également,
en
août
des
contraintes budgétaires; ce qui nous obligeait à chercher des étudiants en stage ou en alternance. Aujourd’hui, nous envisageons de recruter en CDI un vrai développeur avec de LE DEROULEMENT DE L’ENTRETIENT
l’expérience ainsi qu’un chef de projet.
Pour les profil intéressants, je les convoquais au LAB pour faire connaissance. Je commençais
EST-CE QUE J’AIME CA ?
toujours par présenter FVNCY, nos clients, nos
Oui, si je pouvais dire oui a tout le monde. En
projets en cours etc.
effet, j’ai trouvé ça difficile de ne pas retenir certaines personnes qui en avaient besoin ou
Ensuite, nous parlons technique si le candidat
qui étaient très sympathiques mais dont les
est un développeur et de graphisme si le can-
compétences n’étaient pas suffisantes.
didat est un designer. Je demande à voir tout ce que la personne a déjà fait, j’inspecte le
Donc en fait, ce n’est pas le type de mission
code, je demande combien de temps elle a
que j’apprécie particulièrement mais j’ai
mis à le faire.
quand même apprécié d’avoir recruté les membres de l’équipe FVNCY.
J’aime également en savoir plus sur sa façon de travailler, sur ses sites préférés, sur les
4
logiciels utilisés. Pour finir, je présente nos méthodes de production puis demande quel est le projet professionnel du candidat et ce qu’il attend de FVNCY.
Page 42
recrutements sur 12 entretients
FORMATION J’ai toujours aimé partager mes connais-
J’ai également eu la possibilité d’avoir deux
sances, j’ai d’ailleurs en tant qu’autoentrepre-
semaines de cours durant mon stage pour en-
neur formé plusieurs personnes sur Photoshop
seigner l’utilisation de Wordpress aux années 2
et sur le développement HTML/CSS de base.
mais ça ne s’est pas fait au dernier moment.
J’ai eu la chance de pouvoir organiser une
C’est donc assez naturellement que je me suis
conférence au sein de mon école avec les
occupé de former les membres de FVNCY sur
promos des années 2 et 3 sur Adwords.
l’utilisation de Wordpress de ACF* et du BT**.
L’OBJECTIF
CE QUE CA M’APPORTE
L’idée est d’unifier notre façon de développer
C’est une des missions que j’apprécie le plus
les sites en utilisant les même ressources, les
car la formation incarne pour moi la philoso-
mêmes outils et la même façon de procéder
phie même du Web qui est le partage.
ce qui permet à chacun de prendre le relais sur un projet commencé par un autre déve-
J’ai appris mon métier grâce à des tutoriaux
loppeur.
sur internet dont la majorité est gratuite et je trouve ça logique de redonner à nouveau. De
LES SEANCES DE FORMATION
plus, si cela peut permettre d’augmenter la
Chaque séance dure en moyenne une heure
productivité de l’agence alors je joins l’utile à
et demi et se déroule dans la salle de confé-
l’agréable.
rence avec mon écran branché sur l’écran Ces formations m’ont permis de progresser sur
géant.
ma façon d’enseigner car parfois j’allais trop Pour chaque séance, je choisis un thème en
vite ou la présentation du cours était confuse
particulier en faisant le tour des développeurs
: c’est donc positif d’avoir des retours directs
pour savoir ce qu’ils aimeraient approfondir.
de personnes qui n’ont pas peur de dire les
J’appuie la séance, si possible sur un projet en
choses.
cours. Comme nous avons tous notre propre expérience, c’est intéressant que chacun pro-
En fait, cela m’a conforté dans l’idée d’être
pose sa solution ou partage ses récentes dé-
prof et d’organiser d’autres conférences en
couvertes.
parallèle de mon activité principale.
Parfois, certaines personnes de Neuilly LAB participent aux formations et reviennent régulièrement en nous demandant la date de la prochaine.
* http://www.advancedcustomfields.com ** http://twitter.github.com/bootstrap/
f
Réf. naturel Feuille de route Projet : SMS2Pro
Contact : hello@fvncy.fr
Date : 09/10/2012
5 Articles Semaine du 12/11/12 au 17/11/12 Mot clé de l’article
Marketing par SMS
Mot clé de l’article
Campagne pub SMS
Mot clé de l’article
Solution SMS pro
Mot clé de l’article
Envoi SMS sur PC
Mot clé de l’article
Envoyer SMS par internet
Modalités Rédaction : Minimum 1000 caractères par articles Une photo à la une Deux photos par articles (optionnel)
Référencement : Minimum de 90% pour le score SEO Tous les voyants au vert pour la partie META
Catégorisation : Chaque article appartient à UNE catégorie Chaque article à plusieurs tags en rapport avec son mot-clé
FEUILLE DE ROUTE / REF. NAT. Mon rôle : • Analyse du positionnement • Relation avec SMS 2 Pro et l’agence de rédaction • Création des feuille de route • Vérification du contenu publié. Durée : 6 mois Budget : 800€/mois
REFERENCEMENT NATUREL Je gère le référencement naturel du site d’un
Ma stratégie était de lui créer un page pour
artisan de ma région depuis 2 ans. Dans le
chaque
domaine du débarras : il n’y a que deux en-
Chantilly», «débarras Clermont» etc. et ça a
treprises présentes sur internet et qui opèrent
vraiment bien fonctionné.
expression-clé
comme
«débarras
dans le même secteur géographique. Cependant, je n’avais pas vraiment de notion J’ai pu faire mes premiers tests et mise en pra-
plus approfondie en ce qui concerne le réfé-
tique avec ce client dont je gère également
rencement naturel.
les campagnes adwords.
LES SOLUTIONS RETENUES Nous avons pris la décision d’ajouter un blog sur le site SMS2Pro.com et confier l’ajout et la rédaction de contenu à une entreprise indépendante et spécialisée.
UN PREMIER CONTRAT LesNuages nous ont confié la gestion du référencement naturel de leur plate-forme d’envoi de SMS groupés : SMS 2 Pro.
Nous avons également choisit de créer deux sites satellites, eux aussi alimentés par l’agence sous-traitante et qui auront l’apparence de site d’actualité : ce qui nous permettra d’établir un réseau avec plusieurs émetteurs de liens, ce qui est beaucoup plus efficace*.
Objectif = 6000 visites/mois UN BESOIN DE FORMATION Avant de proposer aux Nuages, une stratégie propre à SMS 2 Pro, nous avons étudié le positionnement de leurs concurrents avec le logiciel Yooda que nous utilisons en interne. Nous avons également contacté un expert en SEO freelance pour établir avec lui une stratégie adaptée et se tenir au courant des mise à jour de l’algorithme de Google. Nous avons donc organisé à l’agence, durant toute une après-midi, une réunion pour discuter et mettre au point un plan précis et chiffré afin d’atteindre l’objectif annoncé. DES OUTILS INDISPENSABLES Nous avons tout d’abords analyser quelles
LA MISE EN PLACE Chaque vendredi, une feuille de route était envoyée à l’agence de rédaction pour la publication des nouveaux articles.
étaient les requêtes les plus intéressantes à retenir en croisant les résultats obtenus avec Yooda et avec le générateur de mots-clés de Google Adwords. Ensuite, nous pouvons faire
ET TOUT CA POUR ? Pas grand chose puisque la plate-forme SMS 2 Pro côté backoffice n’est toujours pas fonctionnelle et donc tout le processus a été mis en stand bye.
des projections des bénéfices par rapport au nombre de fois où la requête est tapée dans Google et en fonction de la position dans le moteurs de recherche et du taux de transformation du site.
* Source : http://www.weborganique-referencement.com/referencement/echange-de-liens-verification-echange-de-lien
Page 45
DEVIS, FACTURES & COMPAGNIE Je termine en beauté avec la mission la plus
Nos devis et plus généralement tout nos docu-
intéressante qui m’a été confiée ! #FvncyIronie
ments officiels ont beaucoup évolué, notamment graphiquement.
En fait, la création des devis et factures était quelconque, il fallait le faire alors autant bien
Il est important, selon nous, de soigner tous les
le faire. Appuyé par une grille de tarif basée sur
détails y compris le design des factures qui
facturation à l’heure, chaque devis s’adap-
doit correspondre à la charte graphique de
tait plus ou moins aux ressources du client.
l’agence.
LES PREMIERS DEVIS
Chaque désignation correspond à un tarif horaire et un nombre d’heure est attribué à chacune des prestations ou fonctionnalités listées.
Les premiers devis étaient vraiment de très mauvaise qualité; que ce soit en terme d’informations légales ou de design, il y avait vraiment peu de chose à retenir de ces devis.
Selon les clients, on peut moduler cette grille de tarif ou offrir une prestation.
LA GRILLE DE PRIX
LES PIEGES A EVITER Certains clients m’ont mis dans l’embarras en passant au peigne fin l’ensemble du devis et en mettant en perspective certaines incohérences. Aujourd’hui, tout est extrêmement détaillé et chiffré pour éviter les situations délicates.
Toutes les prestations ou fonctionnalités listées dans les devis étaient regroupées en 6 désignations : • Graphisme • Développement • Référencement naturel
Certains clients demandent à ajouter des clauses dans le devis comme un délai de réponse ou autre mais leur place est dans le contrat qui est joins au devis.
• Rédaction & Intégration de contenu • Conception • Formation
Page 46
LES DIFFICULTES SURMONTEES ou pre squ
ou pas
e
Je suis passé par différentes phases au cours de mon stage, dans un premier temps j’ai eu du mal à trouver ma place mais après l’accord avec LesNuages, tout s’est naturellement mis en place. J’ai traversé des périodes la «tête dans le guidon», des moments d’euphorie, de calme, de colère, de joie, de fierté, d’agacement mais ce qui prouve qu’il y a de la vie chez FVNCY.
ASANA
EFFICACITE
J’ai conseillé dès mon arrivée d’utiliser Asana
Après avoir constaté avec Jean-Pierre que
pour gérer et organiser le travail au sein de
certaines tâches étaient certes bien validée
l’agence mais je me suis heurté à la réticence
mais en beaucoup trop de temps, j’ai proposé
de Jean-Pierre et Roxanne qui ne compre-
de mettre en place un système que j’utilisais
naient pas l’utilité.
lors de mes BAP. En effet, les BAP étaient organisées sous forme
« Je sais ce que j’ai à faire »
de sprints de deux jours toutes les deux seJ’utilisais donc Asana, tout seul en ajoutant
maines : il fallait donc être très rapide et très
des tâches dans le no man’s land qu’était le
efficace. C’est pourquoi, j’ajoutais toujours un
workspace «FVNCY». C’est avec l’arrivée de
délai à chacune des tâches.
Valentin dans l’équipe, que j’ai repris espoir puisqu’il connaissait Asana pour l’avoir utilisé
« On dit 30min pour intégrer le slider »
avec moi lors de notre BAP. En fait, le problème est que les développeurs Je ne cherchais plus à convaincre mais je
restaient fixé sur un problème alors qu’il faut
continuais d’ajouter les tâches, en prenant
mieux passer à la suite ou demander de l’aide
soin de les valider pour chacun des membres
plutôt que de bloquer une heure.
de l’agence. Et lorsque les projets ont commencé à se multiplier, je remarquais que nous avions du mal à nous y retrouver. Je suis donc revenu à la charge en présentant à nouveau Asana et en proposant d’essayer juste pendant quelques jours.
« En effet, c’est pratique »
Page 48
DELEGUER J’ai eu du mal à déléguer au cours de mes BAP, peut-être parce que je suis habitué à travailler seul ou que je suis très exigent; en tout cas je sais que c’est une grande faiblesse et que savoir déléguer me permettra de prendre de la hauteur pour accomplir plus de choses. Le fait d’avoir travaillé avec des personnes dont je connais les compétences m’a permis d’avoir totalement confiance dans la qualité de leurs rendus.
« Tu ne vérifies pas ? » C’est ce que m’a dit Valentin lorsqu’il a fini d’intégrer le formulaire d’inscription en AJAX de SMS 2 Pro : je lui ai simplement demandé si tout était ok et ensuite j’ai appelé le client pour tester directement avec lui.
ECOUTER
J’étais habitué à toujours vérifier, fouiller le code avant de rendre au client mais cela à de nombreux inconvénients :
Je sais que je suis têtu et j’ai du mal à accepter
• Le développeur fait moins attention car il sait que je vais repasser derrière.
que certaines de mes idées ne soient pas retenues. Mais même en sachant ça, j’ai eu des
• Je perds du temps dans la vérification
difficultés à gérer certaines situations notam-
• Il n’y pas de confiance entre dev et CDP
ment en début de stage.
J’essaie donc de continuer à faire confiance et je pense aussi que les développeurs se sen-
J’ai tenté de prendre du recul pour écouter les
tent plus valorisés ainsi.
arguments et je pense que même si ce n’est pas encore parfait, je communique plus facilement et plus ouvertement.
ETRE ZEN J’ai eu du mal également à vraiment être détendu malgré la très bonne ambiance de l’agence, j’avais toujours en tête, le travail, les livraisons, les bugs etc. Il faut que j’apprenne à faire la part des choses et à relativiser pour profiter encore plus de mon métier.
Page 50
MON STAGE EN CHIFFRES
16
MOI
FVNCY
14
Clients satisfaits
Fantastiques projets
65k
+500
De chiffre d’affaire
Chocolats chauds
7
85%
Collaborateurs
De MacBookPro
28
7
Devis envoyés
Projets gérés
12GO
618
Dans DropBox
Mails reçus
100
205
Jours de travail
Tâches assignées Page 52
Page 54
MON BILAN
J’ai passé les 6 mois les plus actifs de ma vie entre mon stage et mon activité d’autoentrepreneur, j’ai travaillé sur 11 projets différents : je n’ai pas vu le temps passé que déjà, je reprends les cours. Mon aventure chez FVNCY ne s’arrête pas là puisque je vais continuer de travailler au sein de l’agence en modelant mes horaires avec la programmation de mes cours à l’IIM. FVNCY a selon moi très bien démarré en réussissant à satisfaire tout ces clients. L’événement marquant est évidement le partenariat avec LesNuages qui permet à FVNCY d’avoir régulièrement de nouveaux projets.
J’ai apprécié pouvoir effectuer différentes missions, dans différents domaines et avec des personnes nouvelles. J’ai pu participer à certains ateliers FrenchWeb, rencontrer d’autres professionnels du milieu, collaborer avec une grosse agence et la chose la plus importante selon moi, j’ai apporté ma contribution à la création d’une agence Web. La confiance mutuelle entre Jean-Pierre et moi et le soutient de Roxanne, nous ont permis de développer FVNCY sans jamais se marcher dessus, chacun faisant ce qu’il sait faire de mieux et j’ai trouvé une certaine complémentarité dans notre travail.
C’est donc une expérience très enrichissante à plusieurs niveaux; tout d’abords sur le plan technique, j’ai pu progresser notamment en AJAX et CSS3; sur le plan humain car j’ai essayé de corriger certains défauts et enfin sur le plan des connaissances; j’ai en observant ou en faisant, engrangé de nombreuses informations que je compte bien mettre en pratique. J’ai pu également rencontrer tout d’abord des collègues de travail qui sont devenus de bons copains et avec qui j’ai des projets plein la tête. Par exemple, c’est grâce à une rencontre fait à Neuilly LAB que je développe aujourd’hui le site yesgaston.fr : un blog d’actu masculine qui a été lancé fin novembre et qui a déjà généré 4377 visiteurs uniques avec 650 fans sur Facebook.
Je regrette simplement que certains projets aient été développé sans véritable temps de réflexion dans une problématique de manque de temps. Certains sites ou application auraient dû être d’avantage étudiés en amont pour que le rendu soit de meilleure qualité en terme d’efficacité. Ceci n’enlève rien au fait que le stage m’a vraiment conforté dans l’idée que j’avais de diriger une équipe, de brainstormer, de développer des projets innovants, de trouver des solutions, d’enseigner, de partager...
Page 55
ANNEXES
Page 56
materiels-beaux-arts.com Site de e-commerce pour vendre des articles de beaux arts dont : des pinceaux, de la peintures, des feutres et divers crayons. Le site accompagne une petite boutique physique située à Paris. Ce projet est en fait une refonte d’un site existant qui gère une trentaine de commandes chaque année en utilisant le thème de base de Prestashop.
Nous avons décidé de passé sur Wordpress et de créer une charte graphique simple pour mettre en avant les produits. J’ai géré le début du projet dont la relation client et les zonings puis j’ai passé le relais à Jean-Pierre pour me concentrer sur le projet Rivera-Magazine.
Zon
ing
du
site
tte que me a M o la h de
Brin de Femme La marque de vêtement Brin de Femme est dédiée aux femmes de petite taille. La marque a été lancée en début d’année et à besoin de communiquer pour se faire connaître.
Nous avons livré le logo de la marque, une carte de visite, un site e-commerce, un blog et une application Facebook de type jeu concours. J’ai développé et suivi les résultats de l’application Facebook qui consiste à enregistrer toutes ses mensurations pour participer au tirage au sort.
Le b l la m og de arq ue
Log la m o de arq ue
tion ica k l p Ap eboo Fac
SMS2PRO.COM SMS 2 Pro est une plate-forme payante pour gérer des campagnes d’envois de sms groupés et ciblés. Nous avons reçu une maquette et un logo à intégrer en suivant des zonings déjà créés. La principale difficulté était de relier ce site à la plate-forme de gestion avec des formulaires gérés en AJAX.
J’ai développé toute la partie vitrine; Valentin a, quant à lui, développé toute la partie AJAX et JQuery; nous avons fait appel à un dév. externe pour le compteur de la home.
Sit prin e cip al
te telli a s O Site r le SE u po
Affi
che
Pub
LES-NUAGES.COM C’est le site le plus complet que nous avons développé chez FVNCY, c’est aussi un des projets les plus intéressants car il nous a permis de proposer beaucoup d’idées et nous continuons toujours à l’enrichir de nouvelles expériences.
J’ai développé et à la fois géré le projet tout en étant force de proposition avec le reste de l’équipe FVNCY. Plusieurs idées viennent des Nuages comme le changements de météo en fonction de l’heure, les animations des objets volants, le parallaxe etc. Le site a été désigné par Roxanne et la Bande Désinnée est le travail d’une illustratrice indépendante engagée par LesNuages.
Responsive Design
FIN DU RAPPORT
Ce rapport est ĂŠgalement disponible en format numĂŠrique sur guillaume-vergano.fr/stage