Rapport Projet Tuteuré La Gravure Béglaise



Documents pareils
I - Pour créer un site web

Cahier des charges site internet. Le 31/07/14

Formation Découverte du Web

SITE I NTERNET. Conception d un site Web

Atelier E-TOURISME Optimiser la visibilité de son site sur les moteurs de recherche. ecotourismepro.jimdo.com

Soyez accessible. Manuel d utilisation du CMS

UNIVERSITE BORDEAUX - MONTAIGNE. Projet HK_Lime

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Contenu. Thème «responsive» pour WordPress Installer le thème responsive (disponible aussi sur le site wordpress.org) Activer ce thème

Formations Web. Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone

Créer son site internet avec Jimdo. Web business

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

REFERENCEMENT NATUREL

Créez et gérez votre site/blog avec Wordpress, l outil le plus efficace et le plus facile à utiliser.

EXTENSION WORDPRESS. Contact Form 7. Proposé par :

MANUEL UTILISATEUR. Application 4trip

Animation numérique. de territoire. Créer son site Internet avec un outil gratuit. Mardi 4 novembre Cédric ARNAULT OT Lourdes

mon site web via WordPress

Association UNIFORES 23, Rue du Cercler LIMOGES

Bureautique Initiation Excel-Powerpoint

Créer du contenu en ligne avec WordPress

Avril 2013 DIAGNOSTIC NUMERIQUE. Réalisé par l Office de Tourisme Andernos-les-Bains

Création d un formulaire de contact Procédure

OFFRE DE SERVICE.

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC)

ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2

Campagnes adwords web

S informer et se développer avec internet

MODE D EMPLOI WORDPRESS

Création de sites internet : Grille des prestations et tarifs

Création de site internet

Vous n avez aucune installation à faire et aucune mise à niveau ne vous complique la vie. Vous allez adorer votre nouveau site.

Guide d utilisation 2012

Conférence. Comment améliorer le taux de conversion de votre boutique en ligne grâce au design sous Prestashop? Réalisé par ECOMIZ

CAHIER DES CHARGES CREATION / AMELIORATION SITE INTERNET

Manuel d utilisation du web mail Zimbra 7.1

CAHIER DES CHARGES SITE WEB : Steve Mind Magicien Close-up & Mentaliste - 1 -

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

Créer son propre site Internet formation WordPress 2015

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web.

Ma première visibilité sur le Web. en 60 min avec des outils gratuits

Dans cette Unité, nous allons examiner

Comment trouver des clients grâce à internet?

Optimiser pour les appareils mobiles

MODULES 3D TAG CLOUD. Par GENIUS AOM

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE

Création du site internet [insérez le nom de votre site]

Site vitrine / Boutique en ligne Site mobile / Hébergement / Nom de domaine / Référencement / Multilangues

Comité départemental du tourisme de Haute Bretagne Ille et Vilaine

Editoile Académie Mathieu Renault, formateur 9 rue Vauban Bordeaux Tél formation@editoile.fr

Content Management System V.3.0. BlackOffice CMS V3.0 by ultranoir 1

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

Les 9 points-clé pour réussir votre activité de ecommerce

Guide de pratiques exemplaires en matière de commerce mobile. Des techniques concrètes pour surpasser les normes de l industrie

MANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site:

creer votre site internet en html/css

Guide pour optimiser votre profil. et votre page entreprise

Créer un site WordPress

COMMENT OPTIMISER SON RÉFÉRENCEMENT NATUREL?

Website Express Créer un site professionnel avec Orange

Création d un site Internet

Madame, Monsieur, PJ. 1 - Programme de formation 2 - Fiche d'inscription 3 - Présentation de Olivier GOBET

Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche?

Programme CREATION SITE INTERNET (CMS Wordpress)

M1105 Web Design Analyse Sectorielle Sites de grands musées

Eurateach labellisé par la région et le FAFIEC. Si vous remplissez les conditions suivantes : Votre entreprise compte moins de 250 salariés

Les 10 étapes incontournables pour réaliser un site internet performant et accessible

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog :

Tutoriel. Votre site web en 30 minutes

Projet en nouvelles technologies de l information et de la communication

