Rapport de stage 2012

Bienvenue
sur le Rapport de Stage d’Alexia PETIT !

EMAIL @

MOT DE PASSE ••••••

Connexion >
Mot de passe oublié ?

Alexia PETIT, élève en M1 Communication Digitale à l’ECS Paris, Chef de Projet Digital Junior chez F+ - All rights reserved © 2011-2012

Bienvenue examinateur@ecs-paris.com
INTRODUCTION MON STAGE CONCLUSION Mon compte Déconnexion

Home > Plan du site

PLAN DU SITE

REMERCIEMENTS ........................................................................ p.3 GRILLE D’ÉVALUATION ............................................................ p.29

• F+ : ENTREPRISE D’ACCUEIL ................................................ p.3
• ECS PARIS : ORGANISME DE FORMATION ......................... p.3 ***

INTRODUCTION ......................................................................... p. 4 ANNEXES .................................................................................. p.30

MON STAGE ............................................................................... p.6 • ANNEXES PERSIL ................................................................. p.31
> Annexe 1 : Zoning du site .............................................. p.32
• PRÉSENTATION DE L’AGENCE F+ ........................................ p.7 > Annexe 2 : Corrections maquettes .............................. p.33
> L’agence F+ ...................................................................... p.7 > Annexe 3 : Retour client maquettes ............................ p.34
> Méthode et clients F+ ...................................................... p.8
> L’équipe F+ ........................................................................ p.9 • ANNEXES LA CROIX ........................................................... p.35
- Alexia Petit (Fiche de renseignements) ...................... p.10 > Annexe 1 : Présentation client ...................................... p.36
> Annexe 2 : Rétroplanning .............................................. p.37
• DESCRIPTION DES MISSIONS ............................................. p.11 > Annexe 3 : Spécifications techniques du site .............. p.38
> Récapitulatif de mes projets ......................................... p.12 > Annexe 4 : Tableau des produits (ID) ........................... p.39
- Calendrier ...................................................................... p.13 > Annexe 5 : Tableau des astuces (ID) ............................ p.40
- Clients ............................................................................. p.14 > Annexe 6 : Spécifications techniques pour dév. ........ p.41
- Prospects ........................................................................ p.17 > Annexe 7 : Recette du site ............................................ p.42
- Le projet PERSIL .............................................................. p.18
- Le projet LA CROIX ........................................................ p.20 • ANNEXES KRONENBOURG ................................................ p.43
- Le projet KRONENBOURG ............................................. p.22
> Annexe 1 : Tableau des métadonnées ........................... p.44
• ANALYSE DE MON STAGE .................................................. p.24 > Annexe 2 : Tableau des titres ............................................ p.45

CONCLUSION .......................................................................... p.27 • ANNEXE BIC MEA : TUTORIEL VIDÉO ................................. p.46
• ANNEXE BN : AUDIT ............................................................ p.47
• CE QUE LE STAGE M’A APPORTÉ ........................................ p. 27
• MON AVENIR PROFESSIONNEL ............................................ p.28 • ANNEXE ALEXIA PETIT : CV ................................................ p.48

Plan du site Remerciements Liens utiles Annexes Contact
2

INTRODUCTION MON STAGE CONCLUSION Mon compte I Déconnexion

Home > Remerciements

REMERCIEMENTS

F+ : ENTREPRISE D’ACCUEIL

>
Fra nck

Tout d’abord, je souhaite remercier Franck DALIGAND - Directeur-Fondateur de F+ - pour m’avoir accordé sa confiance
en m’ayant permis d’accéder au poste de Chef de Projet Digital Junior chez F+.
Directeur-Fondateur

e
tist
ap
Ensuite, je tiens particulièrement à remercier mon tuteur Jean-Baptiste LEVESQUE - Chef de Projet - et Romain
-B
Jean

BOVÉRY - Chef de Projet Multimedia - qui ont su m’accompagner au quotidien grâce à leur pédagogie et en se ren-
dant disponibles face à mes questions, ce qui m’a permis de travailler efficacement avec eux mais aussi en autono-
Chef de Projet
mie tout au long de cette année de formation, sur différents projets digitaux.
a in
m
Ro

Enfin, je tiens à remercier l’ensemble de l’équipe F+ pour notre excellente collaboration et la réussite de nos projets.
Chef de Projet Multimedia

ECS PARIS : ORGANISME DE FORMATION

>

>
Merci à l’équipe pédagogique de l’ECS Paris pour la qualité de sa formation digitale, alliée à un ryhtme pertinent d’alter-
nance 1 jour école / 4 jours entreprise ; ainsi qu’à mes camarades de classe pour la synergie de groupe qui a su nous
conduire à la réussite de cette année de Mastère 1.

Plan du site I Remerciements I Liens utiles I Annexes I Contact
3


