MÉMOIRE PRÉSENTÉ DEVANT LE JURY€¦ · Webdesign Encre Papier Piles Analyse Créative...

DORANCO ESPACE MULTIMÉDIA ORGANISME DE FORMATION & ÉTABLISSEMENT D’ENSEIGNEMENT SUPÉRIEUR TECHNIQUE PRIVÉ

10-12 RUE PLANCHAT | 75020 PARIS | TEL 01 55 25 28 00 | FAX 01 55 25 20 15 [email protected] - www.doranco.fr

© DORANCO Espace Multimédia - Centre de Formation n° 11751937075 - APE 8559A - SIRET 389 358 854 00054

MÉMOIRE PRÉSENTÉ DEVANT LE JURY POUR L’OBTENTION DU TITRE :

CHEF DE PROJET MULTIMÉDIA NIVEAU II (BAC+4)

URL du site

PARIS, LE (DATE)

DORANCO ESPACE MULTIMÉDIA ORGANISME DE FORMATION & ÉTABLISSEMENT D’ENSEIGNEMENT SUPÉRIEUR TECHNIQUE PRIVÉ

10-12 RUE PLANCHAT | 75020 PARIS | TEL 01 55 25 28 00 | FAX 01 55 25 20 15 [email protected] - www.doranco.fr

© DORANCO Espace Multimédia - Centre de Formation n° 11751937075 - APE 8559A - SIRET 389 358 854 00054

MÉMOIRE PRÉSENTÉ DEVANT LE JURY POUR L’OBTENTION DU TITRE :

CHEF DE PROJET MULTIMÉDIA NIVEAU II (BAC+4)

URL du site

PARIS, LE (DATE)

[Camille Leboë]

www.lesargos.com

PARIS, LE 02/08/2016

Cahier des charges Les Argos - 3 -

Le chef de projet se doit d’apporter une solution contrairement au commercial qui vend un produit ou un service. Afin de mener à bien le projet selon les ressources mises en jeu. Tant en terme de durée, que coût et qualité.

Une légende a été placée en début de ce cahier des charges afin d’expliciter son contenu. Un cadre sera présent en bas de page pour informer le lecteur des différentes ressources utilisées et inhérentes au processus de création. Celle-ci placée en bas de page rend compte de l’ensemble des ressources nécessaires à la réalisation de ces tâches. Les ressources seront mises directement en parallèle avec le déroulement des tâches. L’usage d’une légende au sein de ce projet permet la lisibilité et la compréhension de celui-ci.

Tout au long de ce cahier des charges, je me suis efforcé de garder une trame de fond, en vue de l’orientation du projet. En effet la manière dont m’a été présentée la société, comme innovante par son système de financement, noyaux principal du service proposé. Qui dépend de l’image même des projets accomplis par leur soin. Le rassemblement était donc la base de cette économie de financement participatif. Et le rôle marketing était la clé du succès de leur société. Car la manière dont il percevait les budgets dépendait des campagnes de présentation de ceux-ci. L’ensemble de ce procédé tient du marketing et du rôle très important ici de l’image. L’identité de la marque a dû être façonnée en fonction de leur aspiration et du choix de leur campagne de crowdfunding.

Je remercie pour leurs soutiens et leurs échanges :Florent L’Hélias, Myriam Landréat, Sandrine Lavandier, Gérard Desbat, Claude Constans, Amandine Michelet, Mélanie Pozac, Nicolas Lainé,

Pascal Leboë, Dominique Jouault, Louise Duclos

Ainsi que les associés de la société LES ARGOS pour leur confiance :Tiénot Dagron & Jessica Zeganadin

LES ARGOSCahier des charges

Avant-propos

Remerciements

Cahier des charges Les Argos - 5 -- 4 - Cahier des charges Les Argos

Ressources :

La légende est initiale au cahier des charges et permet en un coup d’oeil la compréhension et les besoins inhérents au développement du projet. Afin de permettre la réalisation de celui-ci, il faut distinguer les deux ressources nécessaires, celle dîtes ressource physique et celle dîtes ressource matérielle.

Physiques

Compétences& Savoir

Consommables

Matérielles

Logiciels& Langages

Services

Tâches

Energies

/

GraphismeDéveloppementIntégrationErgonomieWebdesign

EncrePapierPiles

AnalyseCréativeDéveloppementIntégration

Electricité

Illustrator CC 2015, Photoshop CC 2015, InDesign CC 2015, Sublime Text v2.0.2, Filezilla v3.21.0, Notepad ++ v6.9.2, Wordpress v4.5.1, Php MyAdmin, Balsamiq Mockups 3, MS Project 2013, Gant Project, Wamp Server 2.5

Html 5Css 3Php

HébergementImpressionConseils

Ps

Wampserver

Filezilla

Sublime text

Php My Admin

Balsamik Mockup

MsProject

Notepad ++

Wordpress

Gant project

Html 5

CSS3

Id

Php

LégendesEnsemble des ressources utilisées à la conception du projet et leur rôle par type de tâches :


Sommaire

Les argos

Avant-propos 0. Légende I. Cadrage 1.0 Présentation...................................................................... 1.1 Présentation de l’Entreprise: « Les Argos »........................... 1.2 Brief Client............................................................................. 1.3 Benchmark.............................................................................. 2.0 Projet................................................................................. 2.1 Présentation du Projet........................................................... 2.2 Rôles....................................................................................... 2.3 Objectif du Site...................................................................... 2.4 Cibles & Personas................................................................... 2.5 Contenus et Médias............................................................... 2.6 Planning..................................................................................

II. Conception 1. Identité............................................................................... 1.1 Charte Graphique ................................................................. 1.2 Charte Éditoriale..................................................................... 1.3 Positionnement...................................................................... 2. Site Vitrine........................................................................... 2.1 Arborescence.......................................................................... 2.2 Zoning & Wireframe............................................................... 2.3 Prestations Attendues............................................................ 2.4 Création et Récupération de Contenus................................. III. Développement 1.0 Production........................................................................ 1.1 Dévéloppement Web............................................................. 1.2 Intégration.............................................................................. 1.3 Nom de Domaine & Adresse Mail......................................... 2.0 Post Prod.......................................................................... 2.1 Hébergement & Déploiement................................................ 2.2 Référencement....................................................................... 2.3 Mises à Jour........................................................................... 2.4 Statistiques de Connexions....................................................

IV. Livrable attendus.....................................................V. Propriétés et droits..................................................VI.Budgets....................................................................

Conclusion..........................................................................Lexique...............................................................................Auteur: Camille LeboëCourriel: [email protected]

3.5.9.

11.13.14.15. 17. 18. 19. 20.20.22.23.

25.27.28.34.36.39.40.42.46.47.

49.51.52.56.60.

61.62.63. 64.65.

67.69.71.

73.75.

Cahier des charges Les Argos - 9 -

I. Cadrage1. Présentation

2. Projet

La phase du cadrage rassemble l’ensemble des demandes des clients, de leurs buts aux travers de ce projet. Et des moyens qui seront mis à profit en faveur de la réussite du projet. C’est en somme le cadre du projet tant en terme de délimitation que de possibilité. C’est une phase de raisonnement face à la demande du client. On définit les moyens possibles mis à disposition pour rendre le projet réaliste et surtout réalisable.


1. Présentation

I. Cadrage I. Cadrage

Dans cette partie les informations liées à la société, à son domaine et sa concurrence directe ou large seront abordées, ainsi que ces demandes vis à vis du projet.


Logo Les Argos

Information GénéraleNom de domaine: www.lesargos.com

Titre du site: Les Argos

Description: Site vitrine de la start-up Les Argos.

Catégorie: Financement Participatif (Crowdfunding et Fundraising)

Mots clefs: Crowdfundig, fundraising, financement participatif, levée de fond, Campagne de crowdfunding ...

Synonyme : Sociofinancement,

Texte de présentation de la société :

Les Argos, start-up de financement participatif.

Les Argos c’est une jeune entreprise créée par deux jeunes passionné(e)s de développement durable et d’économie de partage. Aujourd’hui de plus en plus de structures, comme des associations ou des start-ups, mais aussi de nombreux particuliers choisissent de financer leurs projets sans passer par la case banque, et de faire appel à la communauté pour les aider à concrétiser leurs rêves.

Aux Argos on est des spécialistes de ce type de projet et de ce type de finance-ment, à savoir le fundraising et le crowdfunding. Simplement besoin de conseils pour mener à bien votre campagne de financement participatif ? Ou alors un ac-compagnement poussé du début à la fin de votre projet sur un ensemble de do-maines allant du financement à la communication en passant par la stratégie ?

Les Argos s’adaptent à vos besoins et vous accompagnent dans la réalisation de vos objectifs.

Nous proposons également des formations au crowdfunding, essentiellement aux associations, entreprises, écoles et centres de formations.

I. CadrageLES ARGOS1.1 Présentation de l’entreprise

I. Cadrage


1.2 Brief ClientLors du premier brief client, il a été question du nom de la société et de ce qu’il symbolisait : Les Argos, en écho à une histoire de la mythologie grec antique selon laquelle Argos est le constructeur du bateau Argo. Bateau qui permit aux Argonautes, une cinquantaine de Héros Grecs antiques, de naviguer notamment sur la mer Egée et traverser ces diverses péripéties Grecques.