Créer et gérer une newsletter Comment créer et faire vivre une lettre d information au sein de votre entreprise?

Formation. Module WEB 4.1. Support de cours

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN ING

SARL DDLX Multimédia Place du général de Gaule Boisseron Tèl : support@ddlx.org. Agence Web. Design Prestashop personnalisé

1. PRÉSENTATION, CONTEXTE, OBJECTIFS ET CIBLES 1.1 Contexte

Internet Marketing Manager

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013

D origine destiné à la conception de blog, WordPress est devenu l outil incontournable dans la liste des systèmes de gestion de contenus..

Site web établissement sous Drupal

Administration du site

MK DESIGN - 37, route de Camblanes Créon - Tél : Mail : contact@mkdesign.fr SIRET : Site Internet :

SEO On-page. Avez-vous mis toutes les chances de votre côté pour le référencement de votre site?

TP 6 Installation et configuration d une site internet avec un CMS Illustration avec Wordpress

Accompagnement et aides. financières de Pôle Emploi

VOLUME 1 CRÉATION D UN SITE WEB

Camping, une suite pour développer & fidéliser votre clientèle sur tous les canaux Internet

CAHIER DES CHARGES Refonte du site Internet & newsletter de la filière Normandie AeroEspace. Site Internet actuel :

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET

ASTER et ses modules

MODELE DE BRIEF AGENCE

Sites Internet : les. tendances. Jeudi 30 janvier 2014 Bordeaux L AGENCE CONNECTÉE À L ENTREPRISE

Partner Entreprise. Modules de cours pour la formation continue Offre IFAPME Verviers

Cahier des charges Site Web Page 1 sur 9

Débuter avec WordPress 1/5

Livre Blanc Virtua 2012

RECOPLUS LOGICIEL DE GESTION DES RECOMMANDES NOTICE D UTILISATION DE RECOPLUS RESEAU. N de série

Formation Créateur de site web e-commerce Certifiant

Transcription:

Rapport Projet Tuteuré La Gravure Béglaise Présenté par : Encadré par : - Vincent FERRARA - Jean Pierre Salmon - Mehdi FARAHI - Emmanuel GAYE Commandé par : Étudiants DUT MMI 2A - Mixel NICIBAR Date de remise du rapport : vendredi 6 février 2015 1

Sommaire I. Présentation de l entreprise La Gravure Béglaise II. III. IV. Présentation du projet A. L objectif principal et les attentes du commanditaire B. Analyse des sites web concurrents C. Les recommandations 1. Par rapport au site web existant 2. Par rapport aux réseaux sociaux D. Les réalisations sur le site web 1. Hébergement et nom de domaine OVH 2. Installation du CMS WordPress 3. Installation du thème RT-18 4. Création de l arborescence 5. Design, contenu et structure de page 6. Installation des plugins E. Création de la page facebook F. La répartition des rôles au sein de l équipe Bilan Annexes 2

I. Présentation de l entreprise La Gravure Béglaise La Gravure Béglaise est une Société à Responsabilité Limitée créée en 1979. Son nom vient de la ville de Bègles, dans lequel son siège social se situait jusqu en 1998. À partir de cette année, l entreprise déménage à Gradignan. Elle se compose à l heure actuelle de 4 salariés. La Gravure Béglaise est spécialisée dans 3 principaux domaines : la Gravure funéraire : Plaque funéraire, Gravure sur stèle, Plaque commémorative, Photo sur porcelaine, Photogravure sur granit & Impression couleur. la Gravure et découpe laser : Gravure d ipad, Signalisation intérieure et extérieure, Plaques professionnelles, Étiquettes et tampons & Objets publicitaires. la Décoration d objets : Caisse à Vin personnalisable, Gravure sur verre, Gravure sur miroir, Trophée sportif, Objet personnel. Notre commanditaire, le responsable de l entreprise, se nomme Mixel NICIBAR. II. Présentation du projet A. L objectif principal et les attentes du commanditaire L objectif fixé par Mr NICIBAR est le suivant : obtenir une part de marché plus importante auprès de la cible des particuliers, tout en conservant sa clientèle de professionnels. La Gravure Béglaise souhaite s ouvrir au grand public. Cette stratégie récente vise à montrer aux prospects que l entreprise n est pas que spécialisée dans la gravure (en particulier la gravure funéraire qui représente la plus grosse partie de son chiffre d affaires). D autres catégories comme la gravure et la découpe laser ou la décoration d objets doivent donc gagner en visibilité, tout comme le lancement de deux services phare : à savoir la gravure d ipad et la personnalisation de caisse à vin. Pour atteindre cet objectif, Mr NICIBAR souhaite donc nous confier la tâche suivante : réaliser un site web qui puisse être une vitrine pour attirer la clientèle de 3