Home > Introduction

INTRODUCTION

Titulaire d’un bac +3 en Communication en 2011 (BTS Communication des Entreprises et DEES Marketing Commu-
nication) et ayant un goût prononcé pour les études en alternance, j’ai eu le souhait d’élargir mes connaissances dans le
domaine de la communication et de poursuivre mes études supérieures vers un master Digital. Le choix de cette spécia-
lité s’est avéré être une évidence pour moi, dans la mesure où j’ai pu m’initier au langage PHP et maitriser des outils de
Content Management System grâce à mes précédentes expériences en Contrat de Professionnalisation.

Mon choix d’école s’oriente alors vers l’ECS Paris en Mastère 1 Communication Digitale en octobre 2011, pour la
richesse de son programme et la qualité de son parc informatique.

Ce même mois, j’intègre l’agence digitale F+ au poste d’Assistante Chef de Projet Digital, en Contrat de Profes-
sionnalisation. C’est en répondant à leur offre sur bale.fr (site d’offres pour l’emploi en multimédia, internet, audiovisuel
et création numérique) que je trouve le poste qui correspond à mon projet professionnel et scolaire. En effet, le poste en-
globe non seulement l’aspect Digital que je recherchais, mais aussi l’aspect Communication / Marketing que je souhaitais
conserver. Après un entretien mené par le Chef de Projet (Jean-Baptiste LEVESQUE, mon tuteur), puis un test d’analyse,
de synthèse et de compte-rendu mené par le directeur de F+ (Franck Daligand), ma candidature est retenue.

••
4


Home > Introduction

INTRODUCTION

F+ est une jeune PME dynamique, rassemblant une vingtaine de collaborateurs, spécialisée dans la création de sites in-
ternet, extranet, vidéos, community management et recommandation stratégique. Dynamique, en effet, par ses multiples
projets (confiés / gagnés) et dotée d’un important portefeuille clients, pour certains issus du CAC 40, tels que : Danone,
L’Oréal, La Martiniquaise, Pernod Ricard ; ou encore : BIC, Unilever, AXA, CristalCo, Kronenbourg, Diesel...

Fin 2011, F+ lance une large vague de recrutements pour répondre à une demande croissante de projets digitaux.

Dans ce contexte, ma mission s’articulera alors autour de :

- Réalisation d’audits : analyse de la présence digitale du client ;
- Elaboration de recommandations stratégiques : définition des actions digitales à mener ;
- Création de zoning : proposition d’architecture de sites ;
- Suivi des productions graphiques et techniques : brief, gestion des corrections ;
- Suivi de la relation client (e-mails, appels téléphoniques, réunions) ;
- Participation à l’élaboration de devis ;
- Recettage : tests et corrections du produit livré.

••
5


Home > Mon stage

MON STAGE

PRÉSENTATION DESCRIPTION ANALYSE
DE L’AGENCE F+ DE MES MISSIONS DE MON STAGE

Cliquez page 7 Cliquez page 11 Cliquez page 24

ACCÈS DIRECT AU RÉCAPITULATIF DE MES MISSIONS Cliquez page 12

6


Home > Mon stage > Présentation de l’agence F+

PRÉSENTATION DE L’AGENCE F+

L’AGENCE F+
F+ est une agence de Communication & de Marketing Digital.
L’offre de F+ s’oriente vers 3 axes, afin de cibler et de couvrir les besoins et attentes de ses clients et prospects :
L’AGENCE F+

MÉTHODE ET CLIENTS
L’ÉQUIPE F+
B to B B to C Vidéos

F+ experte en Digital Knowledge Sharing > Site de marque / Site vitrine > Film institutionnel / corporate
> Opération événementielle digitale
C’est une solution de communication d’entreprise > Film produit / service
> Application Facebook
stratégique, modulable et évolutive permettant de :
> Réseaux sociaux / élaboration et gestion > Film formation
> Diffuser informations & connaissances dédiées de stratégie conversationnelle :
à des métiers ou des thématiques spécifiques ; > Film événementiel
> Optimisation des médias sociaux (SMO) :
> Améliorer la performance, sensibiliser, accom- Facebook, Twitter, YouTube, Flickr… > Web série
pagner les collaborateurs et partenaires ; > Campagnes de buzz & marketing viral
> Tag Publicité TV
> Bannières / Rich Media
> Démocratiser l’univers des plateformes intranet
> E-mailing / Newsletters > Habillage antenne TV
et extranet grâce à une technologie propriétaire
> Jeux interactifs / Advergames
accessible à tous (le Kowledge Management Sys-
> Base de données / CRM
tem©).

• Date de création : 2006 Adresse :
7 rue Jean Dutilloy
• Nombre de collaborateurs : 20 92600 Asnières-sur-Seine

