Mai à juillet
3
Du 5 mai au 1er août 2014 Stage au poste de Webdesigner
SOMMAIRE Remerciements. . . . . . . . . . . . . . . . . . . . p. 4 Présentation de l’entreprise . . . . . . . . p. 5 Déroulé du stage . . . . . . . . . . . . . . . . . . p. 6 Projets. . . . . . . . . . . . . . . . . . . . . . . . . . . p. 8-19 Bilan. . . . . . . . . . . . . . . . . . . . . . . . . . . . . p. 20-21
4
REMERCIEMENTS
Influa - Agence Web
Je tiens à remercier et à témoigner mon entière reconnaissance à l’ensemble de l’équipe de l’agence Influa, pour l’expérience plus qu’enrichissante qu’ils ont su partager avec moi. Jérôme Libes et Camille Jonquères, un grand merci, pour votre confiance et votre générosité que vous m’avez très rapidement apporté et qui me poussaient à faire mieux de jour en jour. Merci à l’ensemble des collaborateurs de l’agence Amandine, Stivel, Mathieu, Germain, Nico, Benoît, Ben et Greg (normalement je ne devrais pas citer les noms, mais bon, Influa c’est avant tout une grande famille). Merci à vous pour votre bonne humeur quasi-quotidienne (oui, certains jours on était plus que charrette), votre disponibilité et vos conseils qui ont su me faire évoluer. Merci à mes amis stagiaires Joffrey et Juliette pour cette excellente expérience, dont on se souviendra pour un long moment... #CSYM
5 Mai à juillet
PRÉSENTATION DE L’AGENCE
www.influa.com Anciennement «agence 404», Influa est une toute jeune agence de Webmarketing basée à Lormont, créée fin 2012. Elle dispose de 3 pôles de compétences :
-La formation -Le traffic management -La création / refonte de site web.
Le référencement est au centre de la stratégie de l’agence car il est vraiment mis en avant dans le traffic management et dans l’optimisation des sites web. Au niveau de la région, les services que l’agence propose leur permet d’embaucher plus d’une dizaine de collaborateurs qui travaillent sur plus de quarante projets, de l’audit de site à la formation pour adultes. Influa se veut résolument ancré dans son temps, où la réalisation d’un site web passe avant tout par la stratégie et l’analyse, puis par un travail de graphisme réfléchi et pensé et un code suroptimisé pour le référencement. Référencement naturel, acquisition de trafic, SEO, blog, réseaux sociaux, e-commerce, … autant de termes qui ont rythmé mon stage pendant les trois mois de ma période en milieu professionnel…
6
DÉROULÉ DU STAGE
Influa - Agence Web
Intégré au service création et refonte de site web, ma mission principale était de réaliser les maquettes de webdesign. J’ai eu l’occasion de designer 5 sites, avec plus de 20 pages chacun. Voici comment s’organisait ma mission : -Prise de connaissance du document de cadrage -Benchmark et veille graphique autour du sujet -Élaboration des wireframe au côté du chef de projet -Réalisation de la home V1 et présentation à l’équipe -Modifications et corrections puis déclinaison des pages -Présentation et argumentation des créations au client Je devais moi-même gérer mon temps, la deadline étant d’environ 2 semaines, jonglant entre plusieurs projets en parallèles. Ci dessous, Workspace et collègues de bureau
Mai à juillet
7
Pour une expérience encore plus interactive, munissez vous d’un smartphone ou d’une tablette. Vous trouverez sur les prochaines pages des flashcodes qui vous permettront de visionner l’ensemble des maquettes. La connexion n’est demandée que pour cette page user : invitedc@gmail.com -
passsword : magicdc
8
PROJET #1
NEWSLETTER
Influa - Agence Web
Lundi 5 mai, premier jour de stage. Après une rapide présentation auprès de toute l’équipe et une installation derrière mon bureau, on me confie mon premier projet. La réalisation de leur nouveau template de newsletter. 8 clients, 8 chartes déclinés sur un template très corporate réalisé à partir d’un zoning. Lundi, 17h, le template était fini. Ce premier exercice, avant tout pour me jauger, a été passé haut la main d’après l’équipe. Cette tâche m’a permis de me familiariser avec «l’ambiance» des clients de l’agence : corporate, institutionnel. J’ai aussi assimilé les enjeux d’une newsletters, avec ses atouts et ses bénéfices. Le chemin utilisateur et les contenus doivent être longuement réfléchis. Les maquettes ont ensuite été développées par mon camarade Joffrey.
Client : Multi Site web : Multi Catégorie : Newsletter Date : Du 5 au 9 mai Tag : e-Mailing, charte, déclinaison
10
PROJET #2
COMING SOON
Influa - Agence Web
Après la réalisation des newsletter, j’apprends que je vais réaliser le template de site d’un artisan qu’il déclinera avec ses trois entreprises (DL Menuiserie, Isolation33, Fenêtre Bordelaise). Les chartes étant établis, le chef de projet m’a demandé de réaliser les coming soon à mettre en place le plus rapidement possible. Une page simple, une rapide description de l’entreprise, un compte à rebours jusqu’à l’ouverture du futur site, les réseaux sociaux et un formulaire de contact. Plusieurs versions ont été réalisées, disponibles grâce au flashcode. Une fois le template maquetté pour une entreprise, je l’ai décliné aux deux autres. En moins d’une semaine, les coming soon ont été designées, validées, développées et mises en ligne.
Client : Isolation33 Site web : www.isolation33.fr Catégorie : Coming Soon Date : 12 au 16 mai Tag : coming soon, webdesign,
12
PROJET #3
LA CABANE AU BORD DU LAC
Influa - Agence Web
Mi-mai, vient enfin le projet concret : UN WEBDESIGN ! Les clients, Pascal et Carole ont rencontré le chef de projet 2 semaines avant mon arrivée. Leur demande : une refonte totale de leur site web qui est très vieillissant et vraiment pas ergonomique. Ils sont propriétaires de lodges romantiques, nichés dans les arbres, au bord du lac de Biscarrosse, qu’ils louent toute l’année. Un esprit nature et bien-être devait être retranscrit dans le nouveau site. Une journée de benchmark, veille graphique et prise de connaissance du dossier par le biais de doc de cadrage pour bien cerner le sujet. Discussion autour des wireframes déjà réalisés, avec soucis d’optimisation de l’expérience utilisateur. L’ancien site couleur crème/marron, ressemblant plus à une glace à l’italienne qu’à un site de location, a été changé par un site beaucoup plus complet, où les photos et vidéos sont mises en valeur dans une ambiance relativement flat. Deux semaines de boulot et plus de vingt pages designés pour une présentation des maquettes devant le client qui s’est très bien déroulée, et la livraison du site lors de mon dernier jour de stage.
Client : Cabane au bord du lac Site web : www.lacabaneauborddulac.com Catégorie : Webdesign Date : Mi-mai à début juin Tag : webdesign, location, UI
14
PROJET #4
TEMPLATE «ARTISANAT»
Influa - Agence Web
Voici le template que j’ai appellé «ARTISANAT». La mission : réalisation d’un site web, composé de pages de contenus, d’un blog, d’une page contact et d’un portfolio. Un zoning relativement simple, des sections biens délimitées, des codes couleurs précis. Une travail d’exécution que j’ai réalisé en moins d’une semaine. Une fois de plus, présentation devant le client, où j’ai pu défendre mes choix graphiques et expliquer les fonctionnalités qui seront présentes dans le site une fois développé. Une fois le modèle Isolation33 validé, j’ai décliné les maquettes avec DL Menuiserie et Fenêtre Bordelaise (disponible sur le conjure) afin d’avoir le feu vert du client pour lancer le développement. Un bon exercice où le mot d’ordre était rigueur et efficacité, la contrainte temps étant au centre du projet
Client : Isolation 33 Site web : www.isolation33.com Catégorie : Webdesign Date : Mi juin Tag : webdesign, template, menuiserie
16
PROJET #5
CAVE DOURTHE
Influa - Agence Web
Après plus d’un mois et demi de stage, Jérôme me demande dans la voiture en rentrant de Buffalo Grill : «Ça te plairait de réaliser un site e-Commerce pour une boutique en ligne de vin?» J’accepte, plein d’enthousiasme. Je sais que l’on ne maquette pas un site de vente en ligne comme un simple site vitrine. Le but étant de mettre les produits en valeurs et tout faire pour rassurer le client, de la première page qu’il voit à la dernière où il clique sur la touche «entrée» après avoir rentré ses codes de carte bleue. Le client, Cave Dourthe, l’un des leader de la région dans la négoce et revente de vin. Un gros défi en somme, avec un site en place relativement efficace mais qui commence à être démodé, mais manque surtout d’outils de référencements. Plus de trente pages à maquetter, avec trente zoning préalablement validés par le chef de projet et le client. Gros travail de fait au niveau de la home ainsi que la page catégorie et fiche produit, où le produit ne doit pas être écrasé par la masse de blocs cross-selling et autres avis... Je vous laisse découvrir l’ensemble des maquettes en flashant ce code où en vous rendant sur www.lacavedourthe.com. Client : Cave Dourthe Site web : www.lacavedourthe.com Catégorie : Webdesign Date : Fin juin à mi-juillet Tag : webdesign, e-commerce, wine
18
PROJET #6
GBNA
Influa - Agence Web
Plus que deux semaines de stages, mais Jérôme décide de me confier un nouveau projet. La réalisation d’une plateforme regroupant l’ensemble des professionnels de la santé du groupe GBNA Polycliniques. Un mélange de Linkedin et Jobi-Joba où se mêllent les fiches médecins avec les offres de recrutement, accessibles exclusivement pour les médecins. La plateforme se devait d’être très ergonomique et simple (ce mot si bateau que l’on utilise à toutes les sauces, mais prend tout son sens lorsque que l’on parle d’un site qui doit parler autant aux jeunes médecins qui viennent de sortir de la fac comme au professeur de médecine de 75 ans, venant tout juste de s’acheter son premier minitel). Une home très classique, présentation de la plateforme avec des petits pictos, les derniers blogs et annonces d’emplois. Le gros du travail s’est porté sur l’élaboration de la page profil qui n’est autre que le CV du médecin. Illustration du chemin utilisateur par un petit trait coupé de pastilles à picto qui présentent le médecin. Une très bonne expérience une fois de plus qui ponctue trois mois de stage très variés et enrichissants. Client : GBNA Site web : Pas encore en ligne Catégorie : Webdesign Date : Mi-juillet à fin juillet Tag : webdesign, dashboard,
20
BILAN
Influa - Agence Web
Ces trois mois de stages ont vraiment été une précieuse expérience à ajouter à mon début de bagage professionnel. L’aventure en agence web ne m’a pas du tout deçu et ne m’a pas tant surpris que ça : bonne humeur, dynamisme, pleine d’envie. Trois mois qui sont passés à une vitesse folle. Sans cesse occuper, à travailler sur plusieurs dossiers en même temps, l’excitation positive de la rencontre client. Pleins de moments qui auront à coup sur, marqués ma formation. J’ai aussi appris que le poste de webdesigner était un magnifique métier, mais qui n’était pas totalement adapté à mon profil. J’ai adoré créer, innover, entendre des « Waouhh », mais les tâches d’un chef de projet, je pense, me correspondent plus, et j’espère avoir rapidement l’occasion de le pratiquer durant un prochain stage. Ce stage m’a aussi permis de développer mes compétences et mes techniques de travail comme la rigueur, apprendre à garder son sang-froid, avoir une organisation irréprochable, avoir confiance en soi et savoir défendre son travail. Merci pour ces trois mois qui auront su me faire grandir et adopter le futur avec une autre vision des choses...
Oui oui, en vrai ils sont totalement fous ! :)
Mai à juillet
21
̋˝Merci encore à Fabien pour son implication dans le projet. Nous sommes vraiment satisfaits du résultat et convaincus de sa pertinence.̋˝ Marie-Paule Rabanier, Responsable Communication GBNA
̋˝Tu peux voir terminé La Cabane, c’est vraiment magnifique, on est très fiers, mise en ligne début octobre pour le client.̋˝ Jérome Libes, dirigeant de l’agence Influa
Rapport de stage #1 - Première année Digital Campus - Décembre 2014 | Fabien Cangini© www.fabiencangini.fr | @felinmarlin