Cette expédition Grecque symbolise tout l’envers du décor du Crowdfunding. Tout d’abord par cet esprit d’équipe, cette notion de participation. Comme précédemment abordé dans l’avant-propos, le rassemblement de capital humain tout simplement, tant en terme de ressources physiques, que matérielles et financières. Puis, par ce goût de l’aventure, d’innover et de faire évoluer la société en bousculant les codes du rapport à l’entreprenariat, à ces différentes alternatives de subventions en y mélant particuliers et professionnels.

Cela rompt les codes préétablis du rapport financier entre banque et entreprise. La banque étant le pilier financier de notre monde, mode de fonctionnement pécunier sociétale. Base du capitalisme et du rassemblement du monde financier et du monde politique en rassemblant la force des richesses et le pouvoir. Le système du crowdfunding tient justement compte de ce fait en y ajoutant une image plus démocratique, en donnant plus d’alternative au particulier notamment. En rendant accessible à tous la notion d’investissement à plusieurs échelles et aspects de notre société.

Voilà l’image de la société Les Argos. Une société qui sans perdre son sérieux fait mine de dynamisme et de jeunesse pour permettre de désacraliser les codes de l’image des fonds de financement. Et ainsi se rapprocher aux mieux de ses prospects potentiels.

La société gère les appels aux dons, réalise les campagnes de communication de ces appels et fondent ainsi tout un réseaux autour de chaque projet pour trouver les investisseurs propre à l’élaboration de chaque projet. Il leur faut donc une identité qui rend compte de leur mode de fonctionnement collaboratif.

I. Cadrage 1.3 Benchmark I. Cadrage

Le marché du crowfunding est relativement nouveau et bénéficie d’une grande notoriété ces dernières années. Le crowdfunding, financement participatif, est un marché qui se développe en force depuis 2010. Il est surtout présent aux Etats Unis et en Europe.La France au départ réticente face à ce nouveau marché d’investissement a vu évoluer le financement participatif de manière abondante. Ce secteur intéresse même désormais les banques, et, est en contact direct avec les particuliers. Marché en pleine essor le crowdfunding a de beaux jours devant lui.

Ce marché qui grandit sans cesse est en situation de grande concurrence face à des leaders tels que certaines plateformes en ligne qui sont rapidement devenues des sites d’une grande notoriété tels que My Major Company, Ulule, Kickstarter, Wiseed, ou encore Kisskissbankbank.

L’entreprise LES ARGOS se sert d’ailleurs d’une de ces plateformes pour collecter les fonds nécessaires à l’élaboration des projets. Ils interviennent pour porter l‘appel à projet vers la collecte des sommes d’argents demandées. L’entreprise LES ARGOS a réussi par ce biais le financement de bons nombres de projets, ils avaient donc réussi la communication de l’appel au financement participatif.

Capture d’écran de la page Ulule de la société Les Argos


2. Projet

I. Cadrage I. Cadrage

Cette partie délimite le projet en fonction du public visé, définit les contenus propre à l’élaboration du projet, et détermine le planning par phase de réalisation, soit, le cadrage, la conception et le développement.

Concurrent direct :

Voici quelques sites comparables à l’activité de la société LES ARGOS

http://www.happycrowdfunding.fr/

http://www.upyouridea.com/

http://www.cap-lehub.com

http://www.inaativ.com/

Site comparable, on y retrouve le côté «happy», la présence d’illustration. Ce site propose le même type de suivi et conseils, les couleurs sont ternes. Ils utilisent le même type de style de contenu que les banques.

Ce site propose le même type de suivi et conseils il se présente sous la forme du «one page» qui est tendance actuellement mais qui hiérarchise et indexe mal l’information. Présence de photographies plutôt que d’illustrations. De trop nombreux anglicismes.

Site très mal présenté du point de vue de l’ergonomie. L’information n’est pas très bien répertoriée et de trop nombreuses informations à la fois peuvent perdre l’internaute. Trop de blanc présent sur le site.

Site avec de nombreux sous menus. Trop de polices différentes, pas toujours adaptées. Site lent et qui ne se démarque pas des leaders dans ce domaine vis à vis des couleurs, on retrouve le bleu de Ulule. Trop de blanc présent sur le site.


2.2 RôlesLe rôle de cette communication est de permettre aux nouveaux prospects de la société Les Argos de voir leur différentes réalisations et permettre la centralisation de la société. Tant au niveau de la veille, dans leur domaine en publiant des articles, qu’en relayant les partenaires avec lesquels ils ont travaillé. Les Argos n’ayant pas encore de local physique, le site est le meilleur moyen et le moins coûteux de leur permettre une visibilité et une accessibilité à tous.C’est une stratégie de réseautage qui va permettre un réel essort de leur activité et une présence rassurante pour les différentes structures de subventions auxquels la société fait appel pour permettre la réalisation de leur projet.Elle commence tout d’abord par la mise en place d’une charte graphique qui reflète le dynamisme de la société. En effet, celle-ci concerne le marché relativement innovant du crowdfunding, et, est dirigé par deux jeunes passionnés par leur métier. Ainsi que la présence d’un site qui sert de pôle de référence tant à la présentation de la startup qu’au rassemblement des informations liées à leur mise en place en réunissant des redirections vers les sites des réalisations des projets concernés ainsi qu’aux sites de récoltes des fonds nécessaires à l’aboutissement des projets.

Présence / Présentation / Notoriété / Lead / Prospect

Le site à 5 rôles fondamentaux à une stratégie marketing basique. Tout d’abord concevoir une présence sur le web. Puis une présentation de la société pour expliciter ces activitées. Le 3ème rôle est la notoriété, faire connaître la marque et son domaine d’activité. Enfin rendre possible le lead en ayant un support de communication adapté au partage de l’information. Et en dernier lieu le rôle du site comme média de communication pour permettre du prospect.

2.1 Présentation du projet I. CadrageI. Cadrage

Le projet consiste en la réalisation d’une identité visuelle de la société ainsi que la réalisation d’un site vitrine. La mise en place de cette stratégie marketing de communication a pour but la notoriété, la présentation et la présence de cette jeune société au sein du web. Il s’agit donc de visibilité de leur société.

En effet, cette toute jeune start-up a vite eu besoin d’un site centralisant leurs différents projets permettant la présentation de leur entreprise à différent porteurs de projet (leurs clients). Il a été défini dès le départ que leur but n’était pas de développer un site récoltant les financements directement comme c’est le cas sur Ulule ou encore myMajorCompany. D’ailleurs, «Les Argos» possèdent une page sur Ulule dans ce but. Les deux axes principaux quand à la réalisation de ce projet sont la réalisation d’une charte représentative de leur esprit jeune et dynamique ainsi que la réalisation d’un site vitrine de présentation et d’informations.

Dans un cas concret, par exemple, lors de rencontre, l’équipe des argos peut présenter les dernières campagnes de crowdfunding réalisées en montrant leur site depuis leur smartphone. Le site devra être «responsive» dans ce cas précis. Le site vitrine doit être moderne et amener l’information le plus simplement possible pour séduire l’ensemble des cibles définies.

Le Projet consiste en la réalisation d’un(e) :

• Identité• Site vitrine

I. Cadrage

LeadPrésence Présentation Notoriété Prospect


Sylvain et Kate

Sportifs, ils ont inventé une nouvelle balance pour sportif qui permet le suivi de leur programme sportif. La mise en oeuvre de leur projet dépend du financement pour mettre à bien leur prototype. Les banques ne les ont pas soutenus dans leur projet alors ils décident de lancer un appel aux dons mais ni l’un ni l’autre ne savent établir un appel à projet avec le projet marketing qu’il comporte. Ils font des recherches sur les plateformes de financement participatif mais décident d’engager une équipe de professionels afin de plébiciter leur idée et récolter les fonds nécessaires. Après avoir recherché crowdfunding fun sur google il tombe sur le site Les Argos et décide de contacter la société par le formulaire.

Laurène, Marie et Lucie

Musiciennes dans l’âme, ses 3 artistes cherchent un moyen de financer la location , le matériel et l’équipe technique d’une salle de concert afin de s’y produire en faveur d’une cause humanitaire. Elles souhaitent s’autofinancer mais ne peuvent investir dans ce projet. Leur projet se destine à une cause humanitaire et elles ont fait le choix de se produire bénévolement. Elles connaissent la partie «branding» du secteur de la musique mais n’ont pas le carnet d’adresses pour trouver des mécènes. Elles décident de faire appel au site Les Argos connu d’une amie qui a produit son album auprès d’eux. Avant de s’engager à les rencontrer, elles souhaitent voir les différents projets qu’ils ont mené à bien pour déterminer le type de réseaux qu’ils cotoient.

2.3 Objectifs du siteL’objectif du site n’étant pas la mise en place d’un système de collecte de financement, il permet la présentation depuis internet de la société. Site vitrine de présentation et de redirection. De plus, la société n’ayant pas de locaux physiques, c’est le meilleur moyen de communication avec l’équipe par sa page contact.

Les principaux objectifs du site sont :

• Promouvoir l’image de la société.

• Permettre la notoriété des services proposés par la société.

• Rendre compte des projets réalisés par la société.

• Permettre la prise de contact avec la société.

• Mettre en avant l’analyse et la veille de la société dans le domaine du crowdfunding.

2.4 Cibles & PersonasLes cibles sont :

•Les personnes proches du monde bénévole, de l’écologie, de domaine artistique, du commerce équitable et de l’innovation.

•Les associations souhaitant intervenir dans la réalisation d’un projet par du mécénat.

•Les sociétés souhaitant investir à un projet avec du retour sur investissement.

•Les particuliers pour soutenir des projets qui leur tiennent à coeur et dont la réussite leur permettent l’obtention d’une contrepartie (comme une cause humanitaire).

