Rapport de Stage by Julien LAGARDERE

H 2

RMÈS CONCEPT SOMMAIRE Entrée p.4 p.6 p.16

Entrée en matière... Les projets. Une histoire sans fin.

Entrée en matière...

ermès Concept est une agence de communication localisée à Montpellier. Elle a été crée en 2003 par Frédéric ASSIÉ. Du point de vue juridique, l’entreprise a le statut de S.A.R.L au capital de 7 500 €. Les parts de l’entreprise sont réparties entre 4 personnes : le gérant et 3 associés. Après avoir débuté son activité sur l’Avenue de Toulouse à Montpellier, l’entreprise déménage en 2007 pour les locaux qu’elle occupe actuellement. Un autre déménagement est en prévision à l’horizon 2012 pour répondre à la croissance de l’activité. Spécialisée dans l’e-commerce, Hermès Concept propose dans son offre des solutions pour les entreprises implantées sur internet. De plus, Hermès Concept propose également de nombreuses formations dans les secteurs du marketing de l’informatique et de la communication. Profitant de son expertise dans le domaine, l’entreprise lance

en décembre 2008 sa propre boutique en ligne d’articles de danses appelée Dance-shop.fr. Peu à peu, l’activité de la boutique en ligne va prendre de l’ampleur jusqu’a devenir aujourd’hui un enjeu majeur dans la réussite et la pérennisation d’Hermès Concept. En exploitant cette niche de marché jusque là délaissée, l’agence prouve sa capacité à prendre des initiatives et son dynamisme. Aujourd’hui l’entreprise Hermès Concept réalise un chiffre d’affaire de 50 000 € par an et compte deux salariés. Parmis ses clients se trouve le site de vente en ligne Automatismes.net ainsi que de nombreuses associations notamment issues du monde de la danse et du sport. Tournée vers l’avenir, l’entreprise envisage de développer son activité de vente en ligne par le biais de son site dédié Dance-shop. fr sans pour autant négliger son offre de formation et de création de sites internet.

50%

35% 5%

10%

Répartition des parts de l’entreprise: le gérant détient 50%, les 3 associés se partagent les parts restantes en fonction de leur niveau d’implication dans l’entreprise.

CoordonnĂŠes : 67, place Valentin Hauy RĂŠs. Les hauts de St Priest Bat. B7 34070 Montpellier 04 67 54 69 95 www.hermesconcept.com

Les projets.

e contenu de mon stage fut très varié. J’ai en effet eu la possibilité de travailler sur plusieurs projets, très différents les uns des autres, tant au niveau de la demande que de l’approche nécessaire à la résolution du problème. Ainsi, mon premier travail a été de retravailler l’interface du site de vente en ligne d’articles de danses Dance-shop.fr. Ce site étant en pleine croissance, les attentes des consommateurs ne sont plus les mêmes qu’au début. Le gérant du site, qui est aussi mon tuteur de stage, souhaite donner un aspect plus professionnel à sa boutique afin de donner confiance aux visiteurs. La finalité de l’opération est d’augmenter le taux de conversion1 du site qui est actuellement de 1 achat pour 400 visites, alors que la moyenne des sites de e-commerce performant est de 1 achat pour 100 visites. Pour atteindre mes objectifs, je consulte d’abord sur internet des études effectuées par des cabinets d’audit spécialisés dans le 1. Ratio entre le nombre d’achats et le nombre de visites quotidiennes.

‘‘La finalité de l’opération est d’augmenter le taux de conversion ...’’

domaine. Cette recherche me permettra par la suite d’être plus pertinent dans mes choix graphiques lors de l’élaboration de l’interface du site. Ainsi, l’emplacement du panier, la mise en valeur de la gratuité et de la rapidité à créer un compte client ainsi que la présence de «ré-assurances2» vont être les éléments essentiels de ma réflexion. Une fois l’aspect et l’emplacement de ces éléments définis j’ai pu m’en servir comme une ossature pour la nouvelle interface. La présence sur les réseaux sociaux tel que Facebook et Twitter est également un élément susceptible de rassurer le client lors de sa commande, il fallait donc le mettre en avant. Plusieurs propositions ont été faites et l’une d’elle a été choisie comme modèle pour refaire l’apparence du site. Ce premier projet a donc été une réussite à tous les niveaux, puisqu’il a abouti à une validation par l’annonceur. 2. Se présentent sous la forme de logos reconnus (paypal par exemple) ou de pictogrammes qui ont pour but de rassurer l’acheteur lors de sa commande.