particulier. Il souhaite un site web qui soit attrayant et qui se démarque de ceux de ses concurrents (en particulier ceux liés au domaine funéraire). Ce site web devra, une fois le projet terminé en janvier, pouvoir être administré et personnalisé de façon simple et efficace. B. Analyse des sites web concurrents Nous avons sélectionné un panel de concurrent qui nous semble, de par leurs services et leurs emplacements géographiques (agglomération bordelaise), se rapprocher le plus de la Gravure Béglaise. Nous avons décidé d analyser plus particulièrement leur site web respectif en faisant ressortir certains éléments qui pourraient être intégrés au nouveau site de la Gravure Béglaise. Gravure Duranteau (gravure funéraire) - situé à Bègles (3km de distance) http://www.gravure-durandeau.fr/ Muni d un thème Pages Jaunes, ce site web possède très peu d images (seulement 3). Les couleurs dominantes sont le blanc, le gris et le noir, ce qui accentue le côté terne du thème de la gravure funéraire. Les services proposés ne sont pas clairement identifiables en page d accueil, il faut parcourir le site jusqu à la page gravure-sur-pierre-begles pour obtenir ces informations. Point positif : les coordonnées sont mises en avant, on pousse ainsi le prospect à contacter l entreprise pour un renseignement ou pour venir directement sur place. Alliance funéraire (gravure funéraire) - situé à Bruges (13km de distance) http://www.alliancefuneraire.com/ Malgré un design vieillissant, le site web de l Alliance funéraire possède une caractéristique très intéressante : au sein des pages présentant les différentes catégories, les produits sont introduits par des photos et organisés au sein de 3 colonnes, ce qui donne une bonne lisibilité à l ensemble. Bien que cela ne soit pas un élément discriminant, nous pouvons regretter la mauvaise qualité de certaines photos. 4

Illico m (objets publicitaires) - situé à Bordeaux (12km de distance) http://www.illicom.fr/ Ce site web met l accent sur les différents produits proposés par Illico m. Ces derniers sont présentés à la façon d un site boutique avec de beaux visuels, ce qui accentue le côté qualitatif des produits. Une autre caractéristique à prendre en compte : dès la première page, un call to action nommée devis express est présent et facilement identifiable. Il nous renvoie vers la page contact dans lequel se trouve un formulaire (un bon moyen d attirer le prospect de façon efficace et rapide). Après avoir analyser ces 3 sites web, nous avons listé les caractéristiques dont nous pourrons nous inspirer pour la création du site web de la Gravure Béglaise. Caractéristiques à insérer dans le nouveau site web - mettre en avant les coordonnées - insérer un ou plusieurs call to action pour inviter le prospect à contacter La Gravure Béglaise - utiliser des images de bonne qualité issues de l entreprise - introduire les produits par des images et insérer une structure de page en colonnes (2 ou 3 par exemple) - utiliser des couleurs dynamiques et attrayantes tout en ne dénaturant pas le côté solennel de la gravure funéraire 5