•Les collectivités territoriales telles que les mairies et les institutions publiques (commune, municipalité régionale ou départementale)

I. Cadrage I. CadragePersonas

Associations Professionnels Collectivités Particuliers

Gestion+++

Gestion+

Marketing+

Marketing++

Web++

Web+++


2.5 Contenus et MédiaLe contenu du site est avant tout constitué de textes, d’images et de vidéos de présentation des différents projets réalisés par la société LES ARGOS, ainsi que des projets que la société soutient et promeut. Ce sont des articles journalistiques, des projets innovants et des actualités relayées, analysées par l’équipe des Argos.

Le journal de bord permet d’instaurer le contenu que constituent les différents projets menés à bien par la société dans le contexte actuel, comme mis en parralèlle et leur permet ainsi d’ancrer les projets soutenus et réalisés par LES ARGOS dans le contexte actuel. Les contenus de la société sont alors mis face à l’actualité et permette une analyse de ceux-ci dans l’évolution du financement participatif.

Les contenus et média réalisés :

• Charte Graphique : Logo / Couleurs / Typographie / Positionnement

• Eléments d’Impressions : Cartes de visite / Papier à lettres

• Eléments Numériques : Image d’en-tête Facebook / Image de présentation Image de représentation / Illustrations

• Webdesign du Site : Feuille de style en cascade (CSS)

• Planning : Diagramme de Gant Suivi de Gant • Thème Enfant Wordpress : Les Argos

• Base de donnée : Fichier SQL

• Cahier des Charges

I. Cadrage 2.6 PlanningOn retrouve sur le planning nos trois phases de conceptions :

Le Cadrage du 9/05/16 au 05/06/16La Conception du 06/06/16 au 07/07/16Le Développement du 08/07/16 au 19/08/16

L’ensembles des tâches prévues pour le projet :

Cadrage • Brief Client • Benchmark • Cibles • Contenus Conception • Création du Logo • Création de la Charte Graphique • Conception de carte de visite • Réalisation de papier à lettre • Choix du template • Zoning • Wireframe Développement • Développement • Intégration • Mise en page • Debug • Déployement • Référencement

I. Cadrage

DébutLun 09/05/16

FinVen 19/08/16

Juin Juillet Août

CadrageLun 09/05/16

ConceptionLun 06/06/16

DéveloppementVen 08/07/16


DébutLun 09/05/16

FinVen 19/08/16

Juin Juillet Août

BenchmarkLun 09/05/16 - J…

ContenusMer 25/05/16 - V…

Création de la Charte GraphiqueMar 14/06/16 - Lun 04/07/16

DéveloppementVen 08/07/16 - Mer 2…

IntégrationMer 20/07/16 - Lun 0…

Mise en pageVen 05/08/16 - Mar 1…

Brief ClientLun 09/05/16

CiblesJeu 19/05/16 - Mar 24/05/16

Création du LogoLun 06/06/16 - Mar 14/06/16

Conception de carte de visi…Lun 04/07/16 - Mar 05/07/16

Réalisation de papier à lettreLun 04/07/16 - Mar 05/07/16

Choix du templateMar 05/07/16 - Mer 06/07/16

ZoningMer 06/07/16 - Jeu 07/07/16

WireframeJeu 07/07/16 - Ven 08/07/16

DebugMer 17/08/16

DéployementMer 17/08/16 - Jeu 18/08/16

RéférencementJeu 18/08/16 - Ven 19/08/16

CadrageLun 09/05/16

ConceptionLun 06/06/16


MsProject


N° Mode Tâche

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

Chef de projet

Chef de projet

Chef de projet

Chef de projet

Graphiste

Graphiste

Graphiste

Graphiste

Graphiste

Graphiste

Graphiste

19/08

Développeur

Intégrateur

Intégrateur

Développeur

Développeur

Chef de projet

J L V M S M D J L V M S M D J L V M S M D J L V M S M D J L09 Mai 16 23 Mai 16 06 Jui 16 20 Jui 16 04 Jul 16 18 Jul 16 01 Aoû 16 15 Aoû 16 29 A

Gant Les Argos .mpp Page 1 Lun 09/05/16

N° Mode Tâche Nom de la tâche Durée Début Fin Prédécesseurs Noms ressources

1 Cadrage 17,5 jours Lun 09/05/16 Ven 03/06/162 Brief Client 0,5 jour Lun 09/05/16 Lun 09/05/16 Chef de projet3 Benchmark 7 jours Lun 09/05/16 Jeu 19/05/16 2 Chef de projet4 Cibles 3 jours Jeu 19/05/16 Mar 24/05/16 3 Chef de projet5 Contenus 7 jours Mer 25/05/16 Ven 03/06/16 4 Chef de projet6 Conception 21,5 jours Lun 06/06/16 Ven 08/07/167 Création du Logo 6 jours Lun 06/06/16 Mar 14/06/16 5 Graphiste8 Création de la Charte Graphique 12 jours Mar 14/06/16 Lun 04/07/16 7 Graphiste

9 Conception de carte de visite 0,5 jour Lun 04/07/16 Mar 05/07/16 8 Graphiste

10 Réalisation de papier à lettre 0,5 jour Lun 04/07/16 Mar 05/07/16 8 Graphiste

11 Choix du template 1 jour Mar 05/07/16 Mer 06/07/16 10 Graphiste12 Zoning 1 jour Mer 06/07/16 Jeu 07/07/16 11 Graphiste13 Wireframe 1 jour Jeu 07/07/16 Ven 08/07/16 12 Graphiste14 Développement 26 jours Ven 08/07/16 Ven 19/08/1615 Développement 7 jours Ven 08/07/16 Mer 20/07/16 13 Développeur16 Intégration 7 jours Mer 20/07/16 Lun 01/08/16 15 Intégrateur17 Mise en page 7 jours Ven 05/08/16 Mar 16/08/16 16 Intégrateur18 Debug 0,5 jour Mer 17/08/16 Mer 17/08/16 17 Développeur19 Déployement 0,5 jour Mer 17/08/16 Jeu 18/08/16 18 Développeur20 Référencement 1 jour Jeu 18/08/16 Ven 19/08/16 19 Chef de projet

Gant Les Argos

Page 1

N° Mode Tâche

Nom de la tâche Durée Début Fin Prédécesseurs Noms ressources Coût

1 Cadrage 0 jour Lun 09/05/16Lun 09/05/16 0,00 €

2 Brief Client 0,5 jour Lun 09/05/16Lun 09/05/161 Chef de projet 68,00 €

3 Benchmark 7 jours Lun 09/05/16Jeu 19/05/16 2 Chef de projet 952,00 €

4 Cibles 3 jours Jeu 19/05/16Mar 24/05/163 Chef de projet 408,00 €

5 Contenus 7 jours Mer 25/05/16Ven 03/06/164 Chef de projet 952,00 €

6 Conception 0 jour Lun 06/06/16Lun 06/06/16 0,00 €

7 Création du Logo 6 jours Lun 06/06/16Mar 14/06/165 Graphiste 720,00 €

8 Création de la Charte Graphique

12 jours Mar 14/06/16

Lun 04/07/16

7 Graphiste 1 440,00 €

9 Conception de carte de visite

0,5 jour Lun 04/07/16

Mar 05/07/16

8 Graphiste 60,00 €

10 Réalisation de papier à lettre

0,5 jour Lun 04/07/16

Mar 05/07/16


11 Choix du template 1 jour Mar 05/07/16Mer 06/07/1610 Graphiste 120,00 €

12 Zoning 1 jour Mer 06/07/16Jeu 07/07/16 11 Graphiste 120,00 €

13 Wireframe 1 jour Jeu 07/07/16 Ven 08/07/1612 Graphiste 120,00 €

14 Développement 0,88 jour? Ven 08/07/16Ven 08/07/16 0,00 €

15 Développement 7 jours Ven 08/07/16Mer 20/07/1613 Développeur 840,00 €

16 Intégration 7 jours Mer 20/07/16Lun 01/08/1615 Intégrateur 672,00 €

17 Mise en page 7 jours Ven 05/08/16Mar 16/08/1616 Intégrateur 672,00 €

18 Debug 0,5 jour Mer 17/08/16Mer 17/08/1617 Développeur 60,00 €

19 Déployement 0,5 jour Mer 17/08/16Jeu 18/08/16 18 Développeur 60,00 €

20 Référencement 1 jour Jeu 18/08/16 Ven 19/08/1619 Chef de projet 136,00 €

09/05

Chef de projet

Chef de projet

Chef de projet

Chef de projet

06/06

Graphiste

Graphiste

Graphiste

Graphiste

Graphiste

Graphiste

Graphiste

08/07

Développeur

Intégrateur

Intégrateur

Développeur

Développeur

Chef de projet

30/11 14/03 27/06 10/1001 Février 01 Septembre


Diagramme de Gantt

Tâches

Planning

I. Cadrage

II. Conception1. Identité

2. Site vitrine

La phase de conception explicite les étapes et les choix clés qui mènent à l’existence du projet et de ces moyens d’action. C’est une phase de production et d’élaboration.

MsProject


1. Identité

II. Conception II. Conception

Cette partie marque l’identité propre à la société en terme de graphisme et d’édition. Ainsi que les régles de communication applicables pour le print et le web.


II. Conception1.1 Charte GraphiqueLa société ne possédait pas encore de charte graphique il a fallu déterminer l’image de la société. La phase de conception a débuté peu après le brief client au sujet de la création du logo.