• C.A. : 1,5 millions Tél. : 01.74.63.29.92
Fax : 01.70.24.89.57
• Site web : www.fplusagency.com E-Mail :
contact@fplusagency.com
• Follow F+ on :

7




MÉTHODE ET CLIENTS
L’AGENCE F+
MÉTHODE ET CLIENTS

L’ÉQUIPE F+
8




L’ÉQUIPE F+
uin ilie
te aq

Em
tis

Jo
ap
L’AGENCE F+
MÉTHODE ET CLIENTS

Jean-B
L’ÉQUIPE F+

TEAM
CONSEIL
Graphiste
Directeur Artistique
Chef de Projet
a in
m
ine
nd

Ro

a
Am
a TEAM
ex i
Al CRÉA
nck DA
Chef de Projet Multimedia Fra L
Graphiste

IG
AN
D
Chef de Projet Digital Junior na
An
ne
ha
ép
Directeur-Fondateur

St
nt
re
Consultante MKG & Com’
Flo

TEAM
DÉV. Directeur Technique
ne e
xa ian
e n uf
Ale

u li

So
Chef de Projet Vidéo

J
Community Manager
Développeur
Développeur PHP

9



PRÉSENTATION DE L’ENTREPRISE F+

L’ÉQUIPE F+
uin ilie
te aq

Em
tis

Jo
ap
L’AGENCE F+
MÉTHODE ET CLIENTS

Jean-B
L’ÉQUIPE F+

TEAM
CONSEILS
Alexia Petit X
Graphiste
Poste : Chef de Projet Digital Junior, en alternance.
Directeur Artistique
CV
Chef de Projet
Tuteur : Jean-Baptiste Levesque, chef de Projet.
m
ai n Alexia
P E T I T
Assistante Chef de Projet I En recherche de contrat pro (Bac +5)

e
Atouts : #minutieuse #volontaire #créative #bon relationnel

Type de contrat : Contrat de Professionalisation. din

Ro
EXPéRIENCE PROFESSIONNELLE
OCT. 2011 / OCT. 2012
F+ Agency n

a
Date de contrat : du 24/10/2011 au 23/10/2012.
Chef de Projet Digital Junior I En contrat pro.

Am
Agence Conseil en stratégie digitale - Asnières-sur-Seine (92).
• Audit : analyse de la présence digitale du client • Recommandation stratégique : défini-
tion des actions digitales à mener • Création de zoning : proposition d’architecture de sites
• Suivi des productions graphiques et techniques : brief, gestion des corrections • Suivi de
25 ans la relation client • Participation à l’élaboration du devis • Recettage : tests et corrections du

TEAM
Permis B produit livré. (Projets : Spotless group, Persil, La Croix, Kronenbourg ...).

a
ex i
Tél. : 06 61 67 55 58
alexiapetit.1@gmail.com SePT. 2010 / SePT. 2011
CE Industriel Air France

Al
34, rue du 18 juin Assistante Communication I En contrat pro.

CRÉA
93220 Gagny Communication interne - Aéroport CDG (95).
• Journal interne bimestriel : rédaction d’articles et mise en page • Affiches & flyers
: création graphique pour la promotion des activités • Site web : gestion des accès et

Ecole : ECS Paris.
INT ajout de contenu éditorial • Partenariats : mise en place de collectes humanitaires •
E S D’ éRê TS Autres : conception, rédaction, création graphique de l’Agenda 2011 édité à 10 000
TR exemplaires.

N
CE
OCT. 2008 / AOûT 2010

nck DA
Fra
HCP Groupe

Formation : Mastère 1 Communication Digitale.
Assistante Communication I En contrat pro.

Chef de Projet Multimedia
Agence de communication globale - Asnières-sur-Seine (92).

L
• Evénementiel : mise en place de salons, projections, soirée prospects et clients
• Conseil en communication : gestion et mise en place des kits de communica-
tion clients, recommandations graphiques, planification de reportages photos, études

Graphiste
medias, veille concurrentielle • Cinématographie & audiovisuel : mise en forme de
dossiers artistiques, organisation de repérages et tournages, recherche de subventions

Rythme d’alternance : 4 jours entreprise + 1 jour école
• Web : participation à la création du site www.cestavoir.com, langage PHP.

IG
COMPÉTENCES 2011-2012 & 2012-2013

AN

N
Mastère 1 & 2 Communication Digitale, en alternance.
Informatique European Communication School - Paris 16ème.

O
(le jeudi et 2 samedis par mois).
(Mac et PC) : 2010-2011
• Pack Office : Word, DEES Marketing Communication, en alternance.

I
D
Excel, PowerPoint.
CFA ISIFA Sud - Issy les Moulineaux (92).
• Suite adObe :

T
InDesign, Illustrator, 2008-2010

a
Photoshop,

A
BTS Communication des Entreprises, en alternance.