C. Les recommandations 1) Par rapport au site web existant Le site web est une des première vitrine d une entreprise et il contribue fortement à l image qu un prospect peut se faire sur le sérieux de l entreprise. Nous avons réalisé un audit du site web existant afin d en faire ressortir les améliorations possibles. Le site existant était réalisé par les pages jaunes et ne bénéficiait pas des points importants que nous allons détailler en suivant. L ergonomie Indispensable à la bonne qualité d un site internet, nous souhaitons revoir l ergonomie du site pour la rendre plus proche des attentes des internautes. Ainsi nous souhaitons optimiser la navigation pour permettre aux utilisateurs de trouver l information recherchée dans les meilleurs délais. L arborescence Nous souhaitons également reprendre l arborescence du site afin de faciliter la compréhension de la navigation sur le site web. Le contenu Un des points les plus importants que nous avons soulevé, le manque de contenu sur le site web existant. Il est indispensable pour un bon référencement naturel d avoir un contenu cohérent sur ces pages. De plus, il est tout aussi important d adapter son contenu au web en utilisant des phrases courtes et en allant à l essentiel pour ne pas ennuyer le lecteur. Nous proposons de reprendre entièrement le contenu afin d améliorer le référencement et l'expérience utilisateurs. Le design Le site web existant n avait pas de design personnalisé, c était un modèle de site des pages jaunes qui ne se détachait pas des concurrents. Nous souhaitons apporter un design plus moderne, plus épuré au site internet et mettre en avant l activité de décoration d objet de l univers du vin. Nous avons choisi des couleurs claires et du rouge bordeaux pour répondre à ces attentes. De plus nous souhaitons réaliser des belles photos des 6

différents produits afin de rendre plus attractive et plus agréable la visite du site et la présentation des produits. La qualité du code Invisible par l utilisateur, mais pour autant très important, un bon balisage HTML est indispensable au référencement du site. Nous avons constaté des problèmes dans la hiérarchie des balises titres par exemple. Ainsi nous souhaitons rendre le nouveau site conforme aux bonnes pratiques de la création de sites internet. 2) Par rapport aux réseaux sociaux Nous avons constaté le manque de présence de La Gravure Béglaise sur les réseaux sociaux et nous avons proposé de créer différents comptes. Facebook Établir une page Facebook présente plusieurs intérêts majeurs : - Visibilité accrue sur Internet - Nouveaux prospects potentiels - Fidélisation de la clientèle préexistante Mais surtout, cela représente un gage de confiance du prospect à l entreprise. Une des forces de Facebook est de se positionner près des clients en établissant un contact davantage social qu il n est professionnel. Pinterest Nous avions pensé à créer un compte Pinterest pour le côté artistique de la gravure sur objet. Il aurait pu être intéressant de partager avec ses clients les différentes créations de La Gravure Béglaise. LinkedIn Un compte LinkedIn permet de créer et de garder le contact avec son réseau professionnel. Dans le cas de la gravure Béglaise, la communication par le biais de cet outil pourrait être pertinente si l on s adresse aux clients professionnels et aux fournisseurs. Viadeo Dans la même optique que LinkedIn, Viadéo est un réseau social destiné aux professionnels. Il possède la même philosophie, à savoir rassembler les entreprises et les faire communiquer entre elles. La 7

seule différence est que Viadéo est très répandue en France et moins dans le monde, contrairement à LinkedIn. Pour des problématiques de gestion de compte, nous avons convenu avec le commanditaire ne réaliser qu une page Facebook alimenter automatiquement en contenu (articles du site). 8

D. Les réalisations sur le site web 1) Hébergement et nom de domaine OVH Nous sommes convenus avec le commanditaire de commander un hébergement OVH (offre Web Perso) pour le nouveau site internet. Il nous a semblé pertinent et suffisant de prendre la première offre afin de limiter les dépenses de l entreprise. Nous avons également réalisé un transfert du nom de domaine lagravurebeglaise.com des Pages Jaunes vers OVH. Durant cette phase, nous avons rencontré un problème de pointage DNS que nous avons su résoudre après quelque temps. Cette étape nous a bloqués pour la mise en place du WordPress et nous a fait prendre un peu de retard sur le projet. 2) Installation du CMS Wordpress En concertation avec le commanditaire, nous avons choisi d utiliser WordPress. Ce système de gestion de contenu nous permet la création d un site web dynamique, gratuit (en dehors de l hébergement) et facilement personnalisable. La force de WordPress repose sur plusieurs caractéristiques : - le contenu (texte, image, vidéo ) n est pas dépendant de l aspect graphique (qui dépend du thème installé). De cette façon, le site de la Gravure Béglaise pourra voir son aspect visuel (son design) évoluer au fil du temps tout en gardant son contenu intact. - l interface d administration permet de gérer les pages, les menus, les liens, les couleurs et le contenu du site web de façon simple et intuitive, et sans la nécessité d avoir des connaissances techniques en HTML / CSS (langages utilisés dans le web). Cette simplicité permettra une gestion du site web web indépendamment du travail des étudiants. Une demi-journée de formation est prévue afin de transmettre la gestion du site web aux membres de la Gravure Béglaise, qui pourront ainsi se familiariser avec l interface de WordPress. - la possibilité d installer des plugins : ce sont des programmes que l on installe depuis l interface d administration du site web et qui nous permettent l implémentation d un très grand nombre de fonctionnalités (ces plugins sont exposés plus en détail au point 2.5.1.6.). - WordPress possède une importante communauté en ligne qui répond présente sur les forums pour trouver la solution à des problèmes que l on peut rencontrer avec ce genre de site web. 9