Le mythe des Argonautes collait à la peau du nom de la société au fur et à mesure des échanges sur la forme, j’ai donc envisagé de proposer aux associés de la société une vision plus moderne de la forme. Le flat design comme style de représentation a été choisi en lien avec le style tendance du graphisme.

Forme :

Proposition sur la forme du logo :

Couleurs :

Analyse et symbolique des couleurs du logo:

Voici les deux couleurs utilisés pour le logo.

Comme demandé par le client, la couleur se démarque de celle utilisée par des marques concurrentes les plus connues dans le domaine du crowdfunding. Ces deux couleurs sont vives et dynamiques. Elles attirent l’oeil du spectateur.La bichromie choisie permet le rendu flat design du logo.

DynamiqueSociableInnovantAccessible

Ps Ps

II. Conception


Ps Ps



La couleur des boutons a été choisie en contraste face à l’ensemble de la charte graphique afin d’attirer l’oeil et de se démarquer. Elle attire l’attention de l’internaute et permet de rallonger la durée de son parcours. Cette couleur est présente sur l’ensemble des call to action afin que l’internaute parcourt les différents articles du site.

Peu après la création du logo la palette des couleurs pour la charte graphique du site s’est étalée en reprenant les couleurs du logo au prélable défini. Cette palette s’est étirée vers les tons gris afin de mettre en avant la couleur principale du logo.

Analyse et symbolique des couleurs du site :

Voici les quatres couleurs utilisées pour la charte graphique du site.

Les valeurs auxquelles elles renvoient, consolident l’image de la société tout en se démarquant des codes couleurs utilisés par les marques concurrentes de la société. Comme demandé par les clients lors du premier brief Client.

II. Conception

DynamiqueSociableInnovantAccessible

EléganteMystérieuseDéterminée

RigoureusePersévéranteIndépendante

II. Conception

Maillage des couleurs de la charte présentes sur le site

CTA

Ps Ps


II. Conception1.2 Charte EditorialeLa police d’écriture du nom de l’entreprise est Fresh Marker de graisse médium. Elle ne s’utilise que pour écrire le nom de l’entreprise ainsi que pour les phrases d’accroches. Cette police de caractère brush a été choisi pour son coté très revendicateur, elle ne laisse pas sans rappeler les types de police en baton des tags réalisés à la peinture aérosol. C’est par son côté revendicateur que la police désigne le nom de la société comme indiquant un ensemble d’individus. Le rassemblement est ici présent par cette forme de revendication qui désigne ceux qui participent au projet réalisé par LES ARGOS. Par ce type de police le logo s’adresse surtout aux jeunes. La police Raleway en complément vient renseigner les informations liées aux activités de la société. Les polices de communication d’Impression :

La police Raleway.

Capture d’écran de la police Raleway sur Google Font

La police Fresh Marker.

Capture d’écran de la police Raleway sur DaFont

2.4.4Les polices de communication Web :

La police Raleway.

Capture d’écran de la police Raleway sur Google Font

II. Conception

Info :

Raleway est une famille élégante de type sans-serif destinée aux en-têtes et à d’autres utilisations de grande taille. Initialement conçu par Matt McInerney comme un seul poids mince, il a été élargi en une famille de poids 9 par Pablo Impallari et Rodrigo Fuenzalida en 2012 et iKerned par Igino Marini.

Usage :

Cette police est utilisée sur l’ensemble du site et doit être privilégiée pour garder l’harmonie de l’indentation des informations. C’est une police moderne, aisément lisible et très répandue qui a été choisie.


1.3 PositionnementLes régles du positionnement concerne les placements et les incrustations du logo et du titre de l’entreprise.

Placements possible :

Placement interdit :


Ombre portée acceptée en blanc avec le plein orange.Lueur externe acceptée en blanc avec le plein orange.

Les positionnements en haut de page sont supportés de toute part ainsi que le positionnement central et en bas de page uniquement à droite.

Les positionnements en bas de page de gauche et central sont interdites.

Incrustation possible :

Incrustation interdite :

Tous effets, en dehors de ceux possible selon le plein orange du logo, sont interdit.

Ps Ps


Exemple de positionnement sur un encart pub print de 14 x 22cm :

2. Site vitrine


Le site vitrine s’est imposé comme un besoin pour la société afin de centraliser les informations la concernant, d’améliorer sa notoriété et d’avoir un support de communication accessible depuis internet. Le choix de faire le site sur un CMS s’est aussi imposé pour permettre aux collaborateurs de la société une gestion de leur propre site en autonomie. La possibilité de créer d’autres comptes de publications leur sera utile à l’avenir. Afin d’instaurer un espace de travail en coworking avec ses rédacteurs et ses nouveaux collaborateurs.

Ps


II. Conception2.1 Arborescence

Lors d’un rendez vous client à propos du site, nous avions convenu de 6 pages pour représenter l’ensemble des informations destinés à la communication du site. L’arborescence permet de lier les différents accès au page et détermine le parcours de l’internaute. Il faut aussi se soucier au travers de cette étape de l’ergonomie de l’utilisateur, qui consulte le site sur smartphone ou sur ordinateur.

Les six pages principales du site :

Accueil :Cette page se destine à l’accueil des internautes et permet un accès direct au journal de bord plus bas sur la page. Au préalable, cette page présente aussi les icônes des pages Présentation, Projet et Actualité afin de sensibiliser les internautes visitant le site depuis leur smartphone à les orienter vers les trois grandes raisons d’être de la société.

Présentation : Page de présentation de la société et de ses deux associés.

Projets : Ensemble des campagnes de crowdfundings mené à bien par la société rangée sous deux ordres, d’une part les projets de crowdfunding et d’autre part les projets de fundraising.

Actualités : Présentation d’articles sur le financement participatif. Nous retrouverons aussi les projet de la société sur cette page puisqu’instaurant leur projet dans l’actualité de l’économie collaborative. Partenaire : Page de présentation des partenaires avec un court résumé sur chacun d’entre eux.

Contact : Page regroupant plusieurs formulaires se destinant à différentes adresses mails de la start-up. Ainsi le prospect est directement adressé au membre le plus compétent pour sa demande.

II. Conception

Arborescence du site Les Argos

: Page

: Lien

Légende :

: Partie


II. Conception2.2 Zoning / Wireframe

Le zoning permet d’établir des zones pour dispatcher le contenu du site. Il permet de hierarchiser les informations en fontion de leur importance et de leur accessibilité. C’est une étape importante pour l’affordance du site et son ergonomie. Véritable source pour le webdesigner qui devra rendre le tout cohérent et ajouter les éléments graphiques qui viendront renforcer la hiérarichisation des informations par couleurs, types et positionnements.

Pour le projet du site, les 3 zones accessibles dès l’arrivée sur le site sont le logo, le menu et le slider de présentation qui permet d’informer l’internaute de l’activité de la société. Ce sont des zones élémentaires à la découverte du site et qui indiquent où se situe l’internaute par notamment le menu.

Après la première zone du site, les 3 icônes qui sont en fait les 3 axes centraux du site qui définissent l’expertise de la société au sujet du crowdfunding.

Enfin l’annonce du Journal de bord qui a été pensé pour rendre le site vivant à la manière d’un site journalistique d’actualités en continue. Chaque article publié sur le site vient aussi se publier automatiquement sur la page de garde en gardant le fil chronologique des publications. Le journal de bord est bien situé en étant placé sur la première page d’accès au site. Cette zone permet une facilité d’accès aux suivis de la société depuis un smartphone.

Puis en fin de page le footer qui contient l’accès aux réseaux sociaux et aux mentions légales.

Sur le zoning de la page de présentation, on retrouve dans le header, le logo et le menu. Puis le titre de la page. Juste en dessous un slider qui vient quelque peu animer la page avec la présence du logo et des contours de son élaboration.Enfin un premier texte qui vient expliquer l’activité de la société et de l’équipe qui la compose. Sur la suite de la page on trouve un détail de ces différents acteurs. Tout d’abord par une photographie du collaborateur en question puis par un court résumé de son parcours et de son domaine d’expertise vis à vis du crowdfunding.

On remarque l’absence de contenu en dehors des textes et images de présentation et aucune présence de bouton et de CTA en dehors du header et du footer pour empêcher la perte d’attention de l’internaute au sein de cette page.

De nouveau en fin de page, on retrouve le footer présent sur l’ensemble des pages avec la présence des réseaux sociaux et des mentions légales.L’ensemble des pages suit ce même principe de positionnement. Sur chacune on retrouve le même header et footer. La présence d’un menu avec des liens transversaux simplifie au maximum le parcours utilisateur. Ainsi un fil d’Ariane n’a pas eu lieu d’être placé au sein du site.

Les pages d’Accueil, de Présentation et de Partenaires sont les seules à posséder un slider animé.

II. Conception

Zoning de la page d’ Accueil.

Zoning de la page de Présentation.

Ps Ps



Le wireframe vient préciser les choix établis en terme de webdesign, d’ergonomie et de simplicité d’usage. Les différents éléments ont spécifiquement leur place. L’interface utilisateur a été simplifié de sorte que l’internaute n’a pas à chercher l’information. Celle-ci se présente à lui dès son arrivé sur le site. Aussi le parcours utilisateur permet de cibler l’internaute vers ce qu’il souhaite. Ainsi l’internaute intéressé par l’actualité pourra tout autant trouver les projets au sein de la page actualité. Tandis que l’internaute juste intéressé par les projets réalisés par LES ARGOS ne trouvera pas les articles d’actualités. Le parcours utilisateur induit l’internaute et le conforme à sa recherche, on ne lui ôte pas l’attention en quelque sorte.

