Dossier de prĂŠparation au projet professionnel Delphine Botte Master 2 Infographie
1. Presentation du projet professionnel Delphine Botte Master 2 Infographie
4
Delphine Botte | PrĂŠsentation projet pro
1.
Sommaire
Pourquoi le sujet du “Post-it” ?..............................page 6 à 9 Ma démarche........................................................................pages 10-11 La part professionnelle du projet..........................pages 12-13
Delphine Botte | Présentation projet pro
5
Pourquoi le sujet du “Post-it” ?
L’histoire du Post-it... Le Post-it est né vraiment par hasard. En 1970, le Dr Spencer Silver, de la société américaine 3M, découvre, lors de recherches effectuées sur un produit qui n’avait rien à voir avec le Post-it, un adhésif qui colle sans coller tout en collant tout de même. Par acquit de conscience, il envoie des échantillons de sa découverte à d’autres laboratoires du groupe 3M sans qu’on trouve d’applications intéressantes dans l’immédiat pour ce produit surprenant. Il faudra attendre 10 ans pour qu’Arthur Fry, un autre chercheur du groupe 3M, trouve par hasard un débouché au futur Post-it : en effet, membre d’une chorale, il cherchait un moyen pour signaliser les pages de ses partitions sans abîmer pour autant le papier. C’est ainsi qu’en 1980 il enduit d’une mince couche de ce fameux adhésif « inconnu » les marques-pages volants de ses partitions… et ça marche ! Les petits papillons de papier aux couleurs tendres, qui se collent, se décollent, se recollent à volonté étaient nés. Le nom commercial de « Post-it » a été créé en 1981.
6
Delphine Botte | Présentation projet pro
J’ai choisi le sujet du Post-it car c’est pour moi un objet intéressant car fort au sens créatif et ludique. L’année dernière j’avais travaillé sur un projet d’affiches publicitaires pour le produit Post-it et cela m’avait déjà bien amusé. En regardant les anciennes campagnes de publicité faite autour de la marque j’ai d’abord découvert qu’il n’y avait pas beaucoup de publicités qui avaient été faites autour du produit. Ensuite, j’y ai découvert une image sympa mais pas très gaie du produit... Rien de très percutant pour un produit qui est pour moi synonyme de bien des mises en scènes et créations diverses. Voici quelques exemples d’affiches pour le produit du Post-it :
Delphine Botte | Présentation projet pro
7
Le Post-it, ce petit papier de couleur adhésif est bien utile. Mais il devient de plus en plus, depuis plusieurs année, la matière même d’oeuvres plus qu’artistiques! Le trait principal qui ressort chez les oeuvres réalisées avec des Post-it c’est leur côté éphémère : ce qui peut-être vu comme un inconvénient pour certains est source d’inspiration pour d’autres. En faisant des recherches sur les créations réalisées avec les Post-it, je me suis rendue compte que autant la marque Post-it ne faisait pas beaucoup de publicité. Autant les créations réalisées à l’aide de Post-it sont nombreuses : elles sont réalisées par des professionnels parfois mais la plupart du temps des internautes créent eux-mêmes selon leurs propres envies. Internet regorge de créations Post-it qui sont pour certaines plus qu’impressionnantes! Voici quelques exemples de plusieurs créations originales que j’ai pu trouvé sur internet dans divers sites, blogs ou forums : Oeuvres réalisées par des professionnels :
8
Delphine Botte | Présentation projet pro
Oeuvres réalisées par des internautes :
Delphine Botte | Présentation projet pro
9
Ma démarche
Mon but à moi en travaillant avec le produit Post-it c’est d’en faire ressortir une image gaie, créative mais aussi de jouer sur l’humour pour que ça marque les esprits. J’ai décidé de faire une campagne d’affiches publicitaires pour le Post-it et donc de creuser différentes pistes en matière de création avec les Post-it. Ces créations il faut bien sûr les montrer, je veux les mettre en avant grâce à un site internet que je crée (plus d’explications dans la partie 3 Web). Le site Post-it bien que fonctionnellement intéressant ne montre aucun aspect créatif du Post-it, il a un but commercial : vendre le produit. Je voulais allier mes compétences à mon projet professionnel. A savoir trois domaines qui m’intéressent particulièrement : _ le print : conception d’une identité, créations pour support imprimable, mise en page...
_ la photographie (qui est comprise dans le print également) : des prises de vue multiples avec retouches _ le web : créer un site, faire du webdesign donc travailler sur une mise en page web qui permettrait à mon projet d’avoir un support de communication plus qu’important.
Exemples d’affiches publicitaires pour Post-it crées par moi-même l’année dernière : J’avais utilisé le nom “Post-it” car c’était une campagne fictive. Bien entendu utiliser le mot “Post-it” est un plagiat de la marque de 3M. Par conséquent s’ils n’acceptent pas mon projet professionnel (pages suivantes), je ne pourrai pas utiliser le mot Post-it.
10
Delphine Botte | Présentation projet pro
Delphine Botte | PrĂŠsentation projet pro
11
La part professionnelle du projet
Mon projet professionnel doit intégrer une part professionnelle qui lui permet d’avancer au mieux. Mon objectif pour cela est de tenter au maximum une association avec Post-it et donc la société 3M. J’ai pour cela tenté de rentrer en contact avec la société 3M de Paris. Sur le site officiel de 3M il y avait une adresse postale et un numéro de téléphone. J’ai envoyé deux courriers qui sont restés sans réponse et j’ai appelé, ils m’ont donné une nouvelle adresse et j’y ai renvoyé un troisième courrier. Dans ce courrier j’explique ma démarche et je tente de les convaincre. Le courrier envoyé est visible sur la page de droite ci-contre. Bien évidement ce n’est pas simple et malgré le fait que je fasse tout mon possible pour faire accepter mon projet professionnel à 3M...Je prépare mon projet professionnel de façon à pouvoir le réaliser même si 3M n’accepte pas cette collaboration. Il faut également faire très attention aux droits que je possède ou pas et au changements dans la réalisation du projet suivant le côté officiel (association avec 3M) ou non officiel (pas d’association avec 3M)... A savoir : _ l’utilisation ou non du nom “Post-it” : en effet mentionner le mot Post-it sans avoir l’accord de la marque de 3M c’est du plagiat. Il faut donc que je me prépare à donner un nom à mon site qui ne mentionne pas le nom de la marque. J’ai donc réfléchi à plusieurs noms, je voulais qu’il y ait un rapport au papier (matière première du Post-it) et au côté créatif, artistique du produit. J’ai donc choisi le nom : Paper Creation. _ mentionner clairement sur mon site internet qu’il ne s’agit pas d’un site officiel.
12
Delphine Botte | Présentation projet pro
3M Mme Catherine Hamon Communication Corporate Boulevard de l’Oise 95006 Cergy-Pontoise cedex
Madame, Je m’appelle Delphine Botte, j’ai 22 ans et je suis en deuxième année de Master Infographie à Valenciennes. Si je m’adresse à vous c’est avant tout parce que j’aime vos produits, qu’ils ont retenu mon attention, et plus particulièrement votre produit Post-it. Etant en dernière année de Master Infographie, j’ai un projet professionnel à réaliser, et je m’adresse à vous car j’aurai besoin de votre accord pour mener à bien ce projet. Ce projet professionnel a pour but de mettre en valeur mes compétences en terme de création graphique. Mon objectif professionnel est de devenir graphiste. Mon choix pour mon projet professionnel est de faire une campagne publicitaire pour le Post-it : des affiches qui venteraient les mérites du Post-it d’une façon originale qui marque les esprits. Je voudrais également accompagner les affiches d’un support web : un mini site ou site vitrine regroupant les affiches crées et pourquoi pas les nombreuses créations originales réalisées à l’aide de Post-it (elles sont nombreuses sur le web). Si j’ai choisi votre produit Post-it c’est d’abord parce que c’est un produit qui m’intéresse. C’est un objet fort au sens créatif. Mon but n’est pas de faire des affiches qui inspirent le déjà vu, mais de défendre l’image du Post-it d’une manière créative. Bien évidement, rien ne sera publié sans votre accord et vous pourrez suivre l’avancée de mon travail en temps réel. Ce projet se crée dans le cadre de mes études et dans le but de mettre l’accent sur mes compétences. Ma demande est donc de vous convaincre d’accepter de participer à mon projet de manière officiel. Une collaboration où vous restez maître de l’image du Post-it. J’attends votre réponse (le plus tôt sera le mieux) et je me tiens à votre disposition pour plus d’informations. Pour vous faire une idée de mon travail je vous donne l’adresse de mon blog qui contient des créations pour mes études ainsi que des créations plus personnelles. Il y a une catégorie publicité où j’ai réalisé quelques créations à l’aide de Post-it : http://debit-dinspirations.blogspot.com/ Cordialement, Delphine Botte
Delphine Botte | Présentation projet pro
13
2. Partie Print Delphine Botte Master 2 Infographie
16
Delphine Botte | Partie print projet pro
2.
Sommaire
Idées pour les affiches publicitaires...................page 18 à 25 Logo Paper Creation........................................................pages 26-27 Affiches finalisées............................................................page 28 à 33
Delphine Botte | Partie print projet pro
17
Idées pour les affiches publicitaires
Les affiches publicitaires ventent de façon explicite l’utilisation des Post-it de façon créative et originale. Jouer sur l’humour est donc primordial. J’ai donc pensé réaliser des affiches qui se basent sur une mise en scène, ce qui implique des prises de vues photographiques. J’ai tout d’abord observé les photographies qui avaient déjà été faites avec des Post-it sur internet pour avoir une idée de ce qui avait déjà été fait. Ensuite j’ai mis mes idées par écrit et j’ai rassemblé le matériel qu’il fallait pour les prises de vues (ce qui varie en fonction des photographies). Première idée : retapisser entièrement une pièce avec des Post-it. J’ai cherché une pièce qui n’avait pas encore été faite : les toilettes. Une idée originale, la pièce est plus petite donc plus facile à maîtriser. Heureusement car pour cette petite pièce il a fallu une quantité exhaustive de post-it : 1300 environ... A la suite des cette prise de vue j’ai sélectionné trois photos que j’ai retouché pour de potentielles affiches :
18
Delphine Botte | Partie print projet pro
J’ai également testé cette idée avec quelqu’un à l’intérieur de la pièce :
Delphine Botte | Partie print projet pro
19
Deuxième idée : Réaliser un dessin sur des Post-it. Le dessin sur Post-it n’est pas une chose nouvelle, pas mal de personnes ont essayé. J’ai cherché à ce que la disposition des Post-it mette en valeur le produit du Post-it ainsi que le dessin dessus. J’ai donc décidé de laisser un peu d’espace entre chaque Post-it pour que l’on puisse bien voir que ce n’est pas un espace de dessin commun. Le format du dessin est carré ce qui rappelle le format de l’objet. Enfin le plus important était de choisir le dessin qui serait sur les Post-it...J’ai demandé à Seiroubahan Boukari de dessiner sur les Post-it. Seiroubahan est connu pour ses talents de dessinateur et d’illustrateur, il a son propre style et un véritable coup de crayon. Le choix du dessinateur est important car je ne voulais pas d’un dessin banal qui ne relève pas l’attention. Exemples des créations de Seiroubahan :
20
Delphine Botte | Partie print projet pro
Pour la photographie, j’ai utilisé un rétroprojecteur qui transposait sur le mur le dessin de Seiroubahan, imprimé auparavant sur un transparant. Voici la photo retouchée retenue :
Delphine Botte | Partie print projet pro
21
Troisième idée : Créer une forme avec des Post-it sur un mur. L’idée de la forme en Post-it sur un mur est intéressante car elle permet l’adaptation du Post-it à la forme. J’avais choisi de dessiner un parapluie sur le mur. Ensuite j’ai fait l’essai de la forme sur le mur accompagné d’une personne, comme si la forme représentée était la continuation de la personne. Voici les photos retenues :
22
Delphine Botte | Partie print projet pro
Quatrième idée : Créer un vêtement en Post-it. Le vêtement en Post-it était une idée que je trouvais originale mais aussi très belle visuellement parlant. Même si cela reste périlleux de faire tenir les Post-it sur le tissu. J’ai retenu deux photos de cette série :
Delphine Botte | Partie print projet pro
23
Cinquième idée : Remplacer la tête de quelqu’un par une autre tête dessinée à l’aide du Post-it. L’idée est de montrer les possibilités créatives du Post-it mais aussi de mettre en avant le côté jeune de celui-ci. Il s’adapte à toute situation et peut-être changer dès qu’on en a l’envie. Pour cette série de photographies, j’ai demandé à Hélène Becue de dessiner sur les Post-it qui servent à recréer une tête totalement différente de celle de base. Ce qui nécéssite pour celui qui dessine beaucoup de créativité...Seule la tête et le cou parfois sont redessinés, le reste du corps sur la photo ne change pas. Hélène a elle aussi un style bien particulier, elle manie tout type de dessins. C’est pour sa capacité d’adaptation que je l’ai choisi et pour son sens aigue de la créativité. Qu’importe la photographie elle a su recrée un vrai personnage. Exemples des créations d’Hélène :
24
Delphine Botte | Partie print projet pro
Voici les differentes photos retenues :
Delphine Botte | Partie print projet pro
25
Logo Paper Creation
J’ai besoin d’une identité visuelle pour mon site ainsi que pour mes affiches qui ne reprenne pas le mot Post-it (sinon c’est un copyright de la marque 3M qui a crée le nom). J’ai donc choisi le nom Paper Creation. Je dois bien entendu faire un logo qui reflète l’esprit du futur site et des affiches. Pour créer ce logo, j’ai pensé au post-it et à sa forme. Ainsi qu’au fait de le coller et de le décoller à volonté...
Je voulais que le logo donne une vision jeune et moderne du site et donc de la création avec Post-it. Le logo a été réalisé par un tracé sur illustrator.
26
Delphine Botte | Partie print projet pro
La police utilisée est Zag Bold. J’ai choisi des couleurs qui vont bien ensemble, je voulais une unicité des couleurs : un côté gaie mais qui peut tout de même être facilement inséré dans mes affiches. Je me suis fixée sur trois couleurs :
CMJN : 65 / 51 / 50 / 52
RVB : 65 / 62 / 63
CMJN : 3 / 2 / 2 / 0
RVB : 250 / 250 / 251
CMJN : 30 / 93 / 33 / 20
RVB : 159 / 32 / 91
Ces trois couleurs me resserviront particulièrement dans la déclinaison web. Même s’il est possible de voir des dérivés des trois couleurs choisies, les couleurs de référence seront toujours celles-là. Le gris en fond sera enlevé si nécessaire, pour une meilleure visualisation du logo (dans les affiches par exemple).
Delphine Botte | Partie print projet pro
27
Affiches finalisĂŠes
Mise en page des affiches avec le logo :
28
Delphine Botte | Partie print projet pro
Delphine Botte | Partie print projet pro
29
30
Delphine Botte | Partie print projet pro
Delphine Botte | Partie print projet pro
31
32
Delphine Botte | Partie print projet pro
Delphine Botte | Partie print projet pro
33
3. Partie Web Delphine Botte Master 2 Infographie
36
Delphine Botte | Partie web projet pro
3.
Sommaire
Idées, étude de l’existant............................................pages 34-35 Explication du concept site-blog...........................page 36 à 39 Webdesign du site-blog................................................pages 44-45
Delphine Botte | Partie web projet pro
37
Idées, étude de l’existant
Lorsque l’on tape Post-it dans la barre de recherche Google, on trouve en premier résultat le site officiel de Post-it : http://www.post-itetmoi.fr/ Image du site, la page d’accueil :
Le site est donc bien référencé, pour n’importe qui voulant trouver le site officiel de Post-it. Le site met bien en valeur le produit Post-it, d’un point de vue commercial. Il est coloré, vif et l’on a pas de mal à trouver l’information que l’on cherche.
38
Delphine Botte | Partie web projet pro
Seulement voilà du point de vue créatif, le site ne met pas en valeur le Post-it. Il est toujours vu comme cet accessoire de bureau et je pense que le côté artistique du Post-it n’est pas assez mis en valeur. Il manque un site qui donnerait une image plus sympa du Post-it. Dans le site officiel de Post-it on sent le marketing de la marque, les stratégies élaborées pour faire acheter le client. Dans chaque rubrique tout pousse à l’achat du Post-it : télécharger des accessoires, jouer Le site nous en donne plein les yeux et fait tout pour accrocher le client mais peutêtre gagnerait-il en simplicité. Ce qui m’a dérangé le plus sur le site c’est la vidéo constament relancée de la femme qui parle pour nous inviter à cliquer quelque part. On ne peut pas désactiver la vidéo ni couper le son du site, ce qui est un peu frustrant lorsque l’on veut visiter le site tranquillement.
C’est en observant le site officiel de Post-it que je me suis dit que j’avais envie de créer un site sur le Post-it mais de façon originale... J’ai pensé à regrouper toutes les créations réalisées à l’aide de Post-it sur un même site. Ce qui regrouperait images, vidéos, stopmotions, et toutes les créations possibles et imaginables avec le Post-it. Les créations réalisées avec des Post-it sont nombreuses sur le net. Il ne sera donc pas difficile d’alimenter le site. J’ai ensuite pensé à la mise à jour du site, qui peut-être alimenter régulièrement. Je me suis donc dit que je pourrais adapter mon site pour en faire une sorte de site-blog. Ni tout à fait un site dans la disposition, car accès sur les nouveautés parues. Ni tout à fait un blog car plus étudié dans la disposition graphique.
Delphine Botte | Partie web projet pro
39
Explication du concept site-blog
Je qualifie le site que j’ai envie de faire de “site-blog” car : _ Il est accès sur les mises à jour et sur la nouveauté qui alimente l’actualité des créations _ Il a une vrai facilité de lecture : les articles sont postés à la suite les uns des autres _ Il a un beau design et ne fait pas partie des pages “types” de blogs déjà toutes faites _ Toutes les informations nécessaires se trouvent dans des menus supplémentaires ainsi en terme d’informations il est complet et remplit tous les critères d’un bon site Ma référence en terme de webdesign, d’ergonomie d’un site que j’aime beaucoup c’est Fubiz. Après quelques recherches j’ai vu que Fubiz est considéré par ceux qui l’ont fait comme un blog. Pourtant je trouve qu’il remplit toutes les qualités d’un bon site, et ceux qui en font la promotion parlent d’un site. Alors site ou blog quelle catégorie choisir? Je choisis de nommer le mien site-blog car je le considére à la frontière des deux. Voici quelques principes essentiels de webdesign de Fubiz que je voudrais reprendre : Un grand bandeau principal avec le logo du site, en dessous les menus principaux Dans les menus principaux il y aura : Accueil - Galleries - Archives - A propos - Contact
40
Delphine Botte | Partie web projet pro
Une disposition claire et simple des nouveaux articles postés, les uns à la suite des autres des plus récents (sur la page d’accueil) aux plus anciens (dans l’historique)
Une rubrique à sur le côté droit ou gauche qui reprend les articles les plus vus
Delphine Botte | Partie web projet pro
41
La possibilité de soumettre un article pour les visiteurs, mais sans connexion par contre Un champ de recherche que je placerai plus en évidence en haut à droite
Une rubrique qui regroupe toutes les catégories possibles :images, vidéos, etc...
Des liens qui permettent directement de partager vers facebook et netvibes
42
Delphine Botte | Partie web projet pro
Une rubrique sur l’oeuvre de la semaine
Une rubrique de liens qui renvoit vers les auteurs des crĂŠations
Un lien direct pour devenir fan du site sur Facebook
Delphine Botte | Partie web projet pro
43
Webdesign du site-blog
Le site-blog sera fait avec Joomla. J’ai choisi le système Joomla pour sa facilité de mise à jour. En effet mon site sera très souvent mis à jour avec les nouveaux articles. J’ai d’abord cherché un template (gratuit) qui se rapprochait de ce que je voulais pour le site. Toutes les rubriques ne sont pas dans le template bien entendu, ce sera à moi de télécharger des modules et composants. Voici le template choisi :
44
Delphine Botte | Partie web projet pro
Voici le webdesign de Paper Creation : (première version qui évoluera à la réalisation)
Delphine Botte | Partie web projet pro
45