Mise en place de pictogrammes de ‘‘ré-assurance’’ afin d’optimiser la performance de la boutique en lui donnant un aspect plus professionnel et plus fiable. La présence des logos de paiement sécurisé contribuent à renforcer le sentiment de sécurité de l’acheteur.

e deuxième projet se présente comme un fil rouge tout au long de mon stage. Il s’agit de compléter un offre très spécifique de l’agence. En effet, Hermès Concept propose aux associations sportives des sites personnalisables «clé-en-main». Pour cela, il faut élaborer une interface qui puisse être facilement modifiable (notamment au niveau des couleurs). Ce projet m’a permis d’explorer de nouvelles approches lors de la réalisation d’interfaces de sites web. La principale problématique à laquelle j’ai été confronté tout au long de ce projet a été la volonté de me démarquer des interfaces existantes qui constituait l’offre. En effet, celles-ci sont similaires, il fallait donc innover tout en répondant au cahier des charges.

Le but de ces sites pour les associations sportives étant de faciliter la communication interne et externe, l’accent a été mis sur la disposition des modules d’informations. De plus, ils permettent de renforcer l’esprit collectif et communautaire du club en fournissant à ses adhérents un espace où ils peuvent se retrouver, communiquer ou bien encore consulter les résultats des différentes équipes. Ce projet m’a permis d’explorer une technique d’approche totalement différente de celle employée avec la boutique en ligne. Il s’agissait de produire avant tout quelque chose de simple et lisible, sans en faire trop ni trop peu pour séduire le client potentiel tout en gardant à l’esprit les attentes de la cible et sans trop s’éloigner de l’univers graphique des interfaces déjà existantes.

J’ai donc proposé un lot d’interfaces qui pouvait être adaptées à chaque sport et personnalisées par les clubs.

‘‘Ce projet m’a permis d’explorer de nouvelles approches lors de la réalistation d’interfaces de sites web.’’

Le menu ainsi que tout le reste de l’interface peut s’adapter aux couleurs du club afin de personnaliser au maximum l’aspect du site et le rendre unique.

La simplification du menu était l’un des enjeux principaux du nouveau design du site de l’agence afin de clarifier l’offre et de permettre aux visiteurs d’identifier les compétences.

our le troisième projet, il m’a été demandé de proposer une (ou plusieurs)nouvelle interface pour le site de l’agence Hermès Concept. Partant du principe que le site actuel n’était pas assez clair au niveau de l’offre et de la présentation des compétences de l’agence, il fallait tout d’abord revoir l’organisation des pages et proposer une nouvelle arborescence. Une fois encore, l’approche pour ce projet fut différente des précédents projets sur lesquels j’avais travaillé. Cette fois-ci il s’agissait d’un changement en profondeur du site, pas seulement dans son aspect graphique. Toute l’ergonomie a donc été repensée, jusqu’à la formulation et à la rédaction des pages.

Il fallait donc que s’exprime un esprit de modernité et de sobriété à travers l’interface du site. La navigation a été simplifiée et clarifiée. L’utilisation de photos a permis d’humaniser le contenu du site et de donner confiance aux visiteurs. La plupart des propositions présentées au terme du projet incluent également une part d’interactivité avec un jeu de noir et blanc/couleurs lors du survol de la souris. Cela permet de rendre le visiteur acteur et rajoute à l’aspect moderne du site et donc de l’agence. L’une des interfaces proposées a été choisie pour être par la suite développée puis mise en ligne pour remplacer le site existant. Ce qui, une fois de plus, est une source de satisfaction et de motivation pour moi.

Du point de vue graphique, les interfaces proposées devaient être en accord avec le postionnement de l’agence et les valeurs qu’elle souhaite transmettre à ses clients.

‘‘Du point de vue graphique, les interfaces proposées devaient être en accord avec le positionnement de l’agence ...’’

e quatrième projet se base sur l’expérience acquise lors du premier projet et le travail autour des boutiques en ligne. Pour ce projet, l’un des plus gros clients de l’agence (Automatisme.net) souhaite renouveler son interface. Le site, spécialisé dans la vente de domotique, est très complet au niveau du contenu et des produits proposés et est un des leaders du marché sur le net. Cependant l’interface existante est lourde et confuse. L’essentiel de mon travail à donc été de trouver des solutions graphiques pour que, sans perdre de contenu, le site gagne en lisibilité et en ergonomie pour le consommateur, sans pour autant révolutionner la boutique toute entière.

