cahier des
RECOMMAndations F r i c h e s
théâtre urbain
THE NEW
WA
VE
2
1.
3 Le contexte
Le commanditaire L’agence La Problématique du projet Les cibles Les objectifs
sommaire
2.
Solutions retenuEs
A. La stratégie de communication et politique de communication
3
. Aspect juridique Droit d’auteur Droit à l’image Mentions légales
4.
Planification et responsabilités
Planning Responsabilité / tâches
B. L’identité visuelle:
C. Les support de communication C1. Le site internet C2. Newsletter C3. Réseaux sociaux C4. Support print
5. 6. 7.
Budget
CONCLUSION
GLOSSAIRES
1 - Le contexte
1.
4
Le contexte
Historiquement, Friches Théâtre Urbain a développé activement l’enseignement chorégraphique, théâtral et acrobatique qui réside notamment dans l’utilisation des échasses. En 2000, la compagnie s’installe dans une ancienne usine de céramique du 17ème arrondissement où la Mairie de Paris leur
permet d’y ouvrir l’Avant Rue : un espace de création pour les arts de la rue, le nouveau cirque et plus récemment une ouverture vers toutes les formes d’art hybrides et pluridisciplinaires.
5
Nos points forts : Polyvalents et d’univers différents, notre force réside dans nos compétences diverses. Notre esprit créatif, nos qualités techniques, notre stratégie et notre organisation nous permettent d’innover et de nous adapter aux multiples demandes.
Le commanditaire Friches Théâtre Urbain est une association réalisant aujourd’hui différents projets artistiques et relationnels. L’association modifie notre environnement quotidien afin de créer des images en rupture avec celui-ci. La compagnie naît d’une collaboration entre Pascal Laurent, acteur et fondateur de la compagnie, et Sarah Harper, metteur en scène. Elle tient son originalité de cette alliance, de leurs expériences et de leurs qualités artistiques.
1 - Le contexte
Aujourd’hui l’association se consacre à des projets beaucoup plus basés sur le relationnel. Cette association nous a contacté pour réaliser une refonte technique et graphique de son site internet friches.fr.
. L’agence Tild Tild ~ est une agence de communication globale composée de six membres pluridisciplinaires. Fondée en 2011 en région parisienne, elle accompagne ses clients tout au long de leurs projets en répondant aux diverses problématiques liées aux domaines de la communication visuelle, du design graphique et de la création de sites internet. Influencée par “La nouvelle vague”, mouvement cinématographique et littéraire français des années soixante, elle nous apporte une approche basée sur le juste équilibre entre la créativité et l’organisation assurant ainsi une qualité de réalisation et une plus grande efficacité. Transposé à l’avènement des nouvelles technologies, cet axe nous guide quotidiennement dans notre travail.
La Problématique du projet Le projet consiste à définir un diagnostic complet des outils de communication qui se sont essoufflés avec le temps et à faire évoluer l’identité visuelle tout en gardant l’esprit du passé. Comment renouveler l’image de l’association tout en gardant l’esprit passé de cette dernière ? Les cibles Le site internet de Friches Théâtre Urbain s’adresse avant tout aux professionnels de la culture et aux partenaires de la compagnie. Ils sont : Les Tutelles / financeurs Relations presse Entreprises d’événementiels Cependant l’association vise aussi à fidéliser son public. La cible secondaire de Friches est donc les personnes souhaitant se renseigner sur les projets de la compagnie.
Les objectifs L’objectif principal du commanditaire est d’obtenir une visibilité accrue en France et à l’étranger afin de fidéliser ses partenaires actuels mais surtout d’en obtenir de nouveau. Pour ce faire, elle souhaite renouveler son image vieillissante.
2
6
2.Solutions retenues A. La stratégie de communication
Le commanditaire souhaite avant tout baser sa communication sur des supports web afin d’éviter des sur-coûts d’impression. C’est donc avec cette contrainte que nous réaliserons cette stratégie.
La première étape de notre stratégie consiste à élaborer la nouvelle charte graphique du commanditaire. Celle-ci sera un des supports principal de notre communication. Cette charte doit traduire les nouvelles valeurs de la compagnie tout en gardant son ancien esprit ceci dans le but d'acquérir de nouveaux partenaires avec cette nouvelle image tout en gardant/fidélisant les anciens.
Une fois la nouvelle charte graphique terminée il est nécessaire de communiquer sur celle-ci, d’abord auprès des partenaires actuels pour leurs notifier ce renouveau grâce cette nouvelle charte mais en précisant le fait que les membres de la compagnie et celle-ci reste identique (on fidélise). Il est aussi nécessaire de communiquer sur cette nouvelle image auprès des prospects (futurss partenaires). Il est donc indispensable de les cibler (organisme culturel de la ville de Paris, entreprises d’événementiel...) et de communiquer auprès d’eux. Cependant il est nécessaire pour nous de communiquer sur un élément plus important et intéressant que la nouvelle charte graphique de la compagnie (représentant son renouveau) ceci dans le but de créer un élan de curiosité auprès des prospects et les pousser à s’intéresser volontairement ou involontairement à la compagnie, d’où l’idée de créer un événement. En effet il serait intéressant de baser notre communication sur un événement présentant la compagnie, son
2
renouveau à travers ses projets, ses membres mais aussi en présentant les futurs projets de celleci. Ceci-ci dit l’événement doit rester privé et réservé aux professionnels. Pour donner l’envie aux prospects de se rendre à cet événement nous devons leur donner un maximum de raisons. Puisque la compagnie travaille avec de nombreux artistes il serait intéressant d’avoir une représentation ou bien de présenter des oeuvres d’art (exposition) durant celui-ci. De plus la nourriture (petits fours, boissons ...) et aussi une raison qui permet d’amener de possibles futurs partenaires. L’objectif principal restant de communiquer sur la compagnie il est important de structurer l’événement : L’événement pourrait commencer par une présentation de la compagnie, de ses membres et de son historique (ancien projet). Une pause permettrait de ne pas ennuyer les parte-
naires. Durant celle-ci ils pourront admirer la représentation ou la «galerie d’art». Durant une autre présentation la compagnie présentera les futurs projets qu’elle souhaite entreprendre et notifier peutêtre son besoin de financement aux partenaires présents pour les réaliser en jouant sur les sentiments d’aide et de collaboration. Pour finir et remercier ces partenaires d’être venus et d’avoir assister à cet événement ils auront l’accès au buffet. Durant celui-ci il serait intéressant de discuter avec les partenaires au cas par cas toujours dans un but d’obtenir des financements. Parallèlement grâce à la nouvelle charte graphique le nouveau site internet friches.fr sera élaborer. Celui-ci sera notre support de communication que nous utiliserons sur de plus longs termes. Celuici sera présenté durant l’événement afin de montrer aux partenaires que durant toute l’année ils
7
pourront avoir accès à toutes les informations de la compagnie, son actualité, ses projets actuels mais aussi ses informations de contact. Nous utiliserons des lettres d’informations (Newsletter) pour communiquer sur l’événement mais aussi sur l’actualité de l’association durant toute l’année afin de fidéliser les partenaires. En plus du site internet et des lettres d’informations, les réseaux sociaux seront utilisés pour communiquer sur l’actualité de Friches Théâtre Urbain. En effet nous pousserons les utilisateurs du site et des newsletters de suivre la compagnie sur les réseaux sociaux dans un but de fidélisation.
2 -B - Identité Visuelle
8
2 - B - Identité Visuelle
2. La concurrence visuelle
B. L’identité visuelle 1. Analyse de la communication actuelle de Friches Les + : • aspect urbain • lisibilité de friches • hiérarchie des informations • trait noir : ville vue autrement, d’un point de vue artistique. (=proximité) • jeu typographique sur «friches» • Des cibles et des codes en évolution: une activité changeante, des spectacles d’échasses aux performances artistiques et sociales. Les cibles et les codes doivent donc être revus, alors que leur communication n’a pas changé, mais le logo est assez évasif pour évoquer leur nouvelle activité.
Les - :
• Logo mal identifiable. Surchargé • Peu précis et évocateur • Trop figuratif et à la fois représente l’urbanisme et ne cible pas l’activité culturelle et artistique. • logo plus lisible en intégralité en petit. • Pas de couleur identitaire, couleur non choisi par défaut: noir, simple sans message. Un froid crée de la distance. • typo: jeu mais pas de sens, pas de réelle recherche sur “théâtre urbain”, typo théâtre urbain allongée (déformée). Contour blanc dépassé • utilisation de la photo rend complexe la lecture du logo.
Le lieu unique: sensation de rentrer dans un environnement artistique. Une grande place est réservée aux photographies. Une concurrence qui est marqué par l’originalité et l’impact des visuelles proposés.
9
2 - B - Identité Visuelle
10
3. Les valeurs transmises Quels éléments identitaires ? • Les couleurs. Pas de réelle couleur identitaire du logo. Elles sont déterminées par les bâtiments en arrières plan, camaieu de beige, ocre et souligné par le filet et la typo noire. Le logo manque de dynamisme, et ne représente pas l’aspect vivant du lieu. Pour le support web, on constate aussi une absence de couleur identitaire. Seul les photos apportent de la couleur, mais il n’y a pas de réelle cohérence chromatique.
• L’image.
Les photographies sont récurrentes dans le site. Elles expriment l’identité artistique de la compagnie, mais n’ont pas une vrai homogénéité chromatique ou technique.
Le logo comporte deux typographies. Une première, mise en avant, avec une taille et une graisse plus importante. Elle est également plus travaillée, plus originale. la seconde en revanche ressemble à un sous titre, avec un typographie plus sobre, à batôn et plus lisible. Seulement la typographie identitaire du logo est réutilisée plusieurs fois dans le site. Il se confond donc avec les autres informations et perd de la lisibilités de l’importance et de l’indépendance.
• La typo.
2 - B - Identité Visuelle
11
Nos recommandations. • Logo simplifier et à clarifier: forme simple et explicite, expressives des thèmes retenus. • Rendre plus lisible en intégralité en petit. • Associer un couleur identitaire forte. • Typographie porteuse de sens et impactante, en adéquation avec l’axe choisi. Utilisation de typographies différentes entre logo et titre. • Activités culturelles, artistiques,urbain. • Camaieu de rouge, à voir ? (engagement, culturelle ) • “Friches “ en évidence “théatre urbain” en petit
Axes de création Friches: activités culturelles, artistiques, urbain, recherche, démonstration, théâtre, performance, mise en scène, atelier, lieu atypique (Eiffel), convivial, entre aide, solidarité, urbain, proximité, humain, ...
1-Spectacle Vivant : démonstration, théâtre, performance, mise en scène 2- La proximité : le lien, le partage. 3- Engagement : convivial, entre aide, solidarité. 4- Le lieu : Construction Eiffel rappellant le maillage urbain.
spectacle vivant
tion ra
démons t
e
mi cè n s se e n
théâtre Performance Démonstration
proximitĂŠ
humanitĂŠ
lien
social
EngagEmEnt humanité solidarité échange
mutualité
association
architecture
mĂŠtal
rĂŠseau
lieu
eiffel espace
construction
2 - B - Identité Visuelle
20
2 -B - Identité Visuelle
Proposition de logos le spectacle vivant
friches
s
théâtre urbain
fr
s
théâtre urbain
théâtre urbain
fr
théâtre urbain
la proximité
friches
théâtre urbain
c
théâtre urbain
théâtre urbain théâtre urbain
théâtre urbain
théâtre urbain
21
2 - B- Identité Visuelle
L’engagement
thé ât re ur bain
thé ât re ur bain
22
2 - B - Identité Visuelle
Le lieu / Le maillage
THÉÂTRE URBAIN
Théâtre urbain
THÉÂTRE URBAIN
FRICHES Théâtre urbain
friches fric frich ffr riche rri ric ich iiches ches cch heess he
Théâtre urbain
Théâtre urbain
23
2 - B- Identité Visuelle
thé ât re ur bain
24
25
2 - B - Identité Visuelle
Zonning du site de Friches logo ACTUALITÉ tous les projets
COMPAGNIE
PROJETS
ÉVÉNEMENTIEL
sites spécifiques
spectacles déambulatoires
CONTACT
projet vitupErrance
F En films et vidéos
collaborations artistiques
l’avant-rue
Description Exploration illustrée et commentée avec Christophe Blandin-Estournet (directeur de CultureOCentre / festival Excentriques), Sarah Harper (Friches Théâtre Urbain) et Caroline Obin (Proserpine clown publique, Cie l’Apprentie Compagnie), avec la participation de Danielle Bellini , directrice des affaires culturelles de Champigny-sur-Marne. + voir le site du cycle art (espace) public A l’occasion de cette rencontre, Sarah Harper apportera son regard sur la fabrique de ces nouvelles géographies culturelles, par l’exposé du projet artistique et participatif
Recherche
Module Facebook
projets
projets
projets
Module Facebook Dernière actualité
projets
projets
projets
logo retenu ACTUALITÉ
COMPAGNIE
PROJETS
ÉVÉNEMENTIEL
CONTACT
AUTRES LIENS
ACTUALITÉ
COMPAGNIE
PROJETS
sites spécifiques
spectacles déambulatoires
tous les projets
ÉVÉNEMENTIEL
CONTACT
projet vitupErrance
F En films et vidéos
collaborations artistiques
l’avant-rue
LA PHILOSOPHIE
Exploration illustrée et commentée avec Christophe Blandin-Estournet (directeur de CultureOCentre / festival Excentriques), Sarah Harper (Friches Théâtre Urbain) et Caroline Obin (Proserpine clown publique, Cie l’Apprentie Compagnie), avec la participation de Danielle Bellini , directrice des affaires culturelles de Champigny-sur-Marne. + voir le site du cycle art (espace) public A l’occasion de cette rencontre, Sarah Harper apportera son regard sur la fabrique de ces nouvelles géographies culturelles, par l’exposé du projet artistique et participatif
OK
Recherche FRICHES
FRICHES
projets
projets
projets DERNIÈRES ACTUALITÉS Action sociale dans le métro
projets
ACTUALITÉ
COMPAGNIE
projets
PROJETS
ÉVÉNEMENTIEL
projets
CONTACT
AUTRES LIENS
Dernière actualité
2 - C1 - Site internet
28
2 - C1 - Site internet
29
C1. LE site internet Nous avons à choisir un outil avec une facilité à la fois d’utilisation et d’accessibilité, ce qui va donner une autonomie totale pour la gestion du site internet et réduira grandement les coups de maintenance à nos com-
manditaires. De plus à l’heure des médias sociaux et de l’interaction avec les communautés nous devons choisir un outil qui ce place le plus dans le web 2.0 en adoptent de nombreuses extensions actuelles.
En somme il a fallu choisir un outil complet, sécurisé et le plus simple possible.
1. L’arborescence Page d’accueil
Actualités Lien vers le projet présenté
Projets Site specifique Spectacles déambulatoires
Evénementiel Présentation Références
Cie FTU
Contact
Chronologie visuelle (présentation)
Lien vers l'Equipe Où nous trouver
Sarah Harper
Projet vitupErrance
Pascal Laurent
films et vidéos
Artiste associé : J.D.
Collaborations artistiques
L'équipe Où nous trouver (AR et ailleurs)
Rubrique Actualités La rubrique actualité est l’ensemble des actualités postés à projets des différents projets. Acutellement, la compagnie dispose de 3 autres sites: - http://witnessn14.canalblog.com - http://lieucommun92.wordpress.com - http://parcelle343.hautetfort.com Cette rubrique ne sera pas sous la forme d’un flux d’actualité “basique” : l’internaute aura la possibilité de cliquer sur différentes photos, chacune représentant une actualité d’un des projets de la compagnie. Ce flux sera alimenté automatiquement lorsqu’une actualité sera posté sur l’un des trois autres sites de la compagnie.
La rubrique d’informations de la compagnie Friches Théatre Urbain sera composée de 5 pages. Une chronologie visuelle qui permettra de présenter la compagnie. Puis une page dédiée pour chaque fondateurs de la compagnie Sarah Harper, Pascal Laurent et Artiste associé: J.D. Enfin, une page “Ou nous trouver” avec les noms des différents membres de l’équipe, ainsi que l’addresse de l’Avant Rue accompagné d’un plan interactif (Google Maps). Un lien sera présent vers la page “Contact”.
2 - C1 - Site internet
30
2 - C1 - Site internet
31
. Rubrique Contact
. Rubrique Projets La rubrique Projets, elle, sera découpée en 6 sous rubriques :
-La première sous rubrique sera dédié aux sites spécifiques des projets (cf rubrique actualité). Chaque site disposera d’une présentation accompagné d’une image/photo, et directement accessible. -La deuxième sous rubrique concernera les spectacles déambulatoires. A l’image de la rubrique précédente, il y aura une présentations ainsi que des photos.
-La sous rubrique suivante sera identique à la seconde, mais concernera le Projet vitupErrance.
Il est important pour tout site internet de posséder un moyen de contact dynamique, simple et rapide d’utilisation. -La quatrième sous rubrique sera dédié aux films et vidéos de la compagnie. Bien qu’on puisse héberger des vidéos directement sur le site, si il y en a besoin, la majorité de ces vidéos seront directement récupérées des sites d’hébergement (Youtube par exemple). Elles seront alors intégrées à la page à l’aide du code fournis par ces sites d’hébergement. Cette solution est retenue car elle favorise le partage des vidéos, via les réseaux sociaux par exemple.
- La cinquième rubrique concernera les collaborations artistiques. Présentations, images, d’éventuels liens vers des sites partenaires. - La dernière rubrique sera dédié à l’Avant-Rue. Elle sera composée d’une présentation du lieu, de photos, et d’un lien vers le site de l’Avant-Rue.
L’internaute qui veut contacter la compagnie aura le choix entre deux options sous la forme d’un menu déroulant : -Demande d’informations -Demande de devis
Si le contact n’est pas le même, et selon le choix de l’internaute, le formulaire de contact, composé de ses coordonnées ainsi que du message, sera envoyé à une adresse mail spécifique. L’objet du mail comportera également le choix de demande de l’internaute. De plus, cette rubrique comportera également deux liens pour accéder directement aux pages “L’équipe” et “Où nous trouver”.
2 - C1 - Site internet
32
2 - C1 - Site internet
33
2. Solution technique
L’actuel site Friches Théâtre Urbain a été créé sous le CMS SPIP. Nous avons choisi de garder ce type de site web. Facile d’utilisation et pratique à administrer, les CMS sont une solution agréable. Ils disposent d’un BackOffice performant et d’une grande flexibilité, entre autre grâce aux modules. Nous avons comparé 4 CMS différents qui sont sous licence libre GPL. Leur utilisation est donc gratuite. Pour rappel, un système de gestion de contenu ou CMS (en anglais, Content
Management System) est une famille de logiciels destinés à la conception et à la mise à jour dynamique de site web ou d’application multimédia. Ils permettent à plusieurs individus de travailler sur un même document, fournissent une chaîne de publication (workflow) offrant par exemple la possibilité de mettre en ligne le contenu des documents, permettent de séparer les opérations de gestion de la forme et du contenu et enfin permettent de structurer le contenu (utilisation de documents, de blogs, de forums, de discussion, etc.).
Description de chaque CMS:
SPIP
version actuelle: 2.1.13 Spip est l’un des plus vieux CMS. Utilisant le langage PHP et MySQL, c’est l’un des logiciels libres de gestion de contenu parmi les plus utilisés en France. Il est gratuit, mais malheureusement ne propose plus beaucoup de mises à jours régulières. Il est de plus en plus délaissé.
WORDPRESS
version actuelle: 3.3.2 WordPress est un système de gestion de contenu (CMS) qui permet de créer et gérer facilement l’ensemble d’un site web ou simplement un blog. Gratuit et libre, WordPress est personnalisable grâce à de nombreux thèmes et plugins. En outre, il existe une solide communauté à travers le monde entier.
2 - C1 - Site internet
34
2 - C1 - Site internet
JOOMLA
version actuelle: 1.5.26 Joomla! est un système de gestion de contenu libre, open source et gratuit. Écrit en PHP et utilisant une base de donnée MySQL, Joomla! inclut des fonctionnalités telles que des flux RSS, des news, des versions imprimables des pages, des blogs, des sondages, et des recherches. Joomla! est sous licence GNU GPL.
DRUPAL
version actuelle: 7.12 Drupal est un logiciel qui permet aux individus comme aux communautés d’utilisateurs de publier facilement, de gérer et d’organiser un vaste éventail de contenus sur un site web. Des dizaines de milliers de personnes et d’organisations utilisent Drupal pour propulser des sites de toutes tailles et fonctions.
SPIP
Mises à jour Stabilité Modules Thèmes Cout moyen de personnalisation Meilleur module référencement Serveur Web
Wordpress
Administration
Joomla
Installation Utilisation
Drupal
Comparaison des CMS
Accessible
Très simple
Très simple
Accessible
Pas pour l'utilisateur occasionnel. Orienté developpeur et intégrateur. Nouvelle version, tout est en ajax. Quelque fois c’est un peu confu Mises à jour régulières
Assez confu, demand un suivi de tutoriel
Utilisable par des novices
Très confu, on se perd vite.
Très intuitif
Assez simple, même s’il demande quelques connaissances en la matière Très rigide, peut de modifications sont possibles
Beaucoup de mises à jours
Beaucoup de mises à jours
Laissé un peu à l’abandon
Très stable
Très stable
Très stable
Très stable
Plus de 8000
Plus de 7500
Plus de 14500
Indéterminé (très peu)
Presque 1000
Plus de 500
Plus de 2000
Plus de 500
entre 7500 et 75000 euros
entre 3500 et 25000 euros
entre 300 et 18000 euros
Plus de 10000 euros
Pathauto
AceSEF
All in one SEO
Plugin SEO
Apache
Apache/IIS
Apache/IIS
Apache
35
2 - C1- Site internet
36
2 - C1 - Site internet
37
WordPress est régulièrement tenu à jour, et il est très efficace en terme de référencement. Un site sous WordPress remonte très rapidement dans les résultats du référencement naturel. Il est, à ce jour, le CMS le plus utilisé.
. BackOffice / Administration Le BackOffice Wordpress possède 3 parties distinctes :
3. Solution retenue : Nous avons fait le choix de changer le CMS qu’utilise le site actuel, SPIP, en faveur de WordPress. WordPress possède de nombreux avantages. Une fois installé, il se révèle très simple d’utilisation, même pour un utilisateur novice. Il dispose également d’une grande communauté. Ce qui signifie que toute maintenance et/ ou installation, mise à jour du site sera facilité grâce à l’aide disponible sur les nombreux sites communautaire. Nous avons choisi de changer de CMS car SPIP est un CMS vieillissant avec une communauté, et des modules, moins nombreux. WordPress est régulièrement tenu à jour, et il est très efficace en terme de référencement. Un site sous WordPress remonte très rapidement dans les résultats du référencement naturel. Il est, à ce jour, le CMS le plus utilisé.
Les pages :
Les pages de Wordpress peuvent être comparées aux pages d’un site web n’utilisant pas un CMS. Le contenu des pages n’est pas destiné à être souvent modifié. Concrètement, on aura, par exemple, une page “Les Projets” contenant toutes les informations relatives à ces derniers. Les pages sont accessibles via le menu.
Les articles :
A l’image d’un blog, ce que propose les CMS, les articles peuvent être très nombreux et être postés à n’importe quel moment. Dans la cas de la compagnie FTU, l’utilisation des articles au sens propre n’aura pas réellement d'intérêt. Le flux d’actualité (les articles) n’est utile et viable, que si il est mis à jour régulièrement.
2 - C1 - Site internet
38
2 - C1 - Site internet
39
Les Widgets & add-ons :
Cette partie est divisée en 2 sous parties : Les Widgets : ce sont des fonctionnalités diverses et faciles à mettre en place sur le site (calendrier, flux RSS, derniers commentaires, etc). Wordpress possède nativement plusieurs widgets, mais de nombreux autres widgets sont disponible. Les add-ons : ce sont, eux aussi, des fonctionnalités pour le site, mais qui ne sont pas forcément visible pour l’utilisateur (askimet, par exemple, est un add-on d’anti-spam). Comme pour les widget, Wordpress en possède de base un certain nombre, mais de nombreux autres add-ons sont mis à disposition à la communauté.
Dashboard :
Wordpress dispose également d’un dashboard (=tableau de bord) qui est très pratique pour avoir une vue d’ensemble sur l’activité du site. On y retrouvera le nombre de visite, les commentaires... Il est entièrement personnalisable.
Mise à Jour:
Wordpress est régulièrement mis à jour. Ses mises à jour sont très importante en terme de sécurité (nous y reviendrons dans une partie dédiée). Elles peuvent être installées de deux manière différentes. Manuellement et automatiquement. La façon automatique est très simple, et ne nécessite qu’un seul clic. De la même manière, les add-ons et widgets sont très facile à mettre à jour. Concernant leur installation, le BackOffice de Wordpress possède une recherche qui leur est dédiée. Ainsi, l’utilisateur peut procéder à une installation assistée. Durant cette année, notre agence s’occupera d’effectuer toutes les mises à jour. Le guide d’utilisateur, qui sera fournis avec le site, expliquera comment procéder aux mises à jour du site lorsque la compagnie reprendra entièrement le site en main.
Guide client :
Un guide d’utilisation et d’administration du site sera livré en même temps que le site. Ceci afin de permettre au commanditaire de modérer et d’administrer le site sans difficultés, et sans avoir des connaissances techniques poussées. Ce guide comportera entre autre les explications des
processus de mises à jour et/ou d’installation du site et des add-ons/widgets. Une partie sera consacré aux méthodes qui rendront les publications optimales en terme de référencement (même pour les publications des autres sites de la compagnie). Aussi, le guide proposera des axes concernant des possibilités d’évolution du site ou d’une migration vers un autre hébergeur. Enfin, une dernière partie aura pour objectif de fixer des limites dans l’action de la compagnie sur le site. Ceci afin d’éviter un risque de mauvaise manipulation et de prévenir de tout dégâts important (sur la base de données par exemple, ou directement sur le code source).
2 - C1 - Site internet
40
41
Post sur reseaux sociaux :
Nous allons développer un add-on qui va recupérer automatiquement les nouveaux articles postés sur les différents sites de projets que possède la compagnie. Une fois récupéré, ces articles seront alors postés automatiquement sur les pages facebook et twitter de la compagnie. Cette opération permettra d’augmenter l’efficacité du référencement sur ces articles et, evidemment, un gain de temps.
Formulaire contact :
Pour le formulaire de contact, notre choix s’est porté sur l’add-on “contact form 7”. Il est l’add-on de formulaire de contact le plus utilisé à ce jour sur Wordpress. En plus d’avoir une énorme communauté autour de ce plugin, sa configuration peut être très poussée. Nativement, il possède le menu déroulant pour le choix du type de message.
2 - C1 - Site internet
Langue :
Le visiteur aura le choix de la langue du site. Un petit drapeau français ou anglais sera disponible sur chaque page afin de changer la langue. La traduction du site ne sera pas fait automatiquement par des outils comme Google translate (pour éviter des traductions hasardeuses), mais manuellement. Une table sera dédié aux traductions anglais en BDD.
4. Les techniques : Grâce aux nombreuses mises à jour de Wordpress, le CMS est protégé contre tous types de piratages (faille XSS, injections SQL, etc...). Quelques précautions sont quand même à prendre. Ne pas mettre comme login / mot de passe ‘admin / admin’ pour l’administrateur principal, mais plutôt utiliser un pseudonyme, ainsi qu’un mot de passe contentant une lettre majuscule et un chiffre. Wordpress est sécurité contre les attaques brutes forces (robot essayant des millers de mots de passe différents), si un utilisateur tente de se connecter 3 fois de suite sans succès, l’administration se bloque. Après mûre réflexion, une connexion à l’administration avec le protocole SSL n’est pas nécessaire car elle va être trop couteuse à mettre en place, et l’hébergement du site Friches Théâtre Urbain n’est pas un serveur dédié, mais mutalisé.
2 - C1 - Site internet
42
5. Réferencement et Visibilité Nous allons focaliser notre référencement sur les standards de Google, car il représent à lui seul plus de 90% des recherches sur internet en France. Une recherche des mots clés les plus pertinents pour le site Friches Théâtre Urbain va être effectuée. Puis une optimisation de la page d’acceuil pour Google (code source) sera faite, tout en le site ergonomique pour les internautes. Une optimisation des pages de projet va aussi être effectuée, afin que des divers recherches sur Google aboutissent plus les pages du site. Cette optimisation du code source est très importante, car les balises ‘h1, h2, h3, ainsi que title et meta-description’ sont critiques pour un bon référencement. Par exemple, ne pas reprendre des mêmes termes à la fois dans une balise h1 et une balise h2, ou ne pas dépasser 70 caractères dans une balise meta-description. Depuis l’arrivée des reseaux sociaux, Google a changé légèrement sa politique en améliorant le référencement des sites quoi sont beaucoup présents sur les réseaux sociaux. Google souhaite proposer un résultat de qualité et éviter les sites au contenu copié. Un lien entre les réseaux sociaux Facebook et Twitter va être présent sur le site afin d’avantager un maximum le site Friches Théâtre Urbain.
6. Possibilité d’évolution Wordpress étant l’un des CMS les plus utilisés dans le monde, il est donc très facile de reprendre le code et ainsi modifier le site à sa guise. L’architecture du site est bien connu des développeurs et ne posera pas de soucis lors qu’une éventuelle mise à jour. De plus, la communauté wordpress est très étendue, sur des dizaines de forum. De nombreuses personnes se portent volontaires pour aider gratuitement sur ces forums. De plus, une notice développeur sera fournie lors de la livraison du site. Elle expliquera et détaillera toutes les fonctions qui vont être mises en place sur le site FTU. Ainsi, si le site vient à être modifié, la tâche sera énormément simplifié grâce à cette notice. Une notice utilisateur va être aussi fournie, ce qui permettra à un néophyte de pouvoir utiliser pleinement toutes les fonctionnalités du site internet.
2 - C2 - Réseaux Sociaux
43
C2. Réseaux sociaux . Facebook L’un des meilleurs outils marketing du moment est Facebook. Avec presque 1 milliard de comptes sur la planète, c’est un véritable outil pour échanger facilement. Il va donc y avoir un lien direct entre la page facebook Friches Théâtre Urbain et le site internet, ce qui va, par conséquence, augmenter le trafic. Grâce à l’add-on intégré dans la publication des articles sur friches.fr, un “post” va être créé automatiquement sur la page Friches Théâtre Urbain Facebook! De quoi rappeler l’existence du site et de partager l’information à chaque nouvelle actualité.
. Twitter Twitter la plate-forme de micro-blogging permettra de relayer les dernières actualités publiées sur le site friches.fr, de la même manière que Facebook, c’est à dire à chaque publication d’un nouvel article. Il ne faut pas oublier que les tweets sont limités à 160 caractères, et qu’il va donc falloir utiliser un outils permettant de raccourcir les URL.
2 - C3 Newsletter
44
C.3. Newsletter Une newsletter aussi appeler “Lettre d’information” est un mail automatique qui est envoyé de façon régulière à une liste de contacts qui s'y sont abonnés. Son objectif pour Friches Théâtre Urbain est d’informer les abonnés de l’actualités de la compagnie, ses nouveaux projets. Et surtout, de montrer que le commanditaire est toujours présent et actif. La newsletter sera conçue selon la charte graphique de la compagnie.
Exemple de newsletter sur le même thème que Friche Téâtre Urbain:
2 - C4 - Support Print
45
C.4. SUPPORT Print . Brochures, Affiches et Flyers Le but est de créer un gabarit de base, pour qu’il puisse être repris par le commanditaire selon leur différentes publications. Nous ferons le choix d’un format A5, un petit format que l’on peut transporter facilement, plutôt qu’un grand format encombrant pour le curieux qui s’emparera de l’objet.
Exemple de support de communication Print basé sur l’importance de la photographie
La mise en page sera basée sur une forte présence de la photographie, car elle est très important dans les projets de Friches et sur un élément graphique avec de l’impact, tel que le logo friches (reprise du sorte de tampon). L’intérieur de la brochure flaissera place à l’illustration photographique.
Aspect juridique 3
46
3.
Aspect juridique .Droit d’auteur
D’après les articles L 111-1 et L 123-1 L'auteur d'une œuvre de l'esprit jouit sur cette œuvre, du seul fait de sa création, d'un droit de propriété incorporelle exclusif et opposable à tous, pour une durée correspondant à l’année civile du décès de l’auteur et des soixante-dix années qui suivent, au bénéfice de ses ayants-droits. Au-delà de cette période, les œuvres entrent dans le domaine public. Selon les articles 226-1 à 226-8 du code civil, tout individu jouit d’un droit au respect de sa vie privée ainsi que d’un droit à l’image.
. Droit à l’image En vertu de ces dispositions, les publications ou les reproductions d’une photo sur laquelle un individu est clairement reconnaissable n’est possible qu’avec son consentement préalable, que l’image soit préjudiciable ou non. Cependant les photos dont la personne n’est pas le sujet principal, les photos prises de loin ou de dos, ou bien encore les photos de foule font exception à cette règle. Un document manuscrit doit être signé par les personnes concernées par les photographies. Le document doit mentionner les références des photographies et de l’utilisation des photographies.
. Mentions légales Selon la loi N°2004-575 du 21 juin 2004 pour la confiance dans l’économie numérique, un certain nombre d’information doivent figurer sur les sites internet. Le site de la compagnie Théatre Friches Urbain comportera ces informations dans la rubrique mentions légales. Coordonnées de l’association « Les sociétés, associations, etc. qui exploitent un site web doivent indiquer leur dénomination ou leur raison sociale et leur siège social, leur numéro de téléphone et s‘il s’agit d’entreprises assujetties aux formalités d’inscription au registre du commerce et des sociétés ou au répertoires des métiers, le numéro de leur inscription, leur capital social, l’adresse social. » Directeur de publication et hébergeur du site « Que l’éditeur du site soir une personne morale ou physique, il devra indiquer le nom du directeur, codirecteur, ou celui du responsable de la rédaction des publications. Doit également être mentionné
le nom de l’hébergeur. Ces éléments doivent figurer dans un standard ouvert informations données par la loi. Ces mentions permettent, si besoin, aux tiers de pouvoir exercer un droit de réponse, ou de notifier la mise en ligne de contenu illicite. » Créateurs du site Les rédacteurs, designers, photographes, développeurs, etc. qui ont contribué à la création du site et qui le souhaitent, pourront être mentionnés dans les mentions légales. Protection des données personnelles Conformément à l’article 34 de la loi N°78-17 du 6 janvier 1978, relative aux fichiers et aux libertés, vous disposez d’un droit d’accès, de rectification et de suppression des données nominatives vous concernant. Les droits d’accès et de rectification s’effectuent auprès du webmaster, chargé de la modération du site.
Aspect juridique 3
47
Dépôt Il est obligatoire d’indiquer si le site a fait l’objet d’une déclaration à la CNIL (Commission nationale de l’informatique et des libertés) ou à l’INPI (Institut National de la Propriété Industrielle) et d’y indiquer les références. Reproduction Toute reproduction totale ou partielle de ce site par quelque procédé que ce soit, sans autorisation, est interdite et constituerait une contrefaçon sanctionnée par les articles L.3352 et suivants du Code de la Propriété Intellectuelle. La copie pour publication des illustrations, photographies, commentaires,... doit faire l’objet d’accord préalable. Droit applicable Le présent site est exclusivement régi par le droit français et par les conventions internationales applicables en France.
Plannifications et responsabilités
48
5.BUDGET
Suzanne Fann y
14 Juin 12
13 Juin 12
Mai 12
4 Mai 12
Avril 12
23 Fev. 12
Tous
18 Fev. 12
Pierre & Jérôme
19 Jan. 12
Mari ne
09 Jan. 12
14 Juin 12
13 Juin 12
4.
Plannifications 4 -
Rendu du cahier des charges Conception graphique du site
web
Réalisation de la présentation en vue de la soutenance Soutenance du cahier des charges Récupération du contenu des bases de données du client
Suzanne Fann y
Rédaction des contenus
Mari ne
Réalisation graphique print
Pierre & Jérôme
Finalisation du design du site
Tous
Intégration & développement du site Rendu du dossier de recommendations Soutenance du dossier de recommendations Réalisation de la présentation en vue de la soutenance nale Pré-soutenance Soutenance
nale
+
Evénement de communication
Budget 5-
49
6.
50 HTML
conclusion
La Compagnie Théâtre Friches Urbain souhaite redynamiser son site, actualiser son identité visuelle.
7.
Pour cela, nous utiliserons des moyens simples, efficaces, accessible tant au niveau technique que financier. Les outils utilisés sont divers, réalisation d’un site web, réalisation d’un gabarit pour une newsletter, affiches et flyers, et utilisation des réseaux sociaux. Nous informerons le Théâtre Friches Urbain à chacune des étapes de la réalisation afin que celui-ci valide nos propositions.
Glossaires
CMS
Un système de gestion de contenu (Content Management System) est une famille de logiciels destinés à la conception et à la mise à jour dynamique de site Web ou d’application multimédia. Ils partagent les fonctionnalités suivantes : ils permettent à plusieurs individus de travailler sur un même document ; ils fournissent une chaîne de publication (workflow) offrant par exemple la possibilité de mettre en ligne le contenu des documents ; ils permettent de séparer les opérations de gestion de la forme et du contenu ; ils permettent de structurer le contenu (utilisation de FAQ, de documents, de blogs, de forums de discussion, etc.) ; ils permettent de hiérarchiser les utilisateurs et de leur attribuer des rôles et des permissions (utilisateur anonyme, administrateur, contributeur, etc.) ; Les plus connus sont WordPress, Joomla et Drupal.
51
CSS (Cascading Style Sheets : feuilles de style en cascade) est un langage informatique qui sert à décrire la présentation des documents HTML et XML. Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C)
Ergonomie web Un site web est qualifié d’ergonomique quand il propose un mode de navigation aisé et intuitif permettant à ses visiteurs une prise en main rapide de ses fonctionnalités. C’est la recherche d’une meilleure adaptation entre les fonctionnalités du site et ses utilisateurs.
Fidélisation
Google Analytics
Aspect d’une stratégie marketing, conçu et mis en place dans le but de permettre aux clients de devenir puis rester fidèles au produit, au service, à la marque, et/ou au point de vente. La fidélisation doit permettre un meilleur contrôle de l’activité et, à terme, une plus grande rentabilité La fidélisation repose sur la gestion de la relation client.
Google Analytics est un service d’analyse de trafic Web gratuit proposé par Google.
Flux RSS Un flux RSS est un fichier dont le contenu est produit automatiquement en fonction des mises à jour d’un site Web. Les flux RSS sont souvent utilisés par les sites d’actualité ou les blogs pour présenter les titres des dernières informations consultables en ligne. Le terme RSS signifie que le contenu du fichier est informatiquement codé selon le standard RSS, qui s’appuie lui-même sur le langage informatique XML.
Google adwords Nom du système publicitaire du moteur de recherche Google. Celuici affiche des bannières publicitaires, qui sont les mots-clés que tape l’internaute. Les annonceurs paient lorsque l’internaute clique sur la publicité selon un système d’enchère et de qualité: plus l’annonce sera pertinente pour l’utilisateur, plus le prix au clic sera bas et l’annonce en évidence
GPL Licence publique générale GNU, ou GNU General Public License est une licence qui fixe les conditions légales de distribution des logiciels libres du projet GNU
HyperText Markup Language est le format de données conçu pour représenter les pages web. C’est un langage de balisage qui permet d’écrire de l’hypertexte, d’où son nom. HTML permet également de structurer sémantiquement et de mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images, des formulaires de saisie, et des éléments programmables tels que des applets. Il permet de créer des documents interopérables avec des équipements très variés de manière conforme aux exigences de l’accessibilité du web. Il est souvent utilisé conjointement avec des langages de programmation (JavaScript) et des formats de présentation (CSS) JavaScript Langage de programmation de scripts principalement utilisé dans les pages web interactives.
52 JQuery Bibliothèque JavaScript libre qui porte sur l’interaction entre JavaScript (comprenant AJAX) et HTML, et a pour but de simplifier des commandes communes de JavaScript.
Moteur de recherche interne Un moteur de recherche interne est une application onsite permettant de retrouver des ressources (pages web, vidéo, fichiers, etc.) associées à des mots quelconques, mots clés. PHP HyperText Preprocessor est un langage de scripts libre principalement utilisé pour produire des pages Web dynamiques via un serveur HTTP, mais pouvant également fonctionner comme n’importe quel langage interprété, de façon locale, en exécutant les programmes en ligne de commande.
Référencement Phase d’indexation du site par les outils de recherche puis par une phase de positionnement de ces sites dans les résultats naturels, pour donner plus de visibilité du site sur le web via les moteurs de recherches et les annuaires spécialisés.
SQL (Structured Query Language) est un langage informatique normalisé qui sert à effectuer des opérations sur des bases de données. La partie langage de manipulation de données de SQL permet de rechercher, d’ajouter, de modifier ou de supprimer des données dans les bases de données.
SPIP
WordPress
Système de publication pour l’Internet qui s’attache particulièrement au fonctionnement collectif, au multilinguisme et à la facilité d’emploi. C’est un logiciel libre, distribué sous la licence GNU/GPL. Il peut ainsi être utilisé pour tout site Internet, qu’il soit associatif ou institutionnel, personnel ou marchand.
WordPress est un système de gestion de contenu libre écrit en PHP et reposant sur une base de données MySQL. WordPress est surtout utilisé comme moteur de blog, mais ses fonctionnalités lui permettent également de gérer n’importe quel site web. Il est distribué selon les termes de la GNU GPL. Le logiciel est aussi à l’origine du service WordPress.com.
53
54
La nature du projet La Friches Théâtre Urbain est une association qui tend à promouvoir le théâtre de rue. L’association modifie notre environnement quotidien afin de créer des images en rupture avec celui-ci. La compagnie naît d’une collaboration entre Pascal Laurent, acteur et fondateur de la compagnie et Sarah Harper, metteur en scène. Elle tient son originalité de cette alliance, de leurs expériences et de leurs qualités artistiques. Par ailleurs, Friches Théâtre Urbain développe activement l’enseignement chorégraphique, théâtrale et acrobatique qui réside notamment dans l’utilisation des échasses. En 2000, la compagnie s’installe dans une an-
Florent Biffi Suzanne Buquet Marine Crespel Jérôme Duval Pierre Grimaud Fanny Heusele
La compagnie Friches Théâtre Urbain dispose d’une identité visuelle et de deux sites internet : un site pour la compagnie www.friches.fr (son histoire, ses créations, son répertoire…) et un site pour le lieu de résidence artistique que la compagnie gère : l’Avant Rue www.avantrue.fr (les résidences, les locations, les actus…). Le projet consiste à définir un diagnostic complet des outils de communication qui se sont essoufflés avec le temps et à faire évoluer l’identité visuelle tout en gardant l’esprit du passé. Actuellement la compagnie travaille dans un environnement SPIP* et la refonte des sites pourrait être l’occasion d’en changer (utilisation d’un autre CMS...). Il y a donc un enjeu technique : choisir un nouvel environnement ou trouver des solutions aux problèmes posés par SPIP. La compagnie souhaite aussi mettre à jour sa campagne de communication papier : brochures, affiches, flyers. Tous ces documents devront utiliser la nouvelle charte graphique définit au préalable.
THE NEW
WA
VE