- le code source de WordPress est mise à jour de façon régulière, ce qui permet de pallier les éventuelles failles de sécurité ou les défauts liés à la version précédente. - les sites WordPress possèdent naturellement un bon référencement dû à plusieurs facteurs : la structure HTML native est bien pensée, les informations sur les médias sont facilement renseignables et repérables (ex : balise alt), les mises à jour de contenu sont rapidement identifiables de l extérieur du site (avec le trackback)... - la communauté WordPress est nombreuse et permet, via l utilisation des forums d entraide, de résoudre tout type de problème qui se présente à nous. Concernant l installation de WordPress, nous avons choisi de passer par un client FTP (FileZilla) qui nous a permis un transfert manuel du dossier WordPress vers la racine du site web (sur les serveurs OVH). L utilisation de FileZilla pourra nous être très utile en cas d impossibilité d accéder au site ou à son interface d administration (par exemple à cause d un fichier supprimé ou d une manipulation tierce depuis l interface d administration du site web). OVH a mis en place un système de récupération de sauvegarde FTP qui permet de récupérer son site web dans son état antérieur (ces sauvegardes sont accessibles jusqu à J-3semaines et sont gratuites à la seule condition de posséder un client FTP). 3) Installation du thème RT Theme 18 Une fois WordPress installé sur l hébergement OVH et l interface d administration accessible, nous avions la possibilité d installer un thème différent de ceux nativement proposés par WordPress. Toujours en concertation avec le commanditaire, nous avons choisi d utiliser RT Theme 18, qui est proposé sur le site web themeforest.net. Ce thème possède plusieurs avantages : - un design de base élégant et responsive (adapté à toutes les résolutions d écran). - l utilisation native d un grand nombre de Google Fonts. - la gestion de la structure des pages avec un système de drag and drop : on créer des éléments dans notre modèle de page (bloc de texte, image ) puis on les place de façon libre juste avec la souris (sans nécessiter de toucher au code HTML / CSS. Ce système de drag and drop va permettre aux membres de la Gravure Béglaise de gérer le design et le contenu de leur site web sans avoir besoin des étudiants qui ont mis en place ce système. 10

4) Création de l arborescence Il y a eu plusieurs étapes dans la réalisation de l arborescence, nous avons réalisé une première version puis vers la fin du projet et après concertation avec le commanditaire, nous avons réalisé une seconde version de l arborescence. Dans la première version, nous avions fait un découpage par cibles en dissociant les particuliers des professionnels. De cette manière, nous pouvions associer les différentes activités en fonction de la cible. Accueil Particuliers Gravures funéraires Gravures et découpes laser Impressions numériques Entreprises Plaques professionnelles Tampons professionnels Actualités Contact Dans la seconde version, nous avons privilégié la navigation simple et le découpage en catégorie de produits. Accueil Funéraire Gravure et découpe laser Décoration Actualités Contact 5) Ajout du du design, du contenu et de la structure des pages Design En reprenant la volonté de Mr NICIBAR, nous avons choisi d utiliser le rouge Bordeaux comme couleur dominante pour notre site web. Ce choix semble pertinent dans le sens où d une part, c est une couleur élégante et de plus, elle colle bien aux différents produits autour du vin qui sont proposés par la Gravure Béglaise ( caisse à vin personnalisable ou gravure sur verre, bouteille et carafe). Le rouge Bordeaux sera, au sein de nos pages, utilisé pour le header, le footer ainsi que pour les titres. Le texte du corps de la page sera en noir sur fond blanc (utiliser 11

Rapport Projet Tuteuré La Gravure Béglaise une nouvelle fois du rouge Bordeaux pour le corps de la page aurait rendu le site web trop indigeste ). Page Accueil Nous avons organisé la page d accueil de façon à ce que cette dernière soit la pierre angulaire du site web. Elle représente la porte d entrée que vont passer les prospects et, à ce titre, elle mérite toute notre attention. Notre première page, tout comme toutes les autres pages, possède la partie header organisée de haut en bas comme ceci : - un champ de recherche permettant à l internaute de trouver un produit, une catégorie de produit ou un autre type de contenu (comme un article de la page Actualités) - tout à gauche de ce champ de recherche, sur la même ligne, deux icônes sont présentes. Une pour être contacté par l entreprise via son mail et une pour accéder à sa page Facebook. Elles permettent d effectuer une conversion dans le sens où le prospect, en cliquant sur l un ou l autre de ces éléments, sera en quelque sorte engagé, il effectuera une action ciblée qui sera peut être couronnée par un renseignement, un devis ou une vente. - en dessous de cette première ligne horizontale se trouve le logo blanc de la gravure béglaise qui sera le premier élément identifiable (grâce au sens de lecture de gauche à droite) - à droite du logo se trouve le menu de navigation avec du texte blanc toujours sur un fond rouge bordeaux. Pour bien montrer que nous sommes sur telle ou telle page, nous avons attribué une couleur différente à la page sur laquelle nous sommes (ici c est la page d accueil) Nous trouvons en bas de la partie header une zone que l on peut qualifier de sub-header. Dans cette zone se trouve un élément visuel aussi important que le 12