La page des mentions légales ne sera accessible que par un lien situé dans le footer. On y retrouvera aussi les icônes d’accès aux différents réseaux sociaux pour permettre de partager.

Slide d’Accueil

Header

Logo

Icone fat flat design

Footer

Article ou Projet

Wireframe de la page d’ Accueil.

Wireframe de la page de Projets.

Balsamik Mockup

Balsamik Mockup


II. Conception2.3 Prestations Attendues Les prestations attendues sur le site sont :

• 1. Identité de la société présente sur le site

• 2. Site vitrine de présentation

• 3. Support de rassemblement des informations liées aux activités de la société

• 4. Support de communication web (Page d’actualité & Jounal de Bord)

• 5. Support de prise de contact (Page contact & Formulaires)

Les prestations attendues du projet sont :

• 1 - Identité de la société

• 2 - Site vitrine de la société

• 3 - Support imprimé de communication de la société

II. Conception2.4 Création & récupération de ContenusContenus :

Quatre types de contenus ont été utilisés pour mettre à bien ce projet :

• Contenus Internes: Une partie du contenu du site à été réalisé dans le cadre du projet. Tel que les éléments consituant l’identité de la société notamment la charte graphique et la charte éditoriale.

• Contenus Externes :Contenus extérieurs apportés par la société ou récupérés par mes soins : Contenus des projets réalisés par la société, image, texte, vidéo (youtube), musique (soundcloud) sur leur page Ulule et les différentes pages Facebook de leur client.

• Contenus à des tiers : Contenus à des tiers à des fins de présentation et de leur situation de partenaire avec LES ARGOS.

• Contenus Liens :Ensemble de liens d’agents extérieurs et permaliens internes au site. Permet l’échange de métadonnées avec d’autres sites et favorise le référencement par Google.

Création :

• Identité de la société LES ARGOS crée: - Charte Graphique - Charte Éditoriale - Positionnement

• Thème Enfant Les Argos créé à partir d’un thème qui permet la mise à jour de leur wordpress sans incidence sur l’organisation et le design du site. Thème qui range automatiquement certains article selon les moyens d’actions mis en place.

• Arborescence.

• Stratégie Marketing mise en place au travers des choix de communications.

• Champ lexical défini / Définition et organisation du champ lexical.

• L’affordance des informations / Organisation du champ sémantique .

1.

1.

2.

2.

3.

3.

4. 5.


II. Conception

III. Développement1. Production

2. Post production

III. Développement

La phase de développement vient clôturer le projet puisque cette dernière est mise en exergue et exposée. On retrouvera dans cette partie la production des fichiers sources et la post production qui portent sur le déploiement du projet en situation.

Récupération :