nn
Dreamweaver (notions).

Chef de Projet Digital Junior
CFA ISIFA Nord - Paris 10ème.
• autreS : Codebase,

M
Balsamiq, Camtasia. 2007-2008

A
Classe d’Approfondissement en Arts Plastiques

R
Langues : Lycée Pablo Picasso - Fontenay sous Bois (94).
• anglaiS : niveau scolaire,
2007

O
pratique en entreprise.

ane
• eSPagnOl : niveau Baccalauréat Littéraire - Option Arts Plastiques

Follow me on :
scolaire. Lycée Jean Renoir - Bondy (93).

F
h
ép
Directeur-Fondateur

St
Téléchargez p.48 >
nt
re
Consultante MKG & Com’
Flo

TEAM
DÉV. Directeur Technique
ne e
xa ian
e n uf
Ale

u li

So
Chef de Projet Vidéo

J
Community Manager
Développeur
Développeur PHP

10


Home > Mon stage

MON STAGE



DÉCOUVREZ AUSSI LES ANNEXES DE MON RAPPORT DE STAGE Cliquez page 30

11


Home > Mon stage > Description de mes missions > Récapitulatif de mes projets

RÉCAPITULATIF DE MES PROJETS

LES CLIENTS

>
En savoir + p.13 >

LES PROSPECTS

>
En savoir + p.13 >

12


Home > Mon stage > Description de mes missions > Récapitulatif de mes projets#


CALENDRIER

2011 2012
OCT. NOV. DÉC. JAN. FEV. MAR. AVR. MAI JUIN JUIL. AOÛT SEPT. OCT.
SPOTLESS

PERSIL

DANONE LEGAL
DEPARTMENT
LA CROIX
CLIENTS

SUN

KRONENBOURG

BIC MEA

F+

DOMESTOS

SIGNAL

JIBAL

PERNOD ABSINTHE

LEANA TRADING
PROSPECTS

BN

DADDY

ELANZ

EFS

•••••
13




CLIENTS 1/3

• SPOTLESS - Fabricant européen de produits de nettoyage et de blanchisserie ménagers (Eau Écarlate, Éparcyl, Vigor, Vu...)
> Demande initiale de l’annonceur :
- Refonte intégrale du site corporate www.spotlessgroup.eu : architecture, navigation, graphisme, technique.
- Développement et mise en place d’un Content Managing System (CMS) permettant de gérer l’intégralité des contenus du site.
> Mission : prise de brief client en cours de projet, gestion des allers-retours créa / client, création du zoning du back office,
collecte d’éléments de contenu, détourage d’images (outil : Photoshop), remplissage partiel du site via le back office, recettage
(Outil : Codebase).
> Résultat : site en ligne. > Remarque : 1ère réalisation d’un zoning (Back office).
En
savoir + • PERSIL - Marque de lessive écologique qui respecte la peau et les vêtements (Groupe Unilever)
p.18
- Refonte intégrale du site www.persil.fr : passé d’un site en flash à HTML tout en conservant de l’animation.
- Garder une esthétique forte, propre aux valeurs de la marque.
> Mission : analyse du brief client, conception du zoning, brief créa, gestion des allers-retours créa / client, brief technique déve-
loppeur pour intégration des maquettes/ spécifications techniques, puis brief des implémentations SEO (fournies par Mindshare),
recettage (Outil : Codebase).
> Résultat : site en ligne. > Remarque : 1ère réalisation d’un zoning (Front office).

• DANONE LEGAL DEPARTMENT - Service juridique du groupe Danone
- Refonte du logo, devant communiquer les valeurs suivante : Modernité - Innovation - Effet de rupture - Expertise - Internationale
> Mission : suivi du projet et réalisation des documents de présentation au client avec argumentaires graphiques.
> Résultat : choix du logo - Commande de réalisation de Booklet. > Remarque : il était intéressant de revenir au print.

•••••
14




CLIENTS 2/3
En
savoir + • LA CROIX - Marque de produits d’entretiens multi-usages avec et sans eau de javel
p.20
- Refonte totale du site www.colgate.fr/app/PDP/LaCroix/FR/Home.cwsp : architecture, navigation, graphisme, technique.
- Mettre en avant le caratère muti-usage de leurs produits.
> Mission : analyse du brief client, réalisation du zoning, brief créa, suivi des maquettes, réalisation du document de présentation,
présentation client, réalisation de documents d’aides à la gestion du projet et d’aide au développement technique, rédaction et
suivi du rétroplanning, recherches iconographiques, rédaction du cahier des charges en anglais à destination des développeurs
(autre prestataire du client), compilation des livrables (fichiers sources .psd), recettage (mineur).
> Résultat : site en ligne. > Remarques : F+ n’était pas en charge du développement du site mais a assuré la phase de passation
auprès des développeurs en charge du projet. / Ce fut le 1er projet que j’ai pu géré du début jusqu’à la fin en autonomie.