logo voire visuellement plus attractif : il s agit du slider. Le terme slide signifie en anglais qui défile et c est bien le cas ici. Les photos qui défilent représentent en premier lieu les produits phares du moment (la Caisse à Vin personnalisable et la Gravure d ipad) puis dans un second temps, les 3 catégories principales qui font écho se retrouvent dans le menu (Le funéraire, La Gravure et découpe laser & la Décoration). Chaque élément qui défile se compose d une image de haute qualité que nous avons prise en photo dans les locaux de l entreprise. En superposition de ces photos se trouve un titre en blanc sur fond rouge bordeaux puis, collé à lui en dessous, un aperçu du contenu que nous pourrons découvrir en cliquant sur ce titre. Chacun de ces titres nous redirige sur un des éléments cités précédemment (soit un produit phare soit une catégorie). Suite au slider, une partie introductive nous présente brièvement la Gravure Béglaise et sa philosophie. Nous avons décidé d insérer une phrase clef ( La Gravure Béglaise, 35 ans au service des particuliers et des professionnels ). Elle est mise en avant comme un slogan : son but est d impacter et de rassurer le prospect en particulier sur la longévité et la prospérité de l entreprise. L ajout de la photo avec la devanture de l entreprise est, elle aussi, importante car elle permettra à la personne venant pour la première fois dans les locaux de Gradignan de faire le lien avec l image qu il avait vue sur le site web. Suite à la zone de description de l entreprise, nous trouvons les 3 principales catégories réparties sur 3 colonnes avec les mêmes visuels que dans le slider. Cet effet de redondance doit permettre une mémorisation plus accrue des services proposés par la Gravure Béglaise. Ces 3 univers vont devenir peu à peu familiers pour lui. 13

