Issuu on Google+

Cahier des Charges Sun Yee CHAN - Céline FERRAND - Myriam HERVO - Sébastien MATHIEU - Christian MBOCK


Cahier des Charges - Les serres de Segrez -

Sommaire

I.Présentation générale

26

1.Rubriquage 2.Arborescence 3.Outils disponibles 4.Masques fonctionnels 5.Scénario interactif

IV. Description graphique

21

1.Ligne éditoriale 2.Médias utilisés 3.Mise à jour 4.Langue et adaptation

III. Description fonctionnelle

1.Synopsis 2.Contexte 3.Cibles 4.Analyse de l’existant 5.Positionnement

II. Description éditoriale

04

42

1.Objectifs graphiques 2.Planches de tendances 3.Charte graphique

2


Cahier des Charges - Les serres de Segrez -

Sommaire - Suite

V. Description technique

1.Contraintes initiales 2.Bases de données 3.Technologies / Configuration requise / Hébergement (online) 4.Référence de programmation 5.Carte technique

VI. Promotion et animation (webmastering)

65

VII. Vie du projet

75

58

1.Référencement 2.Partenariats 3.Publicité 4.Plan média / Evénementiel 5.Statistiques de fréquentation 6.Espaces de participation 7.Concours 8.Newsletter 9.Aide aux utilisateurs

1.Equipe 2.Planning prévisionnel 3.Budget prévisionnel

VIII. Annexes 1.Le site en image

79

3


Cahier des Charges - Les serres de Segrez -

Présentation Générale