• SUN - Marque de produits de nettoyage pour lave-vaisselle (Groupe Unilever)
> Demande initiale de l’annonceur : réaliser les updates de produits, des opérations en magasins et de partenariat, en respectant
la charte graphique du site www.sun-services.com (réalisé par F+).
> Mission : réalisation des brief créa et technique, gestion des allers-retours client, recettage.
> Résultat : site en ligne.
En
savoir +
p.22
• KRONENBOURG - Marque de bière française, la 1ère vendue en France
> Demande initiale de l’annonceur : - Refonte totale du site www.kronenbourg.fr : architecture, navigation, graphisme, technique.
- Générer du traffic sur le site.
> Mission : suivi des créas, retours client, recette (Outil : Codebsae), référencement naturel : création et implémentations des
métadonnées, des titres de pages, renommage pertinent des images, nuage de tags via le CMS du site, brief développement
technique pour la newsletter.
> Résultat : site en ligne. > Remarque : Ce fut ma 1ère implémentation de données SEO dans un CMS.

•••••
15




CLIENTS 3/3

Annexe
p.46 • BIC MEA - Marque d’articles de papeterie, rasoir, briquet - Entité située au Moyen-Orient et Afrique
> Demande initiale de l’annonceur : création d’un site E-learning (bicmea-academy.com) ludique.
> Mission : remplissage du site (ajout de contenus, découpe d’images) et modification de l’arboresecence via le back-office, brief
créa, recette, rédaction de la notice d’utilisation du back office à destination du client, réalisation de tutaux vidéos (Outil : Cam-
tasia - Annexe p.46), formation en live du client.
> Résultat : site en ligne (accès réservé aux collaborateurs de BIC MEA). > Remarque : patiente et pédagogie ont été utiles.

• F+ - Agence de Communication et Marketing Digital
> Demande initiale de l’annonceur : optimiser le site www.fplusagency.com pour bénéficier d’un meilleur référencement.
> Mission : recette, brief développeur, rédaction des titres, description de pages, keywords, métadonnées et nommage images.
> Résultat : l’optimisation n’est pas encore en ligne.

• DOMESTOS - Marque de gels javel liquides WC pour désinfecter et entretenir quotidiennement les toilettes (Groupe Unilever)
> Demande initiale de l’annonceur : réaliser l’update du site www.domestos.fr pour son partenariat avec l’Unicef.
> Mission : analyse du brief client, brief créa, gestion des allers-retours créa / client, brief technique, suivi, recette.
> Résultat : update en ligne.

• SIGNAL - Marque de dentifrice, brosse à dent et bain de bouche (Groupe Unilever)
> Réalisation de l’opération digitale : «Signal & Les Lapins Crétins, Rentrée 2012» sur www.facebook.com/missionsignal > www.
facebook.com/missionsignal/app_126627830732070 et sur le mini site événementiel : lapinscretins.missionsignal.fr.
> Mission : gestion des allers-retours créa / client, gestion des allers-retours créa / partenaires de l’opération : Ubisoft, Microsoft,
Wonderbox et Asmodée, interface avec le développeur, recette.
> Résultat : opération en ligne. > Remarque : plus il y a d’intervenants (partenaires), plus les phases de correction/validation des
maquettes deviennent compliquées car chacun souhaite voir son produit le plus en avant possible.

•••••
16




PROSPECTS

• JIBAL - Marque marocaine de produits laitiers (fort taux de pénétration au Maroc)
> Refonte du site www.jibal.co.ma : réalisation de l’audit du site (flash) et proposition d’une nouvelle arborescence.

• PERNOD ABSINTHE - Spiritueux aux extraits d’absinthe (Groupe Pernod Ricard)
> Création d’un site Extranet destiné aux revendeurs : étude du brief client, conception du zoning, réalisation du brief créa, ges-
tion des allers-retours créa, création du document de présentation, présentation client.

• LEANA TRADING - Société d’importation spécialisée dans la création d’objets promotionnels
Leanatrading.fr, site vitrine d’objets promotionnels B to B, à majorité féminins, souhaite refaire son site Internet afin de véhiculer
les valeurs suivantes : Féminité - Dynamisme - Modernité.
> Refonte du site www.leanatrading.fr : étude de marché, proposition de zoning, présentation client.
Annexe
p.47 • BN - Marque française de biscuits
> Compétition pour la refonte du site www.chez-bn.com : réalisation de l’audit du site (annexe p.47) et proposition d’advergames.

• DADDY - Marque française de sucre de bouche
> Compétition pour une opération on et off-line (en cours) : réalisation du zoning pour une application Facebook, brief créa, suivi.