En dessous des 3 catégories en rappel nous trouvons une zone incitant le prospect à effectuer une demande de devis dans le cas où il est interessé par l un des services proposés. La présence du bouton Devis Gratuit devrait accentuer son envie d effectuer l action de clic, c est ce que l on appelle un Call to Action. Ensuite, viennent 4 colonnes agencées alignées horizontalement et qui représentent les entreprises qui font confiance à la Gravure Béglaise : il s agit des clients qui ont déjà traité avec l entreprise. Le point clef de cette zone vient du fait que ces clients sont connus du grand public et deviennent pour l entreprise des bonnes références qui vont lever des freins à l achat au moment où le prospect décidera de devenir un client. L effet rassurant est ici recherché. L avant dernière zone de notre page d accueil : la carte Google Maps intégré qui permets de situer en Gironde l entreprise. De cette façon, nous savons qu elle se trouve dans l agglomération bordelaise, au bord de la Rocade, et que donc elle est facile d accès si l on souhaite effectuer une visite dans les locaux de la Gravure Béglaise. Le dernier élément de notre page situé tout en bas de cette dernière se nomme le 14

Rapport Projet Tuteuré La Gravure Béglaise footer. Dans ce dernier, nous avons un rappel des éléments du menu de navigation. Cette redondance est importante pour d'indexation des robots des moteurs de recherche, ce qui aura une influence future sur le bon référencement. En dessous de ce menu bis, nous trouvons le copyright ainsi que les coordonnées de l entreprise. A droite de ces deux éléments se trouvent deux éléments, eux aussi mis en répétition, le bouton de contact mail et la redirection vers la page Facebook. Cette partie footer est, comme la partie header, inchangée de page en page. Page Funéraire, page Gravure et Découpe laser et page Décoration Ces 3 pages représentent les 3 catégories de produits que la Gravure Bélaise propose. Elles sont organisées toutes les 3 selon le même modèle : L agencement du corps de la page est structuré en 3 colonnes afin de faciliter la lecture et donc la compréhension de ce qui est proposé au prospect. Au tout début du corps des pages, un article phare est mis en avant avec un visuel aux dimensions plus grandes de ceux présents sur la même page. Pour la page Funéraire, les plaques funéraires sont mises en avant ; pour la page Gravure et Découpe Laser, c est la Gravure d Ipad ; et pour la page Décoration, l accent est mis sur les caisses à vin personnalisables. Au sein de ces 3 pages, quand un produit possède plusieurs visuels, des minis galleries apparaissent avec une visualisation de chaque image sous forme de lightbox. Il nous a paru essentiel sur ces 3 pages d insérer le maximum de clichés en haute qualité que nous avons réalisés dans les locaux de l entreprise, afin de garantir l authenticité de ces derniers. 15

Page Actualités La page actualités présente, elle aussi, dans une structure en 3 colonnes, les différents articles qui caractérisent l actualité de l entreprise. Dans le cas de la Gravure béglaise, deux grandes catégories ont été créées : les Evènements qui vont décrire un fait marquant dans la vie de l entreprise ou les Nouveautés, produit qui, comme son nom l'indique, va présenter un produit phare qui sera mis en avant dans la stratégie de communication de la Gravure Béglaise. Chaque article est introduit par une image d aperçu qui doit rendre le contenu plus facilement identifiable et donc mémorisable. Page Contact Cette page permet au prospect ou au client de contacter l entreprise. Pour ce faire, les coordonnées sont affichées (adresse postale, mail et numéro de téléphone). Un formulaire de contact est aussi présent afin de faciliter ce processus de rapprochement entre l internaute et la Gravure Béglaise. Cette page représente la finalité du processus de navigation effectué par 16

le prospect. Elle caractérisera l engagement final qu il prendra envers la Gravure Béglaise et qui aboutira au processus d achat. Une carte Google Maps intégrée permet, tout comme sur la première page, de localiser plus facilement les locaux de l entreprise au sein de l agglomération bordelaise. 17

6) Installation des plugins Nous avons utilisé un plugin de formulaire de contact afin de personnaliser à notre guise les différents champs. Nous étions convenu avec le commanditaire de faire un formulaire de demande de devis, cela lui permettait de gagner du temps. Encore une fois, nous avons souhaité centraliser la gestion sur le site WordPress. De cette manière, les champs du formulaire précisent la demande du client (renseignements ou devis), et permettent d ajouter un fichier pour les demandes de devis pour une impression, par exemple. 18

Buffer est un plugin WordPress qui permet d automatiser la publication des contenus d un site web vers des réseaux sociaux associés. Dans notre cas, nous utilisons la plateforme de Buffer afin de publier les articles du site web sur la page Facebook. La demande du commanditaire impliquait de ne pas perdre de temps dans la gestion des réseaux sociaux, c est pourquoi nous avons mis en place cet outil. Cela permet de centraliser la gestion sur l interface du WordPress. 19