4


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Synopsis « Les Serres de Segrez » c’est une entreprise familiale créée en 1965, spécialisée dans le négoce de plantes et de fleurs, placée dans un hameau de la plaine briarde, elle est éloignée des commerces et des villes. Les clients ne tombent pas par hasard sur les serres, et ont très souvent découvert l’entreprise par le bouche à oreille. Le client aura besoin dans les mois qui viennent d’un site e-commerce car les propriétaires ressentent l’urgence d’être visible sur le web. Ils doivent cependant s’y préparer sans pouvoir le mettre en ligne immédiatement, car il n’y a actuellement aucune plate-forme logistique spécifique à l’expédition de produits frais au sein de l’entreprise. Pour que cela soit possible il faut refondre, voire recréer intégralement le site catalogue existant (Il s’agit d’un CMS du nom d’Hortisphère développé à partir de l’éditeur de texte FCK Editor, et à destination des horticulteurs et pépiniéristes (voir visuels sites existants suivants). Ce nouveau site e-commerce devra être développé dans l’esprit de l’entreprise : mots clefs : familial, accueillant et professionnel. La charte graphique et le logo devront être retravaillés, sous certaines contraintes. La cible actuelle de l’entreprise est principalement départementale, mais de plus en plus régionale et nationale. La cible principale de ce site doit donc être le particulier en région parisienne et en France.

5


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Synopsis - Sites existants

http://lesserresdesegrez.blogspot.com/

6


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Synopsis - Sites existants

http://modele2.hortisphere.com/

7


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Contexte Nous avons choisi ce projet car il offrait une véritable polyvalence du métier d’infographiste et un aspect important du métier de développeur. En effet, il comporte cinq grands axes de travail : - le webdesign - la création d’un logo - la création d’une charte graphique - le site dynamique - le e-commerce Enfin, une motivation non négligeable dans notre choix, le sujet : les plantes, la nature, un sujet tout à fait louable. L’entreprise qui nous amène ce projet souhaite élaborer un budget pour le lancement d’un futur site de e-commerce Ce cahier des charges sera pour elle le commencement d’une nouvelle méthode de vente, la promesse d’une nouvelle clientèle beaucoup plus large. Mis à part la contrainte technique du e-commerce sur laquelle nous reviendrons dans un prochain chapitre la véritable contrainte de ce projet réside dans la faible capacité de financement du projet et le manque de moyen logistique. L’entreprise attend en plus d’un nouveau visuel et d’un nouveau concept de site l’élaboration d’un budget complet et réel.

8


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Cibles Les motivations des utilisateurs locaux : -

le plan d’accès les horaires d’ouverture les actualités les abonnements les conseils consulter les catalogues pour se donner un avant-gout (préparer leurs achats)

Les motivations des utilisateurs nationaux : -

le e-commerce les catalogues les actualités les abonnements les conseils

Les catégories se dessinent donc en fonction de ces motivations : -

les actualités le plan d’accès les conseils les abonnements les catalogues (e-commerce)

9


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Cibles - Suite Le portrait type de l’utilisateur : Un particulier homme ou femme, tout âge (ceux qui ont des jardins et balcons, ceux qui viennent chercher un cadeau pour une mamie, une maman, une amie, un mariage…), les futurs mariés (bouquet, décoration florale salles, voitures…), toutes catégories sociaux-professionnelles confondues. Et aussi quelques professionnels type jardiniers et fleuristes de la région. La cible est donc vaste mais attention cependant à l’équipement informatique de la cible. Les Serres de Segrez se situent dans un lieu rural de la Seine-et-Marne ou les connexions sont à faible débit et la population plus âgée et donc moins équipée qu’en agglomération. Idem les personnes qui commandent leurs fleurs sur internet, sont des personnes qui souvent ne peuvent pas se déplacer (très occupées par leur activité professionnelle ou isolées ou âgées). Toujours garder en tête que la cible est très large et que chaque foyer, dans chaque région, n’est pas équipé de la même façon et notons que c’est dans les zones rurales qu’on jardine le plus.

10


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Analyse de l’existant Ils n’ont pas de site internet mais ont un blog et sont inscrits sur un logiciel de jardin spécifique hortisphère. (voir écrans page 5 et 6). Au niveau de la concurrence, de part sa situation géographique (« isolée » en région parisienne en Seine et Marne – 77) et de son activité peu répandue (pas comme pour les boulangeries par exemple où on peut en trouver 20 dans une ville), l’entreprise bénéficie d’une concurrence peu importante dans la région. Effectivement, en regardant sur la carte ci-dessous qui localise les entreprises ayant comme activités Jardineries-Végétaux-Articles de jardin, on s’aperçoit vite qu’il y a peu d’entreprises et qu’elles sont éloignées les unes des autres.

Carte extraite du site « Les Pages Jaunes » http://www.pagesjaunes.fr/

11


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Analyse de l’existant - Suite En revanche, ils veulent se lancer dans le e-commerce. La concurrence s’étalera donc à toute la France ce qui entraine une liste de concurrents plus importante dont la réputation pour certains n’est plus à faire, tels que : -

Truffaut Delbard Jardiland Gammvert Point Vert …

Deux concurrents ont retenus notre attention non seulement de part leur notoriété mais aussi par le fait qu’ils proposent du e-commerce.

12


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Analyse de l’existant - Truffaut TRUFFAUT - http://www.truffaut.com/ Les points positifs : - Activités variées : jardin, animaux, décoration et loisirs créatifs - Gamme de produits étendue : plantes, bulbes, terreaux, compositions florales, engrais, graines, produits de jardin bio, poteries, jardinières, équipement, mobilier et décoration de jardin, produits d’entretien, d’arrosage, nourriture pour animaux, vêtements… - De nombreux services : carte de fidélité, chèques cadeaux, magazine Truffaut, service après-vente, charte de qualité, livraison à domicile, fiches et vidéos conseils, guide d’achat… - Espace presse - Jeu concours (exemple : pour la fête des grands mères en animation en flash avec un lot de 5000 euros à la clé) - Liste de magasins avec une zone de recherche - Une partie « promotions » Les points négatifs : - Vente en ligne pas réellement sur le site. La commande se fait via un partenariat sur le site Houra.fr (cybermarché)… - Ergonomie du site : - Une navigation principale claire mais un contenu peu aéré et une navigation secondaire en dessous peu lisible. - Promotions, actualités, carte fidélité, conseil, guide, magazine sont mis en avant - On cherche la partie produits… pas de catalogue produit accessible directement…on accède plus à des fiches conseils, des vidéos… si on veut vraiment voir le produit, il faut aller sur le site houra.fr

13


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Analyse de l’existant - Truffaut - Suite

14


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Analyse de l’existant - Delbard DELBARD - http://www.delbard-direct.fr/ Les points positifs : - Activités : rosiers, arbres fruitiers, vivaces, bulbes, arbustes, engrais, outils, accessoires… pas d’animaux - Gamme de produits étendue : rosiers, fruitiers, vivaces, arbustes, annuelles et méditerranéennes, semence, engrais, outillage, protection des cultures, accessoires, librairie - De nombreux services : - fiches conseils - calendrier du jardin - questions/réponses - les rdv du mois - lexique du jardinier - forum - Plusieurs manières de commander : en ligne via les fiches produits, via le catalogue interactif, commande directe, ou par téléphone - Ergonomie du site : navigation très claire, très colorée, couleurs attrayantes (rose et vert) - Tout est fait pour retenir l’internaute exemple : « Delbard vous recommande », « les produits associés » - Une fonction recherche accessible sur la page d’accueil et une plus approfondie par gamme et produits, les critères de recherche changeant en fonction de la catégorie choisie - exemple pour les fruitiers recherche possible par rusticité (température) et par début de récolte - exemple pour les bégonias recherche possible par mois, hauteur adulte et par couleur de fleur - Accès facile au compte et au panier Les points négatifs : - Des informations importantes tout en bas du site (avec les mentions légales) - Adresses des magasins

15


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Analyse de l’existant - Delbard - Suite

-

Contactez-nous Qui sommes-nous (un petit paragraphe juste sur la gauche en plus) Partie presse = Les Gagnants de notre Grand Jeu de l’Automne 2008… ??? Pas de vidéo conseils

16


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Analyse de l’existant - Autres sources d’ inspirations JARDILAND - http://www.jardiland.com/ - Renommée nationale - Mais PAS DE E-COMMERCE - Ergonomie du site : fluide, clair, compréhensible, avec animations en page d’accueil, aéré, des couleurs vives (reprise du logo : arc en ciel orangé) fleurs, feuillages, navigation simple et facile - A servi d’appui pour le graphisme RUSTICA - http://www.rustica.fr/ -

MAGAZINE SUR LE JARDIN et donc PAS DE E-COMMERCE Site qui a fait l’objet d’un exercice de refonte de site Ergonomie du site : beaucoup d’informations très intéressantes mais le contenu reste très « fouilli » Trop de couleur, pas assez aéré Une navigation trop chargée et qui se répète (exemple : « Ciel je jardine », l’abonnement, mon compte…)

(Voir visuels page suivante)

17


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Analyse de l’existant - Autres sources d’ inspirations - Suite

18


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Positionnement Les points faibles retenus : -

Manque de clarté Trop d’informations « fouillies » Accès aux produits pas toujours évident Panier souvent peu visible Rubriques qui se répètent

Les points forts retenus : -

Mise en avant des actualités, promotions… Retenir l’internaute en proposant toujours un lien vers une autre page du site Recherche multicritères Calendrier du jardinier (proposition d’un flash) Lexique / Glossaire Fiches conseils Vidéos Newsletter Partie contact bien visible Partie librairie Partie gestes responsables (relatif au développement durable)

Objectif du site : - Fidéliser la clientèle régionale - Faire découvrir au niveau national - Vendre en ligne

19


Cahier des Charges - Les serres de Segrez -

Présentation Générale - Positionnement - Suite Navigation principale choisie : - Transversale avec un fil d’ariane tout au long de la navigation - Rubriques limitées au nombre de 6 - Actualités - Conseils - Catalogue - Nous connaitre (important car se faire connaître est un des objectifs de la création du site) - Mon compte - Contact (avec plan d’accès) Ergonomie : - Soignée, simple, lisible, aérée, accès direct à l’information - Peu d’animation flash - Design général relatif à la nature (couleur verte, herbes et feuillages) Les propositions non retenues par le client : -

Forum Blog Journal Photo où on voit les visages des salariés Partie recrutement Langage des fleurs Idées cadeaux Jeux, concours…mais idée à garder pour plus tard

20


Cahier des Charges - Les serres de Segrez -

Description Editoriale 21


Cahier des Charges - Les serres de Segrez -

Description Editoriale - Ligne éditoriale Une syntaxe et un style simple : - accessible à tout public puisque variée mots clefs : - familial et accueillant

Mais aussi un vocabulaire technique - dans les descriptions et conseils mot clef : - professionnel (assortis d’un glossaire).

Pour définir la ligne éditoriale, nous nous sommes basés sur les contenus donnés par l’entreprise (courrier, affichage, étiquettes…) ainsi que sur les fiches techniques élaborées par les fournisseurs.

22


Cahier des Charges - Les serres de Segrez -

Description Editoriale - Médias utilisés Des photos : Pour pouvoir mettre des images sur des évènements, des fleurs, donner l’envie de venir aux Serres, de toucher et sentir les produits. Faire passer les sens par les visuels, les couleurs, les courbes… Des vidéos : Pour animer les activités de l’entreprise. Donner vie à des mots, à des gens, à des métiers. Donner la sensation de proximité par le mouvement. Des illustrations : Pour tous les plans, méthodes de plantation… Pour un rendu schématique plus clair.

Complémentarités entre les médias : Chaque média utilisé est différent mais se complète : d’abord un schéma pour expliquer, puis une photo pour illustrer (matière) et enfin une vidéo pour donner la vie, animer.

23


Cahier des Charges - Les serres de Segrez -

Description Editoriale - Mise à jour Le site sera mis à jour de manière régulière afin de permettre à l’internaute de pouvoir consulter du contenu différent. En effet le site a pour objectif d’accueillir l’internaute et de lui proposer une actualité changeante au fil des mois et/ou des saisons, de nouvelles promotions sur les articles disponibles à la vente, ou des évènementiels comme des spectacles, des visites spéciales, etc. La mise à jour régulière du site invite l’internaute à revenir sur le site pour découvrir un contenu différent de ce qu’il a pu voir ultérieurement. Etant donné la fréquence de mise à jour du site, il n’est pas judicieux de faire intervenir une personne extérieure, le client devra donc faire lui même la mise à jour, c’est pourquoi l’utilisation de l’outil OS COMMERCE est une nécessité évidente. Pour cela le client disposera d’une interface intuitive et simple à utiliser. Il pourra donc à sa guise modifier du contenu déjà présent dans le site, ajouter du contenu comme des nouvelles rubriques, fiches produits, promotions ou au contraire en supprimer comme une fin de promotion via le back-office.

24


Cahier des Charges - Les serres de Segrez -

Description Editoriale - Langue et adaptation Le site sera uniquement en français car il est d’abord conçu pour se faire connaitre sur la région puis ensuite au niveau national avec le développement du e-commerce. L’Ile-de-France n’étant pas une région frontalière, l’usage d’une autre langue n’est pas nécessaire dans notre cas. L’anglais serait éventuellement envisageable si le site connaissait un grand succès grâce à la vente en ligne. Il n’y aura aucune adaptation des contenus en fonction de différents publics car la cible que nous voulons toucher étant le particulier nous ne ferons pas par exemple de différences particulier / entreprise.

25


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle 26


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Rubriquage Les rubriques principales :

-

Actualités (promotions, dossiers / reportages, événementiel, nouvelle newsletter…) Conseils saisonniers (fiches conseils) Catalogue (gammes et produits) Nous connaître (historique, méthode de travail) Mon compte (inscription site, historique commandes et factures, profil) Contact (plan, adresse)

Les rubriques secondaires :

-

Les serres en fête (concept, affiches, flyers, photos) Besoin d’aide ? (glossaire, FAQ) Librairie (livres conseillés) Gestes responsables (galerie photo, fiches développement durable) Newsletter (inscription)

27


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Arborescence

28


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Outils disponibles Les outils systèmes pour les utilisateurs : -

Recherches (avancées – multi-critères) Login Mentions légales CGV (conditions générales de vente) Plan du site Crédits (nous – photographe…) S’inscrire Mot de passe oublié Fil d’Ariane (écrit sur chaque page)

(Voir schéma suivant)

29


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Outils disponibles - Suite

30


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Masques fonctionnels

Masque fonctionnel page d’accueil

31


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Masques fonctionnels - Suite

Masque fonctionnel page conseils saisonniers

32


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Masques fonctionnels - Suite

Masque fonctionnel page catalogue

33


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Masques fonctionnels - Suite

Masque fonctionnel page gammes

34


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Masques fonctionnels - Suite

Masque fonctionnel page produits

35


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Masques fonctionnels - Suite

Masque fonctionnel page nous connaĂŽtre

36


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Masques fonctionnels - Suite

Masque fonctionnel page contact

37


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Masques fonctionnels - Suite

Masque fonctionnel page besoin d’aide ?

38


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Masques fonctionnels - Suite

Masque fonctionnel page librairie

39


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - Scénario Interactif Lorsque l’internaute visite le site e-commerce, il doit se sentir en confiance sans quoi il n’achètera aucun produit. Ce capital confiance est donc primordial dans la relation entre l’internaute et le site. A la première visite ce capital est donc inexistant et les premiers instants passés sur le site vont être décisifs. La frustration du client face à un problème d’usabilité, c’est-à-dire une inefficacité dans la réalisation d’une tâche voulue par l’internaute, peut amener ce dernier à quitter le site définitivement. Un client satisfait est un client fidèle. Le client n’arrive pas sur le site forcément par la page d’accueil, il doit donc pouvoir se repérer facilement dans l’arborescence du site. Le site doit proposer des articles qui doivent susciter l’intérêt du client. Ce dernier doit se sentir à l’aise et pouvoir facilement naviguer dans les différentes rubriques du site, il doit également pouvoir consulter rapidement le contenu de son panier et le montant. Enfin les étapes de validation des achats jusqu’au payement doivent comporter le moins d’étapes possibles pour ne pas « perdre » le client.

40


Cahier des Charges - Les serres de Segrez -

Description Fonctionnelle - ScĂŠnario Interactif - Suite

41


Cahier des Charges - Les serres de Segrez -

Description Graphique 42


Cahier des Charges - Les serres de Segrez -

Description Graphique - Objectifs graphiques Dans la conception du site, nous avions pour objectif essentiel de créer à la fois l’atmosphère champêtre d’une nature vivifiante très présente, évoquant sérénité et bien être, ainsi qu’une communication visuelle dynamique, ludique et professionnelle. L’intérêt est de rappeler à l’internaute les bienfaits de la nature et de lui offrir une sensation d’évasion tout au long de sa visite sur le site. Les contraintes : Créer une identité visuelle qui puisse d’une part traduire le caractère chaleureux et familiale de l’entreprise, tout en signalant qu’il s’agit d’un site e-commerce et d’autre part le distinguer de la concurrence. L’existant : Les Serres de Segrez possèdent un site élaboré au travers d’un CMS appelé Hortisfère. Celui-ci gère des contenus mais offre des possibilités graphiques plutôt limitées. L’aspect visuel est donc des plus classique et impersonnel, présenté dans l’ensemble sur fond blanc, un seul menu de navigation horizontale, positionné vers le haut est proposé, les menus et sous-menus en vert, ne permettant pas de faire une distinction nette entre chaque partie du site. Le concept graphique : L’enjeu est d’élaborer un site e-commerce en respectant une image familiale, professionnelle et accueillante qui a entretenu la pérennité de l’entreprise tout au long de ces années. Nous avons donc opté pour un fond à dominante vert, avec un travail sur les reliefs, la lumière et les flous, donnant l’impression d’un bain de lumière au milieu d’une clairière et d’un sentiment de légèreté.

43


Cahier des Charges - Les serres de Segrez -

Description Graphique - Planches de tendance

44


Cahier des Charges - Les serres de Segrez -

Description Graphique - Planches de tendance - Suite

Un mélange d’illustrations et d’images réelles pourraient bien s’accorder

Le haut des menus en forme de mini-vague donne un effet stylisé et harmonieux, s’accordant bien à l’image «nature»

Des illustrations de foliage au niveau de la banière intéressantes donnent un côté ludique et revitalisant

Une mascotte illustrée associée à l’image de l’entreprise peut donner une valeur ajoutée pour marquer l’esprit et se démarquer de la concurrence

45


Cahier des Charges - Les serres de Segrez -

Description Graphique - Charte graphique Le choix graphique de forme et de couleur : La barre de navigation principale : Elle est ancrée de manière classique vers le haut sur toute la largeur de la page, pour s’inscrire dans les habitudes des internautes. Les différentes rubriques ont été conçues dans une forme stylisée, rappelant la forme d’une mini vague pour donner de l’harmonie et de la fantaisie. Afin de permettre une distinction claire entre chaque partie du site, nous avons opté pour une couleur différente à chacune des rubriques, dans une déclinaison de couleurs chaudes, en complémentarité avec le fond qui est dans des tons froids. En état normal, l’ensemble des menus est à 40% d’opacité, pour augmenter le sentiment de légèreté et de transparence.

En état survolé, ils passent à 100% d’opacité, la couleur de la typo passe du noir au vert sapin, de plus une forme ondulée de cette même couleur, est placée sur le bord haut de la rubrique, dans le but de renforcer les repères dans la navigation générale.

46


Cahier des Charges - Les serres de Segrez -

Description Graphique - Charte graphique - Suite La barre de navigation secondaire : Celle-ci est radicalement différente de la principale, pour permettre une séparation nette entre les deux. En effet, les rubriques n’ont plus de fonds, une puce en forme de feuille et un soulignement en forme de pointillés discrets ont pris place. La taille des polices est moins importante ; une couleur vert pomme a été attribuée à toutes les rubriques.

Bouton Off

Bouton On, Rollover

Le contenu centrale : Les axes forts sont repris, séparés en 4 parties, chacune contenue dans un espace en forme de pétale. Les champs sont de la même couleur vert clair avec une légère transparence pour rejoindre la légèreté de l’ensemble, tout en restant lisible. Les textes sont développés en donnant la possibilité à l’internaute de lire en pleine page en cliquant sur le lien « Pour en savoir plus ».

47


Cahier des Charges - Les serres de Segrez -

Description Graphique - Charte graphique - Suite Le panier : il est mis en évidence à gauche, au-dessus du menu secondaire, un élément fort qui signale à l’internaute qu’il se trouve sur un site de e-commerce. Le design du panier a été voulu le plus simple possible, avec une texture le rendant proche de l’aspect d’un panier réel, tant par la couleur (ici sable), que par la forme, et mis en valeur par un jeu d’ombres, pour attirer l’attention et donner l’envie de cliquer.

Au bas de la page, nous avons choisi de mettre une image de fleurs et de plantes réelles en 100% d’opacité pour donner un effet de profondeur à l’ensemble, et renforcer cette sensation de nature. La mascotte : Il existe déjà une mascotte représentative des Serres, cependant, nous pensions que son image était peu flatteuse pour notre client. Par conséquent, nous avons conçu une autre mascotte différente en tout point. Elle a été illustrée dans un esprit rappelant l’enfance, la joie, la bienveillance ; sa présence sur le site donne un aspect ludique, par ailleurs nous pensons qu’il est important que l’internaute puisse associer son image à celle des Serres. En effet, elle est sensée apparaître sur plusieurs supports notamment sur les étiquettes et les panneaux d’indication dans le lieu de vente.

48


Cahier des Charges - Les serres de Segrez -

Description Graphique - Charte graphique - Suite Le calendrier du jardinier: Il représente les conseils par saison et par mois, graphiquement il doit être suffisamment stylisé pour donner l’envie de cliquer dessus. LE CALENDRIER DES SAISONS Pictogramme dans la navigation

Apprendre à maîtriser les périodes les plus propices pour que votre travail dans le jardin soit une réussite !

Version Pdf Taille des arbustes défleuris (en juin)

Version Flash

Taille des haies de conifères et de buis et supprimer les fleurs fanées (de mai à juin) Taille des arbustes à floraison printanière (en avril)

Palissage des rosiers grimpants et suppression des gournandes (de juin à septembre)

Traitement des rosiers (de mai à septembre)

Nettoyage et binage du pied des rosiers et arbustes (de avril à septembre) Plantation des conifères (de mars à avril) Plantation des arbres, arbustes, rosiers et plantes vivaces (de janvier à avril) Taille sauf pour arbustes à floraison printanières (de janvier à mars) Taille des troenes (de février à mars) Taille des rosiers (de novembre à mars)

Elagage des arbres : platanes, mûriers platanes, saules pleureurs, oliviers... (de septembre à décembre) Taille des troenes, des haies de conifères et du buis (de septembre à octobre) Plantation des conifères et nettoyage d'automne (de octobre à novembre) Taille des différentes haies (de octobre à décembre)

Paillage et protection des rosiers, vivaces.. (de novembre à décembre)

Jardiner avec la lune LUNE CROISSANTE (période qui suit la nouvelle lune jusqu'à la pleine lune.) On travaillera la terre, faire les repiquages, les plantations et les semis de tout ce qui produit des fruits ou des graines. Au jardin de fruitiers, on plantera les arbres et les arbustes, les greffera et les taillera. Au potager l'on s'occupera surtout des légumes fruits.

LUNE MONTANTE période favorable aux semis NOEUD LUNAIRE éviter d'intervenirau jardin

LUNE DECROISSANTE (période qui suit la pleine lune jusqu'à la nouvelle lune) On fera les semis de tout ce ne doit pas monter en graine (épinards, salades, oignons) et faire les récoltes. L'on taillera les arbres et arbustes dont on désire diminuer la vigueur. C'est la période de la récolte que l'on souhaite qui se conservera longtemps.

LUNE DESCENDANTE période favorable à la plantation

LUNE MONTANTE (période ou elle est chaque jour un peu plus haut, où elle monte de l'horizon.) - Semez - Greffez - Recoltez les fruits, les légumes fruits et les légumes feuilles LUNE DESCENDANTE (période ou chaque jour elle baisse vers l'horizon jusqu'à disparaître) - Plantez - Bouturez - Recoltez les legumes à racines - Travaillez la terre - Taillez les arbres et les plantes

49


Cahier des Charges - Les serres de Segrez -

Description Graphique - Charte graphique - Suite Concernant la typographie deux polices de caractères ont été retenues : - Arial pour les contenus et les menus afin d’être lisible sur tous les systèmes. - Verdana pour les textes de la zone d’identification, de recherche et du panier. Pour un site e-commerce, il est préférable d’éviter les titres en image pour un meilleur référencement.

La typographie du menu principal : Bouton On, Off, Rollover = ARIAL, Noir # 00000

La typographie de la navigation secondaire : Bouton On, Rollover = ARIAL, blanc # ffffff Bouton Off = ARIAL, vert # dbff88 Liens contextuels, vert # 1da417

50


Cahier des Charges - Les serres de Segrez -

Description Graphique - Charte Graphique - Suite Le choix graphique de structure et d’ergonomie : Etant donné qu’il s’agit d’un site e-commerce donc à fort contenu, la contrainte majeure est de rendre les pages parfaitement modulables, permettant de rajouter des informations de manière flexible.

Eléments permanents : Une navigation classique à l’horizontale pour les menus principaux et une navigation verticale pour les rubriques secondaires, avec une couleur d’identification pour chacune d’elles, simple d’utilisation pour l’internaute. Une page d’accueil conçue pour être non scrollable, cependant la totalité des informations dans la partie centrale peuvent être consultées en cliquant sur les liens « pour en savoir plus », auquel cas on arrive sur la page pleine qui elle est scrollable. Un logo en haut à gauche. Une mascotte en bas à droite placée au niveau du pied de page. Un panier à gauche juste en dessous du menu principal, positionné stratégiquement pour être identifié facilement par les visiteurs. Un pictogramme vers un calendrier permettant à l’internaute de lancer une animation Flash.

Le site est développé pour une taille d’écran de 1024*768 afin de rendre visible le background sur les côtés, sur une base de 998 pixels en largeur Un fondu vert foncé a été appliqué sur les bords du background pour les éventuels écrans plus grands.

51


Cahier des Charges - Les serres de Segrez -

Description Graphique - Charte Graphique - Suite Pour la création du nouveau logo, l’objectif est de traduire son évolution avec l’appartenance aux Serres de Segrez sans trahir sa personnalité d’origine.

Logo d’origine (1) Logo d’origine (2)

Les Serres de Segrez Proposition n°4

Les Serres de Segrez Proposition n°7

es d e S e gr er r e ss

sS Le

Proposition n°1

Les Serres de Segrez

Roosen

Proposition n°8

ez

Proposition n°2

sS Le

d er r es e S egr e z

Proposition n°3

Les Serres de Segrez

Proposition n°5

Les Serres &de Segrez

er r es d e S egr

z

Le

Propositions:

Proposition n°6

Les Serres de Segrez &

Roosen

Proposition n°9

52


Cahier des Charges - Les serres de Segrez -

Description Graphique - Charte Graphique - Suite Logo final validé

Roosen

Les Serres de Segrez Typographie : Bellerose

Le logo se décline bien sur les couleurs claires Couleur du feuillage, vert # 6FBE45 Couleur de la typo, vert # 006838

Il ne fonctionne pas sur les tons foncés

Couleur de la forme évoquant une fleur, rose # C85081

Version noir et blanc

Roosen

Les Serres de Segrez

53


Cahier des Charges - Les serres de Segrez -

Description Graphique - Charte Graphique - Suite La création graphique de la mascotte

zer geS ed serreS seL

Les Ser res d e Segrez

La mascotte finale retenue

z Les Ser Roosene Segre r es d

Destinée à être déclinée sur des étiquettes, cartes de visite, affiches...

54


Cahier des Charges - Les serres de Segrez -

Description Graphique - Charte Graphique - Suite

55


Cahier des Charges - Les serres de Segrez -

Description Graphique - Charte Graphique - Suite

Etiquettes

56


Cahier des Charges - Les serres de Segrez -

Description Graphique - Charte Graphique - Suite La gamme de couleurs du site :

Rose # e64e83

Rose # d4909c

Jaune # efec70

Rose # efec70

Rose # f4dcc4

violet # ddbeee

vert # e8f3c4

Vert #cdf480

Vert #509e26

Vert #505880

Vert #a1c38f

Vert # 00632e

57


Cahier des Charges - Les serres de Segrez -

Description Technique

58


Cahier des Charges - Les serres de Segrez -

Description Technique - Contraintes initiales Les contraintes : - Très peu de moyens (entreprise familiale) - Pas de budget (pour un webmaster) - Site de vente en ligne à développer (inexistant actuellement) - Aucune connaissance technique sur Internet - Saisonnalité très forte (mai-juin; jours fériés; Noël), très souvent sur des périodes courtes, d’où une actualité à renouveler sans cesse : besoin d’une administration très simple du site. - Le site e-commerce est construit sur une solution OPEN SOURCE. En effet l’offre « packagée » n’est pas une solution viable car elle implique un coût que le client n’est pas disposé à investir. La solution OPEN SOURCE étant libre de droit, gratuite, flexible et personnalisable, elle convient donc parfaitement au client. De plus l’équipe en charge du projet intègre un développeur capable de concevoir la structure du site e-commerce. La solution « sur mesure » n’est bien évidement pas à retenir dans la mesure où elle implique un développement long et laborieux et un coût très important. Cette solution devient de plus en plus obsolète et est réservée généralement aux grosses structures comme La Fnac ou La redoute.

59


Cahier des Charges - Les serres de Segrez -

Description Technique - Base de données Certaines rubriques sont administrables par le client afin de rendre le site dynamique. Les pages dynamiques sont par exemple les fiches produits, l’actualité, les promotions, etc. Certaines pages n’ont pas besoin d’être dynamiques car elles ne sont pas amenées à évoluer comme les pages des mentions légales, les conditions générales de vente, le glossaire, etc.

60


Cahier des Charges - Les serres de Segrez -

Description Technique - Base de données - Suite

Structure de la base de données Php

61


Cahier des Charges - Les serres de Segrez -

Description Technique - Technologies - Configuration Hébergement Les technologies utilisées : le langage HTML pour l’arborescence des pages et le PHP pour l’intégration des bases de données Les configurations requises : Pour - - -

un site de e-commerce : Un ordinateur pentium 4 ou Mac Navigateur : Firefox, Internet Explorer… Processeur Dual Core

L’hébergeur online : L’hébergement utilisé pour le site est un hébergement dédié, OS Commerce. Le site est donc placé sur un serveur unique. Ce dernier assure une bande passante plus importante que sur un hébergement mutualisé où celle-ci est divisée par le nombre de sites présents sur le serveur afin de pouvoir répondre à l’affluence des visiteurs. Les caractéristiques nécessaires sont la disponibilité d’un traffic mensuel minimum et adapté au nombre de visites mensuelles et dépendant de l’optimisation des pages du site, un espace disque suffisant, un système de paiement sécurisé, l’intégration d’une base de données, la sauvegarde régulière de la base de données et du site, un service technique très réactif en cas de perte de connexion internet.

62


Cahier des Charges - Les serres de Segrez -

Description Technique - Référence de programmation Les contenus en PHP sont par exemple la page de commande, d’inscription, d’index (permet d’accéder à la base du site). L’exemple : Sur la page Connecteur.php : -

Define (‘’serveur ‘’, ‘’localhost’’) ; ceci définie le serveur utilisé

-

Define (‘’nom’’, ‘’root’’) ; on entre le nom Root par défaut pour accéder à la base de donnée

-

Define (‘’base’’,’’neofyt’’) ; le nom de la base de donnée

-

Define(‘’passe‘’) ; donne l’accès aux pages php.

63


Cahier des Charges - Les serres de Segrez -

Description Technique - Carte technique Le site contient des pages dynamiques, les seules pages statiques sont : -

Crédits

-

Plan du site

-

Conditions générales de vente

-

Mentions légales

Le type de requête utilisée est MySQL, il possède une page dit aveugle qui se nomme «connecteur.php» Concernant les bases de données, un schéma a été réalisé. Chaque produit renvoit à une image et une decription détaillée de sa composition. Le fonctionnement de la base de données est simple et pratique pour une gestion de contenu rapide et accessible.

64


Cahier des Charges - Les serres de Segrez -

Promotion et Animation 65


Cahier des Charges - Les serres de Segrez -

Promotion et animation - Référencement Le site réalisé est un site professionnel dynamique qui permet d’informer l’internaute et de lui proposer des articles à commander. Il est donc nécessaire d’obtenir une visibilité et un traffic maximum. Pour cela, le référencement est indispensable et primordial. Dans un premier temps il convient d’étudier les mots-clés qui seront utilisés par les internautes afin de les utiliser pour le référencement. Dans un deuxième temps, il faut optimiser le site. Pour cela il faut que l’ensemble du contenu de la base de données soit référencable. Etant donné que les URL affichées par la base de données ne sont pas pris en compte par les moteurs de recherche, il faut utiliser la technique de « l’URL rewriting »qui permet de modifier l’URL dynamique en URL fixe et de placer des mots-clés dans les URLs. Le glossaire apporte du flux supplémentaire pour le référencement puisque chaque mot fait appel à une page spécifique. En effet la page principale du glossaire affiche tous les mots techniques utilisés dans le milieu professionnel de la jardinerie, chacun d’entre eux étant cliquable, ils amènent donc l’internaute vers une page dédiée. Les moteurs de recherche utilisent donc ces mots supplémentaires pour le référencement. L’animation Flash du calendrier des saisons apporte une interactivité supplémentaire entre le site et l’internaute. Toujours dans l’optique d’améliorer et de mettre en avant la relation «client / professionnel» auquel la jardinerie attache une grande importance, l’animation Flash permet de mettre en confiance l’internaute afin qu’il se sente accompagner tout au long de la navigation dans le site.

66


Cahier des Charges - Les serres de Segrez -

Promotion et animation - Partenariats Développer l’idée de partenariats avec un guide (type guide Clause) pour alimenter les fiches conseils

- Le guide nous permettrait d’utiliser son contenu pour élaborer les fiches conseils du site et en échange, le guide serait en vitrine de notre page librairie. Du contenu professionnel pour nos fiches, et de la publicité pour le guide

Développer l’idée de partenariats humanitaires ou accentuer le travail de développement durable déjà existant en mettant en avant :

- L’utilisation d’engrais non nocifs pour la Terre - L’utilisation de sac en maïs biodégradables - La vente de plantes dépolluantes ou ayant des besoins minimes en eau

Pour cela, nous avons créé quelques affiches :

AC T I VE PLUS

Amendement Organique Dynamique enrichi en LITHOTHAMNE

PRODUIT NATUREL ORGANIQUE

Conseillé en culture BIO

Un amendement... C'est quoi ??? z Les Ser Roosene Segre res d

z Les Ser Roosene Segre res d

Idéal au jardin potager, d'agrément et pour les plantations diverses (jardinières, suspensions, etc...) (doit être enterré sinon formation de moisissure en surface

67


Cahier des Charges - Les serres de Segrez -

Promotion et animation - Publicité L’existant : - Des messages très courts et simples installés sur les panneaux directionnels, comme «ouverture le dimanche» ou «plante à massifs», «sapins de noël» etc... - Des prospectus de format A4 distribués dans toutes les boîtes aux lettres des environs (sur un périmètre d’environ 30km). - Des publicités présentes sur la caisse pour informer des événements ou promotions à venir (exemple : en ce moment, les cultures de légumes font l’objet d’une petite affiche, pour inciter les clients à revenir au bon moment pour ces produits). - De part sa situation géographique (éloignement des commerces et centres d’activités), l’entreprise se doit de créer de l’événementiel. C’est pour cela que chaque année, plusieurs fois par an, des festivités sont organisées (exemple «Les Serres en fête») ainsi que des opérations promotionnelles à l’occasion des fêtes nationales (fête des mères, halloween...) pour attirer la clientèle. Demain : - Le site sera un élément clef de la communication. - Des campagnes par e-mail pour les clients inscrits sur le site. - Des campagnes d’affichages plus colorées, plus modernes. - Et toujours de l’évènementiel (un élément clef de la communication de l’entreprise).

68


Cahier des Charges - Les serres de Segrez -

Promotion et animation - Plan média / Evenementiel Anciens Prospectus

Nouvelle affiche

Dimanche 10 mai de 10h à 20h

Roosen

EXPO

Les Serres de Segrez Venez découvrir nos stands et devenez incollables sur les géraniums : -bienfaits au jardin -fabrication de parfum -plante médicinale -tisane

VENTE

Géranium à l 'honneur Hot-dog -

Frites - B uvette

Paris

RN4 Nancy Vitry-le-François

-Brie Rozay-en

Vilbert

Roosen

de Segrez Les Serres

Entrée gratuite

Roosen

Les Serres de Segrez

Bernay

-Brie Rozay-en Guignes Melun

69


Cahier des Charges - Les serres de Segrez -

Promotion et animation - Espaces de participation FAQ uniquement pour le moment. Car gestion du site au mois. En fonction du budget final et si le site de e-commerce fait prendre de l’ampleur à l’entreprise, des idées soumises au départ pourraient alors prendre vie tel que blog ou forum pour que les internautes puissent échanger entre eux des conseils, des photos…

Exemple du site de Rustica (blog imaginé d’un couple) http://www.rustica.fr/blog-jardin

70


Cahier des Charges - Les serres de Segrez -

Promotion et animation - Concours Comme pour les espaces de participation, l’idée n’a pas été retenue pour le moment. Nous avions proposé des exemples tel que : devinez où se cache l’orchidée parmi trois photos et la remporter. Exemple ci-dessous d’un blog sur les orchidées avec chaque fois un concours différent.

http://www.les-orchidees-de-sam.ch

71


Cahier des Charges - Les serres de Segrez -

Promotion et animation - Newsletter Oui car une actualité au mois type promotions, dossiers / reportages, événementiel…

Une newsletter mensuelle, directement visible en ligne et téléchargeable mais aussi possiblité de s’inscrire afin de la recevoir directement dans son mail.

72


Cahier des Charges - Les serres de Segrez -

Promotion et animation - Aide aux utilisateurs Rubrique « besoin d’aide ? » : - Glossaire (partout dans le site) - FAQ Mais aussi : - Projets de vidéos (méthode de culture) - Fiches conseils avec croquis - Réponse aux e-mails

(voir visuel suivants)

73


Cahier des Charges - Les serres de Segrez -

Promotion et animation - Aide aux utilisateurs

Fiches conseils par saison

74


Cahier des Charges - Les serres de Segrez -

Vie du Projet 75


Cahier des Charges - Les serres de Segrez -

Vie du projet - Equipe Ce travail nécessite différents profils : - 1 chef de projet - 1 directeur artistique - 1 graphiste - 1 technicien polyvalent : Flash, intégration, hébergement et référencement (ou plusieurs techniciens) - 1 développeur

76


Cahier des Charges - Les serres de Segrez -

Vie du projet - Planning prévisionnel Rédaction du cahier des charges

Réflexions et recherches

Etat des lieux Etude de la concurrence

Debrief Construction de l’arborescence 1ers zoning

Graphisme Recherche Propositions Conception Réalisation

Intégration et Développement

E N

1ères maquettes logo et mascotte

Recherche sur le e-commerce

A T T E N T E

Propositions de pistes graphiques

V A L I D A T I O N

Développement de la partie ecommerce

RDV Client

Nouvelle Arborescence ,

Mix des maquettes proposées et retenues par le client

E T

Déclinaisons des différents supports de communication (papier en tête, carte de visite…)

M I S E

Zoning de toutes les autres pages

E N L I G N E

Développement de la partie e-commerce

C L I E N T

Visite aux serres

F I N A L I S A T I O N

Intégration des pages html et css + fichier flash

D U

RDV Client

Contact client Validation client de l’arborescence et du logo 18-02

19-02 1ère semaine

20-02

23-02

24-02

Présentation de toutes les maquettes

Validation maquette finale 25-02 2ème semaine

26-02

27-02

02-03

03-03

04-03

3ème semaine

05-03

S I T E

Dans les 2 … mois à venir

77


Cahier des Charges - Les serres de Segrez -

Vie du projet - Budget prévisionnel Gestion de projet Récupération des fichiers clients

2800 €

Création artististique Charte graphique

2400 €

Flash Animation calendrier

0500 €

Html Découpe

1000 €

Développement Base de donnée

1800 €

Total TTC

8500 €

Gestion et organisation Respect des délais Rédaction du cahier des charges

Déclinaisons Logo Mascotte Pictogrammes

Animation métiers

Intégration Hébergement Référencement

E-commerce

78


Cahier des Charges - Les serres de Segrez -

Annexes 79


Cahier des Charges - Les serres de Segrez -

Annexes - Le site en image

80


Cahier des Charges - Les serres de Segrez -

Annexes - Le site en image - Suite

81


Cahier des Charges - Les serres de Segrez -

Annexes - Le site en image - Suite

82


Cahier des Charges - Les serres de Segrez -

Annexes - Le site en image - Suite

83


Cahier des Charges - Les serres de Segrez -

Annexes - Le site en image - Suite

84


Cahier des Charges - Les serres de Segrez -

Annexes - Le site en image - Suite

85


Cahier des Charges - Les serres de Segrez -

Annexes - Le site en image - Suite

86


cdc graphistes