C’est pourquoi les couleurs de l’identité visuelle ont par exemple été conservées. La mise en place en première page d’un carroussel (en jQuery) a permis d’intégrer du contenu sans prendre trop de place. Grâce à cela, certains ajustement ont pu être effectués, comme l’emplacement du panier par exemple, ou encore de l’espace client qui répondent à des conventions bien précise et influent directement sur l’efficacité du site. Au final, parmi les différentes interfaces proposées, l’une d’elle a été choisie puis améliorée pour être ensuite développée dans un futur proche.

L’essentiel étant de ne pas dérouter la clientèle existante et déjà très importante du site, mais plutôt de toucher une cible plus large à travers un design plus actuel et dynamique.

La présence sur les réseaux sociaux est devenue essentielle pour la plupart des boutiques en ligne afin de créer une présente quotidienne auprès des internautes. De plus, cela peut faciliter la communication globale.

‘‘L’essentiel étant de ne pas dérouter la clientèle existante et déjà très importante ...’’

e projet suivant s’inscrit dans la continuité du permier projet sur Dance-Shop.fr. Il s’agit de retravailler l’interface et la navigation du site de réseau social Rockacro.com. Ce site, qui compte environ 1300 membres est un réseau social pour dansseurs de rock acrobatique et de danses assimilées. Créé et administré par l’agence Hermès Concept, il constitue une source de trafic pour la boutique en ligne Dance-shop.fr, elle aussi propriété de l’agence. Le dynamisme du site Rockacro. com est donc un enjeu non négligeable. Pour cela, l’interface complète du site a été revue. Ce travail de rénovation en profondeur, bien que long, fut très interéssant à réaliser et m’a permis de prendre la pleine mesure de la complexité d’un site de réseau social.

Croquis préparatoire de l’interface du site. L’ergonomie a été au cœur de la réflexion lors de l’élaboration du graphisme.

Graphiquement, cela représente un défi de rester cohérent avec toutes les pages et tous les éléments différents qu’il faut gérer. Il a donc été nécessaire d’établir une charte graphique très précise et de m’y tenir quoi qu’il arrive. Le principal défi a été de proposer une interface sobre sans être ennuyeuse et dans laquelle les danseurs de rock acrobatique puisse se reconnaître. Au terme de ce projet, malgré un travail apprécié il a été décidé que cette interface nécessitait encore des ajustements et des modifications (notamment au niveau du logotype) pour être développée et mise en ligne. Néanmoins, ce projet fut riche d’enseignement tant techniquement qu’au niveau de la démarche créative.

‘‘Graphiquement, cela représente un défi de rester cohérent avec toutes les pages et tous les éléments différents qu’il faut gérer.’’

L’histoire sans fin.

e bilan que je tire de ce stage est très positif dans l’ensemble. Cette expérience m’a permis de prendre un contact concret avec le monde du travail dans lequel je souhaite évoluer à la fin de mes études et m’a conforté dans ce choix. Ce fut très enrichissant de travailler sur différents projets et de confronter mes idées à des situations réelles et non plus théoriques comme c’est très souvent le cas pendant les études. Je pense qu’au départ l’avalanche de contraintes qu’impose le monde de l’entreprise est vécu comme un frein à la créativité.

J’espère profiter de l’élan que m’a insuflé cette expérience pour continuer à progresser et à apprendre de nouvelles techniques pendant ma dernière année d’étude afin d’acquérir un niveau qui me permettre de vivre de ma passion dans le milieu difficile du graphisme. Je souhaite profiter de se bilan pour remercier l’entreprise Hermès Concept pour m’avoir permis de vivre cette expérience dans le milieu professionnel, et en particulier M. ASSIÉ gérant de cette entreprise pour son suivi et son implication dans le bon déroulement de mon stage.

Cependant, c’est en fait tout l’intérêt d’être graphiste. Il faut parvenir à faire ressortir sa créativité tout en répondant précisément aux attentes du client.

‘‘ ... au départ l’avalanche de contraintes qu’impose le monde de l’entreprise est vécu comme un frein à la créativité.’’

...