SEO by Yoast est un plugin reconnu pour l optimisation du référencement de contenu de pages web. Nous avons choisi ce plugin car il est complet et facile à prendre en main. En effet, on peut remplir la balise de meta description pour chaque page ou article et le plugin nous renseigne par une pastille de couleur le niveau de référencement de la page. Cela permet d ajuster efficacement le contenu de nos pages en très peu de temps. 20

WP STATISTICS L analyse d audience constitue un indicateur très important sur la qualité d un site internet, c est pourquoi nous avons choisi d ajouter un plugin d analyse d audience sur l interface de gestion. WP Staticstics permet d insérer dans le back office des statistiques d analyse d audience. Cet outil fourni des informations sur le nombre de visites, la localisation géographique des visiteurs, ou encore les pages les plus visitées. Cela permet au gestionnaire du site de faire des réajustements de contenu en fonction des statistiques obtenus. Nous souhaitons qu à plus long terme, le site puisse évoluer et s enrichir en contenu afin de le rendre toujours plus attractif. 21

E. Création de la page Facebook Nous avons pensé la page Facebook de sorte qu elle soit un prolongement naturel du site internet. Au niveau de son apparence, nous avons repris pour la photo de couverture la photo de la devanture présente en page d accueil du site web, afin d ancrer cette vue des locaux dans la mémoire des fans de la page. Pour la photo de profil, nous avons repris l icone présente dans le logo blanc du site web. Cette icone est, comme sur le site, sur fond rouge bordeaux. Le fil d actualité de la page se compose des articles de la page Actualités du site web qui sont publiés de façon automatique sur Facebook. Un levier supplémentaire pour communiquer sur les nouveaux produits et les évènements de l entreprise auprès de sa communauté de fans. Ces derniers seront, de par leur engagement sur cette page fan, plus réceptifs que ne l est un prospect lambda. F. La répartition des rôles au sein de l équipe Dans l optique de nous répartir le travail de façon plus sereine, nous avons opté pour une organisation selon 3 poles : le pôle design, le pôle intégration et le pôle rédactionnel. Mehdi s est chargé de l intégration et de la partie technique. Emmanuel s est occupé du design, de l ergonomie et de la structure générale du site web et des différentes pages. Quand à Vincent, il s est tourné vers le rédactionnel (au sein des pages et dans les articles d actualité). Bien que ces 3 pôles soient affectés de façon distincte à chacun, il nous a été parfois nécessaire de passer dans l un ou l autre pour avancer le travail de façon plus optimale. 22

III. Bilan Ce projet nous a permis de découvrir un nouveau secteur d activité que l on ne connaissait pas forcément très bien. Nous nous sommes renseignés sur les techniques de gravures, d impressions et nous nous sommes intéressés aux demandes des consommateurs pour le funéraire. Dès le début du projet, nous nous sommes confrontés au problème du pointage DNS, et cela nous a fait prendre un peu de retard que nous avons ensuite très vite rattrapé. Cela nous a fait prendre conscience des difficultés imprévisibles auxquelles on peut être confronté lors de la réalisation d un projet web. De plus, la rédaction du contenu était compliquée du fait de notre méconnaissance du secteur d activité. Cependant, l implication du commanditaire dans le projet a été très appréciée de notre part. Les différents échanges que nous avons eus nous ont permis de mieux comprendre ses attentes, mais aussi d en savoir plus sur les techniques spécifiques à ce corps de métier. Pour les suites à donner, nous allons prendre un dernier rendez-vous avec le commanditaire afin de lui fournir l intégralité du site, des accès aux comptes, une documentation technique permettant la prise en main facile du site web et une formation en direct pour accélérer la compréhension de l interface. 23

IV. Annexe - Remerciements Nous tenons à remercier tous les membres de l équipe de la Gravure Béglaise pour leur disponibilité et leur gentilesse. Nous remercions également notre tuteur Mr Jean-Pierre Salmon pour nous avoir donné des pistes d amélioration au cours du projet. 24