• ELANZ - Prestataire de services en intégration et optimisation des Systèmes d’Information
> Refonte du site www.elanz.fr : réalisation partielle de l’audit du site.

• EFS - Établissement Français du Sang, chargé des productions sanguines en France
> Mise en concurrence pour la réalisation d’une application Facebook (en cours).
> Mission : analyse du brief, animation du brainstorming, brief du Concepteur-Rédacteur puis de la team créa, suivi du projet,
recommandation stratégique.

•••••
17


Home > Mon stage > Description de mes missions > Le projet Persil

LE PROJET PERSIL

● Description : refonte du site internet www.persil.fr.
● Statut : commande du client.
● Demande initiale du client : ayant un site en flash (mal référencé et difficile à mettre à jour) le client souhaite :
- Un site en HTML tout en conservant de l’animation
- Une esthétique forte, propre aux valeurs de la marque : Respectueuse (écologie, respect de la peau/linge) et naturelle (Provence / Mar-
seille)
● Budget : confidentiel.

ÉTAPE 1 : LA REFONTE DU SITE

>
Le projet Persil, m’a permis de comprendre l’ensemble du cycle de production d’un site web. En assistant le chef de projet, j’ai pu appréhender
toute la phase de conseil afin de répondre à la problématique du client et en proposant des solutions concrêtes : comme la rédaction des spécifi-
cations techniques et la recommandation d’arborescence. Après validation du client de l’étape précédente, j’ai pu réaliser le zoning de toutes les
pages du site en collaboration avec le chef de projet, qui m’a formé à la bonne pratique de sa réalisation : rendre visuellement les solutions recom-
mandées sans être trop précis pour laisser une marge de manoeuvre aux créatifs pour la création des maquettes.

En amont, il a fallu que je recopie les textes nécessiares du précédent site (flash, donc image) et que je les mette en forme pour ensuite les trans-
mettre aux créa/ déveoppeur.

Ensuite, la phase de gestion des allers-retours client (Annexe 2, p.33) et les validations des pages restent aussi stratégique par rapport au planning
développement en interne. En effet, j’ai appris que pour un avancement optimal du projet, la validation par lots de maquettes était une technique
appropriée lorsque les plannings sont chargés. En effet, un lot validé peut partir en phase de pré-production et ainsi, le client a alors un apperçu
en situation réelle de son site.

18


Home > Mon stage > Description de mes missions > Le projet Persil

LE PROJET PERSIL

Lors du développement du site sur l’url de pré-prod, je me suis initiée au travail de recette. Il s’agit alors d’identidfier les problèmes techniques et
graphiques de la découpe et de l’intégration. Cette étape de correction en ligne est sytématique est primordiale dans la mesure où elle permet
des ajustements à la fois d’ordre technique ou de mise en forme.
C’est notamment dans cette phase que réside la grande différence avec le print. En effet, même après un lancement en production, il est pos-
sible de tout modifier (d’où une nouvelle refacturation lorsque la demande n’est pas comprise dans le devis).

ÉTAPE 2 : SEO

>
La volonté du site étant qu’il soit orienté ‘besoins consommateur’, ce projet m’a clairement permis d’indentifier son parcours utilisateur et de cerner
les réponses techniques adaptées à sa recherche. Aussi, l’importanCe du SEO et la répétition de mots clés et la hiérarchisation des balises h1,
h2, h3.

Le SEO étant important pour tout site - à moins que l’annonceur ne souhaite pas que son site soit référencé - Persil fait appel en parallèle à
Mindshare, son agence de référencement et les met en contact direct avec F+. Lorsque le site est en pré production (dans l’idéal), nous transmet-
tons à Mindshare l’url du site, et de là, ils nous font part de recommandations à insérer sur le site, comme :
- un guidelines SEO,
- un audit technique,
- un mapping de Keywords,
- des tags analytics...

Dès réception, le travail est d’analyser ces documents. Parfois, certaines recommandations ‘gâche’ l’aspect esthétique du site et il faut alors en
informer le client pour qu’il tranche. Ensuite, la reco finale est transmise au développeur pour leur intégration.

L’étude des documents Mindshare a été très instructive en terme de SEO et surtout pédagogique pour ma part et ainsi apprendre et étoffer mes
connaisances sur ce segment.

19


Home > Mon stage > Description de mes missions > Le projet La Croix

LE PROJET LA CROIX

● Description : refonte du site internet www.colgate.fr/app/PDP/LaCroix/FR/Home.cwsp
● Statut : Compétition d’agences - Compétition gagnée
● Demande initiale du client : refonte totale du site internet (architecture, navigation, graphisme, technique).
● Problématique :
- Comment faire ressortir le caractère multi-usage des produits ?
- Comment séduire une nouvelle cible plus jeune ? (les clients sont des séniors et les prospects ne sont pas renouvelés).