• Thème Athena récupéré sur wordpress en version gratuite, toute les modifications souhaitées ne seront pas accessibles directement via la personnalisation de wordpress, il va falloir modifier l’ensemble de la mise en page par le CSS, le php des fichiers sources et des plug-ins pour ajouter des fonctionnalités. • Contenus externes récupérés principalement sur les pages web où les associés ont effectué les collectes de fond ou les communications de leur projet ( Ulule principalement et des sites plus spécifiques tels que : «http://www.womanhood-egyptian-kaleidoscope.com/», «http://messagesenfantscop21.strikingly.com/», «http://www.wanangatrek.com/» «https://alternatiba.eu/»

• Contenus à des tiers récupérés principalement sur les pages web des partenaires ou des clients de la société tels que : «http://raphael-bodin.fr/» «https://www.kang.fr/» «http://www.anaisbourdet.fr/» «http://camilleleboe.fr/portfolio.html» «http://www.margotvarret.fr/» «https://soundcloud.com/kamaiofficiel/je-suis-version-beta» • Contenus liens «https://www.facebook.com/Les-Argos-878289218964788/» «https://www.facebook.com/kamaii.original/» «https://alternatiba.eu/paris/» «https://www.indiegogo.com/projects/womanhood-women#/» «https://fr.ulule.com/sofrench-cabaret/» «https://fr.ulule.com/quartet-jazz/» «https://fr.ulule.com/madakid-sht-je-suis/» «https://fr.ulule.com/messages-des-enfants/» «https://fr.ulule.com/alternatiba-paris/» «https://fr.ulule.com/wanangatrek/»


III. Développement III. Développement

1. Production

La production est l’élaboration des fichiers constituant le site web. L’ensemble de la production a été réalisé en local depuis un serveur simulé avec le lociciel wamp pour des mesures de sécurité et de confidentialité. Toutes les actions ne sont pas présentes dans le cahier des charges.


III. Développement III. Développement1.1 Développement Web

Plusieurs fichiers de code constituent le site, on retrouve la partie wordpress dont le logiciel et la base de donnée lui indiquant la présence de pages et d’articles à diffuser au sein du site. Le css a été modifié et une nouvelle page vient remplacer celle du thème, au sein du dossier thème enfant.

Le fichier wp-config vient alimenter la liaison avec la base de donnée du CMS Wordpress. Avec le nom de la base de donnée le nom de l’utilisateur, le mot de passe, l’adresse de l’hébergement MySQL et le jeu de caractères à utiliser.

Le fichier css a été modifié afin de rendre compte de la charte graphique et de la charte éditoriale. Ainsi que pour placer les éléments sur la page.

L’ensemble de la mise en page du site hors de la page d’accueil a été fait par le CMS wordpress d’où l’utilité d’utiliser un CMS. Les clients auront une facilité d’utilisation, et cela réduit ainsi les étapes de maintenance d’un site n’utilisant pas de CMS, l’interface utilisateur. Ce CMS des plus utilisés au sein même des sites journalistiques rendent la diffusion de contenus plus simple. Plutôt constitué comme un blog à la base, wordpress avec quelques modifications de personnalisation permet de faire croire à un site traditionnel. Cette solution demandé, dès le départ par les clients leur permet de mettre en place plus d’aisance sans les connaissances relatives au langage du web.

Grâce au CSS les tailles de certains éléments ont pu être intégrés en fonction de l’appareil sur lequel on consulte le site. Le site a été pensé pour une consultation sur l’écran d’un smartphone, d’une tablette numérique ou bien d’un ordinateur. Le contenu est dit responsive de sorte que les contenus s’adaptent par rapport à la taille de l’écran utilisé par l’internaute. La balise text-shadows appliquée sur la div « #athena-featured : hover » permet la surbrillance de blanc pour indiquer la présence de liens cliquables au sein du site. Liens transversaux internes au site et à leurs réseaux sociaux. Tout ce qui concerne la société est indiqué par la présence de cette surbrillance concernant les boutons et liens.

Le fichier «function.php» indique la page css à prendre en compte en priorité vis à vis de celle du thème parent.

Fichier wp-config.php

Fichier style.css ligne 524


Fichier function.php

Html 5

Html 5

CSS3

CSS3 Php Php Sublime

textSublime

text


Screenshot page d’Accueil, surbrillance sur lien interne de la page Présentation

Screenshot page d’Accueil annonce du Journal de bord

Screenshot page d’Accueil, surbrillance sur lien interne d’une page Partenaire

On retrouve la cohérence de la charte graphique et éditoriale au sein des différentes pages du site.

La présence d’icône a été privilégié au sein de la page d’Accueil pour centraliser la consultation des internautes sur les 3 axes principaux du site, la présentation, les projets et l’actualité. Ces 3 icônes sont de tailles beaucoup plus grande depuis un mobile ou une tablette numérique pour focaliser l’attention de l’internaute sur ces trois pages qui seront les plus mises à jours. On retrouve aussi le journal de bord toujours dans le but de montrer du contenu. Le contenu étant le moteur de vie d’un site, qui engendre la consultation de celui-ci.

Le journal de bord présente l’ensemble des actualités, des partenaires et des projets mis en ligne. Ceci instaure un cadre chronologique entre les projets et l’actualité. C’est un cadre chronogique intérressant pour montrer l’évolution de leurs différents projets réalisés.

L’ensemble des liens transversaux du site scintillent au passage de la souris sur les boutons. Le CTA est de couleur plus foncé lors du passage de la souris. Déclinaison ergonomique du bouton possible par le CSS3.

Lire la suite Lire la suite

Bouton Bouton en hover

Code CSS 3 application d’une surbrillance sur les boutons et icône lorsque la souris est sur le bouton en hover :

#athena-featured .athena-icon :hover{text-shadow:0px 0px 6px #fff; 0px 0px 6px #fff;}

#athena-featured :hover{text-shadow:0px 0px 6px #fff; 0px 0px 6px #fff;}


Html 5

Html 5

CSS3

CSS3 Php Php Sublime

text



1.2 Intégration

L’intégration a été faite depuis le CMS Wordpress. L’ensemble des pages en dehors de la page d’Accueil a été conçu de cette manière. Les plugs-in Page Builder, Master Slider Post Grid et Accordion permettent d’avantage de mise en pages possibles. Ces solutions simples d’utilisation ont été choisies grâce à l’automatisation des publications possibles. Dès lors qu’un article ou un projet est ajouté sur le site, son contenu sera automatiquement publié sur différentes parties du site sur le journal de bord et en page d’actualité.

La création de catégories a permis cette automatisation. Au contraire, pour édité un article il faut le publier et l’intégrer manuellement au plug-in de mise en page SiteOrigin au sein de la page Projet. Ce choix a été fait pour ne pas divulguer et confondre la présence d’autres articles au sein de la page Projet, afin que tout reste ordonné sur le long terme. Car les mises en pages ont du être pensées en vue de contenus supplémentaires, pour alimenter continuellement le site vitrine de la société.

Page de droite :

1. Page contact avec l’insertion de shortcode généré par le plug-in ContactForm .

2. L’ensemble des médias importés sont intégrés à la base de données, on peut les retrouver sur la page des médias de Wordpress.

3. Exemple d’insertion d’éditeur de textes avec le plug-in Page Builder sur l’article Partenaire D’Anaïs Bourdet.

4. Exemple de mise en page en Drag and Drop depuis PageBuilder de la page Alternatiba Paris .


4. Screenshot CMS Wordpress outil PageBuil-der page Alernatiba Paris

2. Screenshot CMS Wordpress page média

3. Screenshot CMS Wordpress mode texte page Anaïs Bourdet

1. Screenshot CMS Wordpress page Contact

Screenshot CMS Wordpress Tableau de bord

Screenshot CMS Wordpress mode éditorial d’un article ou d’une page,

partie catégorie

Screenshot CMS Wordpress articles et catégories

Wordpress Wordpress


Les médias intégrés au site sont principalement du texte et des images, puis viennent les liens et enfin quelques vidéos alimentent le site.Un liseret orange a été placé pour entourer les vidéos tandis que les images sont à bord libre. Les contenus sont toujours placés en corrélation avec la charte graphique et éditoriale du site.

On retrouve les mêmes types de mise en page selon que ce soit un article, une page projet ou partenaire.

Les contenus d’images sont mis en avant sans pour autant être visibles en mode plein écran. Les images habillent les pages pour expliciter l’information mais ne sont pas présentes comme aboutissement du projet en tant que tel. Les vidéos au contraire peuvent être vues en mode plein écran par l’intégration de shortcode youtube.

Aucune présence de terme financier, ni de montant, ni de terme budgétaire apparaissent sur les pages. Cette stratégie permet de ne pas focaliser l’internaute sur les fonds de financement mais plutôt sur l’expertise de l’équipe et du service d’accompagnement.

La page de présentation permet en quelques paragraphes de cerner l’équipe et les domaines d’expertises de la société.

La page d’actualité est organisée de manière à départager le caractère des actualités. En fonction des domaines d’actualités ou de projets, l’internaute choisi le contenu qu’il souhaite voir.


Screenshot page Actualités

Screenshot page Projet Message des enfants

Screenshot page Présentation

Screenshot page Projet Womanhood

Screenshot page Projet Dans les bras de mes anges

Wordpress Wordpress


1.3 Nom de Domaine & Adresse MailLe nom de domaine a été déposé par le client lui même qui le possédait déjà lors du brief client. Le client a fournit l’ensemble des codes d’accès à son hébergement et son serveur distant.

Nom de domaine : www.lesargos.com

Trois adresses mails ont été configurées afin de permettre d’orienter l’internaute en fonction des spécialités de chacun des associés. Puisque «Jessica» est plus à même de connaître les levées de fonds et «Tiénot» est spécialiste du crowdfunding. La dernière adresse mail est plus générale pour les questions et remarques plus communes.

Les 3 adresses mails étaient déjà conçues par les associés, il a fallu par la suite configurer le plug-in contact form 7 pour rediriger chaque formulaire rempli vers le bon mail.

Tiénot Dagron : [email protected]

Jessica Zeganadin : [email protected]

Générale : [email protected]


2. Post Production

La phase de post-production est la phase définitive du projet qui est publié par la tâche du déploiement. Un ensemble de tests et d’analyses des connexions de l’internaute peut ainsi être mis en place avec le suivi de fréquence de consultations du site au travers de l’outil Analytic de Google.

Screenshot contact form 7 formulaire Jessica Zeganadin

Screenshot contact form 7 email Jessica Zeganadin

Wordpress


III. Développement2.1 Hébergement & Déploiement

L’hébergement as été fait chez One and One selon la formule UNLIMITED PLUS, «Puissance et sécurité renforcées pour des sites professionnels au contenu dynamique» - pendant 12 mois à 4,99 € HT/mois (5,99 € TTC) puis 8,99 € HT/mois (9,99 € TTC). Ce choix a été fait au prélable par le client.

Le site a été développer sur un serveur local simulé grâce au logiciel Wamp afin de réaliser le site sans être référencé par les moteurs de recherches et sans avoir besoin d’un serveur distant. Cette manière de procéder permet la sécurité d’une base de données privées. C’est en quelque sorte le brouillon sur lequel le projet a pu être tester à maintes reprises selon les différentes phases de développement et d’intégration. Dans un second temps le site a été travaillé depuis le serveur en pré-ligne du chef de projet auquel seul l’équipe de production et les associés de la société doit avoir accès. Puis, enfin, la mise en ligne sur le serveur distant du client.

Le déploiement du site wordpress a été fait manuellement selon le procédé suivant :

La mise en ligne du site a pu se faire en changeant et remplaçant les urls dans la base de données, fichier SQL téléchargé au prélable de la base de donnée. Par la suite le changement des informations de connexion du fichier «wp-config.php» a été exécuté (tel que: nom de serveur, protocol, port, utilisateur et mot de passe).

Le déploiement sur le site www.lesargos.com a eu lieu le 9 aout 2016 à 21h00.Un check-up de vérification a été fait le 10 août 2016 à 22h00.

Des mises à jour du site ont été effectuées courant septembre pour optimiser le référencement notamment par le plug-in Yoast SEO.

Serveur Local

PrivéSauvegarde du Dév

Serveur Distant du Chef de Projet

Pré-ligneTest & Validation

Serveur Distantdu client

Url DefinitiveVersion Finale

III. Développement2.2 RéférencementIl s’agira dans le cadre de ce projet que SEO et non de SEA (Publicitaire).

Utilisation de SEO, référencement organique et naturel du site. Usage de mots clés, et de catégories. Possibilité d’usage d’étiquettes grâce à wordpress pour l’évolution du site.Le choix des mots clés s’est effectué après l’analyse de leur emploi dans le moteur de recherche Google Trend. Afin de choisir le mot clé le plus utilisé, les quatre termes désignant le sociofinancement. Le choix s’est porté sur «Crowdfunding» car même si c’est un anglicisme cela reste le terme le plus utilisé par rapport au terme français de financement participatif ou encore de collecte de fond.

Champ lexical Les mots clés visés sont : Crowdfunding, financement participatif, campagne

Phrase d’accroche :Le crowdfunding fun !

Slogan du slider :Le crowdfunding solidaire et citoyen ! (marqué en image sur le slider pour ne pas le référencer sur les moteurs de recherche car trop complexe à indéxer.)En effet le texte du slider n’est pas des caractères alphanumérique mais une image pour éviter de référencer cette partie de leur présentation. L’indexation du texte est trop générale pour le laisser référencer par google pour cibler le référencement.

Wampserver

FilezillaSublime text


2.4 Statistiques de Connexions

Les statistiques de connexion sont établies par Google Analytics.L’interface a été possible par le plug-in «GA Google Analytics» depuis wordpress afin d’intégrer un shortcode au site pour permettre à google de suivre et de rendre compte des données de connexions. Cet outil va servir à l’analyse des internautes pour mieux cibler le public visé.

III. Développement2.3 Mises à Jour

Mise à jour vers wordpress 4.5.4 s’est passée automatiquement et sans encombre, aucun impact sur le site.

Capture d’écran de la mise à jour automatique de wordpress.

III. Développement

26 oct. 2016 - 25 nov. 2016Présentation de l'audience

Langue Sessions % Sessions

1. (not set) 80 38,46 %

2. Secret.ɢoogle.com You are invited! Enter only with this ticket URL. Copy it. Vote for Trump! 76 36,54 %

3. fr 44 21,15 %

4. fr-fr 5 2,40 %

5. en-us 2 0,96 %

6. en-gb 1 0,48 %

Vue d'ensemble

Sessions

29 oct. 5 nov. 12 nov. 19 nov.

2020

4040

Sessions

208Utilisateurs

105Pages vues

857

Pages/session

4,12Durée moyenne des sessions

00:04:54Taux de rebond

8,65 %

% nouvelles sessions

50,48 %

New Visitor Returning Visitor

49,5% 50,5%

© 2016 Google

Tous les utilisateurs100,00 %, Sessions

Les Argos

Toutes les données du site Web ACCÉDER AU RAPPORT

Wordpress


Screenshot du thème wordpress réalisé pour Les Argos

IV. Livrables attendus

• 1 - Charte graphique de la société comprenant logo, couleurs, polices, combinaisons typographiques, éléments graphiques, exemple de mise en page.

• 2 - Site vitrine, donc de présentation et d’informations de la société et de leurs activités.

• 3 - Eléments numériques d’impression, de présentation, tels que papier à lettre et cartes de visites.

www.lesargos.com

Tienot [email protected]

213 rue Saint-Maur75010 Paris

N°Siret : 819 926 080

www.lesargos.com

[email protected]

1

3

2


Mentions légales

Informations légales

1. Présentation du site.

En vertu de l’article 6 de la loi n° 2004-575 du 21 juin 2004 pour la confiance dans l’économie numérique, il est précisé aux utilisateurs du site www.lesargos.com l’identité des différents intervenants dans le cadre de sa réalisation et de son suivi :

Propriétaire : Tiénot Dagron – 819926080 – 213 RUE SAINT MAUR – 75010 PARISCréateur : Camille LeboeResponsable publication : Tiénot Dagron – [email protected] responsable publication est une personne physique ou une personne morale.Webmaster : Tiénot Dagron – [email protected]ébergeur : 1 and 1 – 1&1 Internet SARL 7, place de la Gare BP 70109 57201 Sarreguemines CedexCrédits : les mentions légales ont été générées et offertes par Subdelirium création de site web Angoulême

2. Conditions générales d’utilisation du site et des services proposés.

L’utilisation du site www.lesargos.com implique l’acceptation pleine et entière des conditions générales d’utilisation ci-après décrites. Ces conditions d’utilisation sont susceptibles d’être modifiées ou complétées à tout moment, les utilisateurs du site www.lesargos.com sont donc invités à les consulter de manière régulière.

Ce site est normalement accessible à tout moment aux utilisateurs. Une interruption pour raison de maintenance technique peut être toutefois décidée par Tiénot Dagron, qui s’efforcera alors de communiquer préalablement aux utilisateurs les dates et heures de l’intervention.

Le site www.lesargos.com est mis à jour régulièrement par Tiénot Dagron. De la même façon, les mentions légales peuvent être modifiées à tout moment : elles s’imposent néanmoins à l’utilisateur qui est invité à s’y référer le plus souvent possible afin d’en prendre connaissance.

3. Description des services fournis.

Le site www.lesargos.com a pour objet de fournir une information concernant l’ensemble des activités de la société.

Tiénot Dagron s’efforce de fournir sur le site www.lesargos.com des informations aussi précises que possible. Toutefois, il ne pourra être tenue responsable des omissions, des inexactitudes et des carences dans la mise à jour, qu’elles soient de son fait ou du fait des tiers partenaires qui lui fournissent ces informations.

Tous les informations indiquées sur le site www.lesargos.com sont données à titre indicatif, et sont susceptibles d’évoluer. Par ailleurs, les renseignements figurant sur le site www.lesargos.com ne sont pas exhaustifs. Ils sont donnés sous réserve de modifications ayant été apportées depuis leur mise en ligne.

4. Limitations contractuelles sur les données techniques.

Le site utilise la technologie JavaScript.

Le site Internet ne pourra être tenu responsable de dommages matériels liés à l’utilisation du site. De plus, l’utilisateur du site s’engage à accéder au site en utilisant un matériel récent, ne contenant pas de virus et avec un navigateur de dernière génération mis-à-jour

5. Propriété intellectuelle et contrefaçons.

Tiénot Dagron détient les droits d’usage sur tous les éléments accessibles sur le site, notamment les textes, images, graphismes, logo, icônes, sons, logiciels.

Toute reproduction, représentation, modification, publication, adaptation de tout ou partie des éléments du site, quel que soit le moyen ou le procédé utilisé, est interdite, sauf autorisation écrite préalable de : Tiénot Dagron.

Toute exploitation non autorisée du site ou de l’un quelconque des éléments qu’il contient sera considérée comme constitutive d’une contrefaçon et poursuivie conformément aux dispositions des articles L.335-2 et suivants du Code de Propriété Intellectuelle.

6. Limitations de responsabilité.

Tiénot Dagron ne pourra être tenue responsable des dommages directs et indirects causés au matériel de l’utilisateur, lors de l’accès au site www.lesargos.com, et résultant soit de l’utilisation d’un matériel ne répondant pas aux spécifications indiquées au point 4, soit de l’apparition d’un bug ou d’une incompatibilité.

Tiénot Dagron ne pourra également être tenue responsable des dommages indirects (tels par exemple qu’une perte de marché ou perte d’une chance) consécutifs à l’utilisation du site www.lesargos.com.

Des espaces interactifs (possibilité de poser des questions dans l’espace contact) sont à la disposition des utilisateurs. Tiénot Dagron se réserve le droit de supprimer, sans mise en demeure préalable, tout contenu déposé dans cet espace qui contreviendrait à la législation applicable en France, en particulier aux dispositions relatives à la protection des données. Le cas échéant, Tiénot Dagron se réserve également la possibilité de mettre en cause la responsabilité civile et/ou pénale de l’utilisateur, notamment en cas de message à caractère raciste, injurieux, diffamant, ou pornographique, quel que soit le support utilisé (texte, photographie…).

7. Gestion des données personnelles.

En France, les données personnelles sont notamment protégées par la loi n° 78-87 du 6 janvier 1978, la loi n° 2004-801 du 6 août 2004, l’article L. 226-13 du Code pénal et la Directive Européenne du 24 octobre 1995.

A l’occasion de l’utilisation du site www.lesargos.com, peuvent êtres recueillies : l’URL des liens par l’intermédiaire desquels l’utilisateur a accédé au site www.lesargos.com, le fournisseur d’accès de l’utilisateur, l’adresse de protocole Internet (IP) de l’utilisateur.

En tout état de cause Tiénot Dagron ne collecte des informations personnelles relatives à l’utilisateur que pour le besoin de certains services proposés par le site www.lesargos.com. L’utilisateur fournit ces informations en toute connaissance de cause, notamment lorsqu’il procède par lui-même à leur saisie. Il est alors précisé à l’utilisateur du site www.lesargos.com l’obligation ou non de fournir ces informations.

Conformément aux dispositions des articles 38 et suivants de la loi 78-17 du 6 janvier 1978 relative à l’informatique, aux fichiers et aux libertés, tout utilisateur dispose d’un droit d’accès, de rectification et d’opposition aux données personnelles le concernant, en effectuant sa demande écrite et signée, accompagnée d’une copie du titre d’identité avec signature du titulaire de la pièce, en précisant l’adresse à laquelle la réponse doit être envoyée.

Aucune information personnelle de l’utilisateur du site www.lesargos.com n’est publiée à l’insu de l’utilisateur, échangée, transférée, cédée ou vendue sur un support quelconque à des tiers. Seule l’hypothèse du rachat de Tiénot Dagron et de ses droits permettrait la transmission des dites informations à l’éventuel acquéreur qui serait à son tour tenu de la même obligation de conservation et de modification des données vis à vis de l’utilisateur du site www.lesargos.com.

Le site n’est pas déclaré à la CNIL car il ne recueille pas d’informations personnelles. .

Les bases de données sont protégées par les dispositions de la loi du 1er juillet 1998 transposant la directive 96/9 du 11 mars 1996 relative à la protection juridique des bases de données.

8. Liens hypertextes et cookies.

Le site www.lesargos.com contient un certain nombre de liens hypertextes vers d’autres sites, mis en place avec l’autorisation de Tiénot Dagron. Cependant, Tiénot Dagron n’a pas la possibilité de vérifier le contenu des sites ainsi visités, et n’assumera en conséquence aucune responsabilité de ce fait.

La navigation sur le site www.lesargos.com est susceptible de provoquer l’installation de cookie(s) sur l’ordinateur de l’utilisateur. Un cookie est un fichier de petite taille, qui ne permet pas l’identification de l’utilisateur, mais qui enregistre des informations relatives à la navigation d’un ordinateur sur un site. Les données ainsi obtenues visent à faciliter la navigation ultérieure sur le site, et ont également vocation à permettre diverses mesures de fréquentation.

Le refus d’installation d’un cookie peut entraîner l’impossibilité d’accéder à certains services. L’utilisateur peut toutefois configurer son ordinateur de la manière suivante, pour refuser l’installation des cookies :

Sous Internet Explorer : onglet outil (pictogramme en forme de rouage en haut a droite) / options internet. Cliquez sur Confidentialité et choisissez Bloquer tous les cookies. Validez sur Ok.

V. Propriétés et droits Les mentions légales ont été faites avec l’usage d’une agence tiers et rectifiées pour se destiner à la situation du client. Ce choix permet l’appui d’un tiers sur les textes de lois énoncés par des personnes spécialisées dans le secteur du droit. Ce choix pour les mentions légales a été porté par deux raisons. Tout d’abord pour une question de légitimité et de confiance en ajoutant un acteur de la spécialité évoquée avec les mentions légales. Et enfin, car cela correspond à l’image de la société, le fait de construire ensemble. Cela instaure un rapport solidaire entre ces deux sociétés, image qui permet au potentiel prospect de la société de leur attribuer une confiance plus facilement. Ainsi que trouver une cohérence au propre propos de la société, notamment le participatif.

Les propriétés de diffusion du contenu du site, notamment, pour les projets ainsi que les pages des partenaires sont permises par l’étroite collaboration entre la société et les acteurs tiers au site.

Le propriétaire du site : Tiénot Dagron – 819926080 – 213 RUE SAINT MAUR - 75010 PARIS

Chef de projet : Camille Leboë

Screenshot de la page Mentions légales accessible depuis le footer quelque soit la page.


N° Mode Tâche

Nom de la tâche Durée Début Fin Prédécesseurs Noms ressources Coût

1 Cadrage 0 jour Lun 09/05/16Lun 09/05/16 0,00 €

2 Brief Client 0,5 jour Lun 09/05/16Lun 09/05/161 Chef de projet 68,00 €

3 Benchmark 7 jours Lun 09/05/16Jeu 19/05/16 2 Chef de projet 952,00 €

4 Cibles 3 jours Jeu 19/05/16Mar 24/05/163 Chef de projet 408,00 €

5 Contenus 7 jours Mer 25/05/16Ven 03/06/164 Chef de projet 952,00 €

6 Conception 0 jour Lun 06/06/16Lun 06/06/16 0,00 €

7 Création du Logo 6 jours Lun 06/06/16Mar 14/06/165 Graphiste 720,00 €

8 Création de la Charte Graphique

12 jours Mar 14/06/16

Lun 04/07/16

7 Graphiste 1 440,00 €

9 Conception de carte de visite

0,5 jour Lun 04/07/16

Mar 05/07/16


10 Réalisation de papier à lettre

0,5 jour Lun 04/07/16

Mar 05/07/16


11 Choix du template 1 jour Mar 05/07/16Mer 06/07/1610 Graphiste 120,00 €

12 Zoning 1 jour Mer 06/07/16Jeu 07/07/16 11 Graphiste 120,00 €

13 Wireframe 1 jour Jeu 07/07/16 Ven 08/07/1612 Graphiste 120,00 €

14 Développement 0,88 jour? Ven 08/07/16Ven 08/07/16 0,00 €

15 Développement 7 jours Ven 08/07/16Mer 20/07/1613 Développeur 840,00 €

16 Intégration 7 jours Mer 20/07/16Lun 01/08/1615 Intégrateur 672,00 €

17 Mise en page 7 jours Ven 05/08/16Mar 16/08/1616 Intégrateur 672,00 €

18 Debug 0,5 jour Mer 17/08/16Mer 17/08/1617 Développeur 60,00 €

19 Déployement 0,5 jour Mer 17/08/16Jeu 18/08/16 18 Développeur 60,00 €

20 Référencement 1 jour Jeu 18/08/16 Ven 19/08/1619 Chef de projet 136,00 €

09/05

Chef de projet

Chef de projet

Chef de projet

Chef de projet

06/06

Graphiste

Graphiste

Graphiste

Graphiste

Graphiste

Graphiste

Graphiste

08/07

Développeur

Intégrateur

Intégrateur

Développeur

Développeur

Chef de projet

30/11 14/03 27/06 10/1001 Février 01 Septembre


N° Nom de la ressource Type Initia Capacitémax.

Tx. standard Calendrier de base

Coût Coût 1 + Coût 2 + Coût 3 + Coût 4

1 Chef de projet Travail C 100% 17,00 €/hr Standard 2 516,00 €2 Graphiste Travail G 100% 15,00 €/hr Standard 2 640,00 €3 Développeur Travail D 100% 15,00 €/hr Standard 960,00 €4 Intégrateur Travail I 100% 12,00 €/hr Standard 1 344,00 €5 Total Travail T Standard 7460€

Page 1 Gant Les Argos

N° Mode Tâche Nom de la tâche Durée Début Fin Prédécesseurs Noms ressources Coût

1 Cadrage 17,5 jours Lun 09/05/16 Ven 03/06/16 2 380,00 €2 Brief Client 0,5 jour Lun 09/05/16 Lun 09/05/16 Chef de projet 68,00 €3 Benchmark 7 jours Lun 09/05/16 Jeu 19/05/16 2 Chef de projet 952,00 €4 Cibles 3 jours Jeu 19/05/16 Mar 24/05/16 3 Chef de projet 408,00 €5 Contenus 7 jours Mer 25/05/16 Ven 03/06/16 4 Chef de projet 952,00 €6 Conception 21,5 jours Lun 06/06/16 Ven 08/07/16 2 640,00 €7 Création du Logo 6 jours Lun 06/06/16 Mar 14/06/16 5 Graphiste 720,00 €8 Création de la Charte Gra12 jours Mar 14/06/16 Lun 04/07/16 7 Graphiste 1 440,00 €9 Conception de carte de v 0,5 jour Lun 04/07/16 Mar 05/07/16 8 Graphiste 60,00 €10 Réalisation de papier à le0,5 jour Lun 04/07/16 Mar 05/07/16 8 Graphiste 60,00 €11 Choix du template 1 jour Mar 05/07/16 Mer 06/07/16 10 Graphiste 120,00 €12 Zoning 1 jour Mer 06/07/16 Jeu 07/07/16 11 Graphiste 120,00 €13 Wireframe 1 jour Jeu 07/07/16 Ven 08/07/16 12 Graphiste 120,00 €14 Développement 26 jours Ven 08/07/16 Ven 19/08/16 2 440,00 €15 Développement 7 jours Ven 08/07/16 Mer 20/07/16 13 Développeur 840,00 €16 Intégration 7 jours Mer 20/07/16 Lun 01/08/16 15 Intégrateur 672,00 €17 Mise en page 7 jours Ven 05/08/16 Mar 16/08/16 16 Intégrateur 672,00 €18 Debug 0,5 jour Mer 17/08/16 Mer 17/08/16 17 Développeur 60,00 €19 Déployement 0,5 jour Mer 17/08/16 Jeu 18/08/16 18 Développeur 60,00 €20 Référencement 1 jour Jeu 18/08/16 Ven 19/08/16 19 Chef de projet 136,00 €

Gant Les Argos

Page 1

VI. BudgetsPas de budjet alloué lors du brief client. Mais éléments à prendre en compte pour la réalisation et la mise en ligne du site.

• COÛT FIXE : Hébergement / an 119,88€/an (= 9,99€/mois x 12 mois) • COÛT VARIABLE : Nom de domaine / an (inclus dans l’offre d’hébergement)

• CONSOMMABLE : Électricité, piles• COÛT : Hébergement sur serveur mutualisé, Réception Internet (= 30€/mois)

• TRAVAIL : Intégrateur, Graphiste, Chef de projet, Développeur (Voir tableau ci dessous)

• Ressources physiques : - Travail (Intégrateur, Graphiste, Chef de projet, Développeur) (Voir tableau ci dessous)

• Ressources matérielles : - Ordinateur, Souris - Logiciels : Illustrator CC, Photoshop CC, InDesign CC, Sublime Text v2.0.2, Filezilla v3.21.0, Notepad ++ v6.9.2, Wordpress v4.5.1, Php MyAdmin, Balsamiq Mockups 3, MS Project 2013, Gant Project, Wamp Server 2.5

Tableau du coût horaires des prestataires du projet :

Nom de la ressource

Prix Horaire Heures travaillé Coût Total

Chef de projet 17€/h 148h 2516€ Graphiste 15€/h 176h 2640€ Développeur 15€/h 64h 960€ Intégrateur 12€/h 112h 1344€ Total 59€/h 500h 7460€

Gant project


ConclusionDéfinir la charte graphique a permis l’essor de la suite du projet de conception du site. Cependant l’élaboration de l’identité visuelle a pu prendre un certain temps pour coller à l’image de la société, de ces gérants et aux cibles auxquelles elle se destine. L’élaboration du site a tout d’abord été conçu en local, puis continué à être travaillé sur un serveur distant mutualisé privé du chef de projet avant d’être déployé sur le serveur du client. Pour des raisons de sécurité et de confidentialité de la stratégie marketing mise en place.


Lexique : Affordance :Capacité d’un objet à suggérer sa propre utilisation.

Arborescence :Plan du site par page transversale et niveau de profondeur.

Benchmark :Analyse du marché et étalonnage de la concurrence.

Charte Garphique :Document de travail qui contient l’ensemble des règles fondamentales d’utilisation des signes graphiques qui constituent l’identité graphique d’une organisation, d’un projet, d’une entreprise.

Cibles :Publics visé.

Contenues :Médias constituant le site (texte, image, vidéo, son).

Coût Fixe :Sommes dûes dont le montant n’est pas variable.

Coût Variable :Sommes dûes dont le montant peut varier.

C.T.A : (Clic to action) Bouton d’action sur un site.

Déploiement : Phase de mise en ligne d’un site réalisé en local.

Diagramme de Gant : Diagramme représentant les différentes étapes nécessaire à l’élaboration d’un projet mettant en exergue l’indexation de ces tâches.

Hébergement :Un site web qui permet à des utilisateurs d’y héberger des fichiers.

Lead :Désigne un contact commercial. Local :Serveur web simulé sur un ordinateur.

Maillage :Interconnexion des couleurs.

Personas :Concept qui représente un groupe cible dans

une stratégie de marché.

Planning :Organisation d’un plan de travail, emploi du temps, programme de travail.

Plug-in :Module d’extension qui apporte de nouvelles fonctionnalités à un programme.

Prestation :Service.

Prospect :Client potentiel.

Print :Imprimé.

Référencement :Consiste à améliorer le positionnement et la visibilité de sites dans des pages de résultats de moteurs de recherches ou d’annuaires.

Wireframe :Schéma utilisé lors de la conception d’une interface pour définir les zones et composants qu’elle doit contenir.

Tâche :Mission, travail qui doit être effectué dans un temps donné.

Screenshot :Imprime écran.

SEO : Search Engine Optimization, est un ensemble de techniques visant à optimiser la visibilité d’un site web dans les pages de résultats de recherche. Dit aussi référencement naturel car non publicitaire (non payant).

Serveur :Dispositif informatique matériel ou logiciel qui offre des services, à différents clients.

Web :World Wide Web (WWW), littéralement la « toile (d’araignée) mondiale» permet de consulter, avec un navigateur, des pages accessibles sur des sites.

Zoning :Le zoning permet de découper la page en autant de zones que nécessaire. Cela permet de positionner les zones de navigation, les contenus, le logo, le pied de page, le moteur de recherche, ou le fil d’Ariane...

MÉMOIRE PRÉSENTÉ DEVANT LE JURY€¦ · Webdesign Encre Papier Piles Analyse Créative...

Documents

Transcript of MÉMOIRE PRÉSENTÉ DEVANT LE JURY€¦ · Webdesign Encre Papier Piles Analyse Créative...