ÉTAPE 1 : LA COMPÉTITION

>
A réception du brief, puis après son analyse, notre parti pris a été de délivrez un message clé (multi-usage) dès la homepage, appuyé par une
intéractivité adaptée à la promesse de la marque et aux besoins du client : un moteur de recherche ludique et accessible dès la homepage. Gra-
phiquement, nous avons voulu orientation vers un univers plus convivial et engageant, en rupture avec l’univers de la désinfection et de l’hopital.

A partir ce cette analyse, ma mission a consisté à créer un zoning de la homepage et de 2 pages clés du site, de briefer les créas, de suivre le
travail de maquettage : total, 3 pistes graphiques ont émergé.

Ensuite, la rédaction du document de présentation (annexe 1, p.36) a commencé : annonce du parti pris de F+, propossition d’une nouvelle arbo-
rescence, détails des zoning et explication du mécanisme du moteur de recherche à 2 entrées, présentation des pistes graphiques et annonce du
devis.

Ayant activement et principalement travaillé sur cette première phase, je fut chargée de présenter notre recommandation au client, accompagnée
de mon tuteur et du directeur de l’agence.

F+ a gagné le projet de refonte du site La Croix.
20


Home > Mon stage > Description de mes missions > Le projet La Croix

LE PROJET LA CROIX

ÉTAPE 2 : LA PHASE DE CRÉATION GRAPHIQUE

>
Suite à la compétition remportée, le retravail sur les maquettes présentées a commencé. Parallèlement, il a fallu définir les zonning des autres
sections, les faire valider par le client, puis lancer le travail graphique.

Les difficultés rencontrées : faire respecter le rétroplanning (annexe 2, p.37) auprès du client. En effet, le système de validation passe par plu-
sieurs niveaux de hiérarchies et durant le projet, des décisionnaires ont été remplacés, et le stagiaire chargé du projet à également été remplacé
au cours du projet par un autre, au terme de son contrat. Cela a impliqué alors, un glissement de temps considérable dans les planning de F+ et
du temps passé à réexpliquer certaines étapes car la passation n’avait pas été assez précise côté client.

ÉTAPE 3 : LA PHASE DE PASSATION POUR LE DÉVELOPPEMENT TECHNIQUE

>
La Croix a fait développé son site par un prestataire situé aux États-Unis. De ce fait, j’ai été chargée de réaliser le cahier des charges techniques
(Annexe 6, p.41) à destination des développeurs. La complexité de ce site réside dans le fait qu’il s’agisse de trouver des astuces et recomman-
dations selon le besoin du consommateur via un moteur de recherche à 2 entrées. Ces mêmes astuces, devant être liées à un produit La Croix
(fiche produit). Ainsi, il a été très utile que je réalise des tableaux d’astuces (p.40) et de produits (p.39) en les attribuant à des ID, ce qui à permis
de générer une base de données pour la bonne compréhension des développeurs pour l’intégration des éléments.

Quelques jours après réception des livrables, le prestataire américain à téléphoné à F+ et à indiquer que notre cahier des charges, grâce à son
mode d’explication et de fonctionnement allait devenir pour eux une best practice et allait être réutilisé par la suite auprès de ses clients / presta-
tires. Ce fut une grande satisfaction pour ma part, car c’était la 1ère fois que je réalisais un document technique en anglais.

Le projet La Croix est celui qui m’a le plus formé, je pense, dans la mesure où étant dans une démarche quasi autonome, j’ai dû poser et me
poser les bonnes questions quant à la bonne gestion du projet.

21


Home > Mon stage > Description de mes missions > Le projet Kronenbourg

LE PROJET KRONENBOURG

● Description : refonte du site internet www.kronenbourg.fr
● Statut : compétion d’agences - Compétition remportée.
● Demande initiale du client : passer d’un site peu référencé (flash) à un site HTML un- Un site plus intéractif, moderne, simple et convivial,
en proposant un design en adéquation avec sa nouvelle cible plus jeune (25-35 ans) et avec le graphisme de ses nouvelles campagnes de
communication print (Agence : Fred &Farid).
● Problématiques :
- Faire ressortir le nouveau positionnement versus le positionnement & le graphisme trop «vieux» basé sur fabrication de la bière et les
brasseurs du précédant site.
- Générer du traffic sur le site

PHASE DE RECETTAGE

>
Lors d’un développement d’un site internet, le travail est d’abord fait sur une url de pré-production, autrement dit, une url de test. Lorsque celle-
ci est validée par le client suite à un travail de débugage ou de recette/recettage par l’agence, nous basculons cette version test vers le serveur
du client, pour qu’elle pointe vers l’url définitive du site (celle du précédent site) et effectuons des redirections d’urls en fonction du contenu qui a
évolué.

A cette étape, ma mission a été de faire ce travail de recette en utilisant le logiciel de gestion Codebase. C’est une interface dédiée à un projet
spécifique, où tous les intervenants du projet sont répertoriés. Ainsi, en tant que chef de projet, je peux identifier un bug, le décrire, apporter une
solution si je le peux et assigner le développeur à cette tâche. Ensuite, un mail lui est envoyé. Il peut alors prioritiser son travail selon l’impor-
tance de la tâche et signaler lorsque le travail est en cours ou finaliser.
Cet outil est donc très intéressant dans la mesure où il donne une vue globale de l’avancement du projet et permet de tenir informé tous les in-
tervenants assignés en temps réel, ce qui permet une réelle réactivité pour l’agence et une livraison optimale du produit dans les délais.

22


Home > Mon stage > Description de mes missions > Le projet Kronenbourg

LE PROJET KRONENBOURG

PHASE DE RÉFÉRENCEMENT NATUREL

>
Le site kronenbourg.fr a été développé avec Drupal, une solution de gestion de contenu (CMS). Grâce à cette technologie, j’ai pu alors implémenter
directement le travail de rédaction de référencement naturel, comme les métadonnées (Annexe 1, p.44) ou encore les titres de pages (Annexe 2,
p.45).

Les métadonnées, sont importantes en terme de référencement, mais aussi en terme de notoriété dans la mesure où, par exemple, c’est le texte
qui apparait lorque l’on partage une page du site sur Facebbok. Elle a pour fonction d’informer et intéresser l’internaute et donc de l’inciter à cliquer
sur le lien pour générer un trafic important sur le site (un des objectifs fixés). Ce n’est donc pas une suite de mots-clés listés à la suite des autres,
mais un réel travail de rédaction qui doit se faire dans un nombre de 156 caractères maximals. De plus, le contenu textuel de cette balise meta
<description> ne doit pas répéter celle qui est déjà évoquée dans la balise <title> et doit être unique pour chaque page.

Cette mission vu très apprécible selon 2 angles :
- Technique : cela m’a permis de mieux cerner le travail de référencement naturel et de l’appliquer, en identifiant bien la fonction de chaque balise.
- Rédaction : ce travail de rédaction m’a permis d’axer ma réflexion d’un point de vue stratégique (marketing) dans la mesure où la formule, la tour-
nure de la phrase peut inciter l’internaute à cliquer sur le lien et se rendre sur le site pour générer du traficet s’informer sur la marque et les produits.

23


Home > Mon stage

MON STAGE



DÉCOUVREZ AUSSI LA GRILLE D’ÉVALUATION DE MON STAGE Cliquez page 29

24


Home > Mon stage > Analyse de mon stage

ANALYSE DE MON STAGE

Cette 4ème année d’expérience professionelle - la 1ère axée digitale - fut à la hauteur des objectifs fixés et surtout de mes
attentes. En effet, grâce à F+ et à une forte motivation et implication à travailler sur tout type de projets, je me suis vite sentie à
l’aise et ai appris énormément par rapport au digital grâce à l’expérience terrain, aux cours et à une veille digitale quotidienne
(ex : www.ebusiness.info) ; et aussi par rapport à la rigueur du métier de Chef de Projet.

Grâce à la gestion / participation à plus de 17 projets, je sais à présent :

• Définir et suivre les planning créa et développement,
• Gérer l’interface Client / Équipes de production en interne et en sous-traitance,
• Définir les arborescences de sites internet, pertinentes et cohérentes vis à vis de l’ergonomie et des attentes de l’utilisateur,
• Concevoir des zonning de front office et également de back office,
• Réaliser des audits digitaux,
• Rédiger un cahier des charges technique à destination des développeurs,
• Rédiger en anglais grâce au vocabulaire technique anglais assimilé,
• Faire la recette d’un site internet, en utilisant des outils dédiés, tel que le logiciel de gestion : www.codebasehq.com.
• M’organiser davantage pour la bonne gestion des projets, allant jusqu’à 6 à la fois.

Ces nouveaux acquis, je les dois aussi en partie à ma collaboration avec mes tuteurs Jean-Baptiste et Romain, pour les rai-
sons suivantes :

• Jean-Baptiste a su me faire confiance en me déléguant des projets tout en gardant une vue d’ensemble pour veiller à son
bon déroulement, ce qui m’a permis de gagner en expertise sur la conduite de projets.
• Romain, grâce à une proximité géographique à l’agence (nous sommes voisins), a su me faire intervenir sur différents points
de projets, ce qui m’a permis de gagner en expertise sur des parties plus techniques (zoning, métadonnées, montage vidéos...)

••
25

Rapport de stage 2012

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (13)

Ähnlich wie Rapport de stage 2012

Ähnlich wie Rapport de stage 2012 (20)

Rapport de stage 2012