RAPPORT
Thomas Buffet DUT SRC* IUT CHAMBÉRY 2011
de
STAGE
* Services et Réseaux de Communication
SOMMAIRE : CHAPITRE 1 : RAREDESIGN, LONDRES
P. 03
CHAPITRE 2 : BRESTBRESTBREST, CREST
P. 21
CD
Thoma Buffet DUT S IUT CH 2011
BUFFET
— THOMAS BUFFET 2011 — SERVICES ET RÉSEAUX DE COMMUNICATION IUT CHAMBÉRY
S ET RÉSEAUX DE COMMUNICATION MBÉRY
CHAPTER ONE
RAREDESIGN À LONDRES — STARRING / WITH STEVE SIMMONDS — 4 > 29 AVRIL
WEARERARE.COM
01
Hello
4
4 De gauche Ă droite : Jim, Steve, Alice et Dan
01 — RAREDESIGN
UK
51.526141 -0.081196
51.526141 0.081196 — — —
5 5
FR
SP
ler et se spécialiser dans le Web.
me faire tirer le maximum.
Se sont donc succédés plusieurs développeurs
En discutant, j’apprends que RARE vient de
et directeurs administratifs. Alors que l’équipe
déménager dans ces locaux, que ceux ci sont
semble avoir atteint un certain équilibre - aidé
déjà trop petits et qu’ils envisagent un second
par le génie de Dan, en charge de l’aspect
déménagement, que tout le monde vient à vélo,
technique - j’ai du assister au départ d’Alice, la
que Jim vient de tagger le logo du studio sur
directrice, d’abord en vacances en Grèce et en-
le bureau que j’occupe, qu’un nouveau site web
suite, espérons, vers de belles perspectives pro-
est en préparation et qu’une Xbox est planquée
fessionnelles. Le studio se retrouve donc « boys
dans le casier sous la télévision de la salle de
only » pour mener à bien la création de sites
réunion. Je me familiarise aussi avec le fonc-
et projets multimédia pour toute une variété de
tionnement du serveur sur lequel est stocké le
Miaulant un discret bonjour à l’interphone,
clients, parmis lesquels Fila, Motorola, Chevro-
travail en cours, le système de brief résumant
j’avais poussé la lourde porte grise et monté
let, la chaîne Syfy ou le studio SPOV. Le dernier
un projet et les rôles de chacun : le fabuleux
les escaliers étroits du bâtiment fraîchement
projet majeur du studio, la refonte du site de la
Dan constitue à lui seul le pôle développement
rénové avec un peu d’appréhension et le souffle
marque de vêtements Fila, a su lui attirer les
du studio, Steve et Jim se partagent les aspects
court. Mon épreuve d’intégration fut d’ap-
regards et lui laisse entrevoir un avenir pro-
créatifs. Je remarque aussi que Steve semble
prendre à demander mon tea avec two sugars
metteur.
plus spécifiquement gérer les relations client et
Au troisième étage du 18, Charlotte Road se trouve RARE. Au coeur du quartier créatif de Londres, le studio a su s’offrir une bonne place, et pas seulement géographiquement.
and some milk et à en refuser quelques mugs par jour. Après quoi j’ai été présenté à mon partenaire, fier Mac Pro dont les deux écrans
Lors de mes recherches, j’avais découvert RARE dans un article de la revue Compu-
Jim les prestations liées au motion design et à l’audiovisuel.
teur Arts, ainsi qu’une trentaine d’autres stu-
Mais à peine installé et je reçois déjà mon pre-
dios londoniens. Parmis tous ceux ci, ce sont
mier brief : ces quatre semaines promettaient
les seuls avec lesquels j’avais maintenu une
d’être intenses.
RARE est mené par deux directeurs artistiques
correspondance par mail régulière et inté-
—
et amis de longue date, Steve et Jim. Ces bri-
ressée de part et d’autre de nos deux pays,
tishs quarantenaires sont issus tout deux de
et qui a finalement débouché sur un stage
formations à vocation artistique, et après
de quatre semaines durant lesquelles j’allais
quelques tentatives infructueuses ont finale-
« prendre part aux différents projets du studio,
ment décidés de s’entourer pour mieux travail-
externes et internes » et dont RARE espérait
trônaient sur un bureau blanc vide. Le brief sur le studio pouvait commencer.
6
6 Mes missions : écouter du jazz, répandre la philosophie du tea break et faire swinger le studio.
J’ai consacré entièrement la dernière semaine à la vidéo de présentation, ce projet étant arrivé un peu plus tard dans le stage. Le flux de production était relativement souple, si bien que je n’ai pratiquement pas eu l’impression de travailler dans l’urgence et pouvais expérimenter de multiples pistes pour mes projets. L’équipe était très disponible, restait à l’écoute
Les trois projets que je me suis vu confiés du-
de mes propositions - sentiment très agréable -
rant mon stage couvraient la majeure partie de
et demeurait patiente lorsque je tentais d’expli-
l’activité graphique du studio : j’ai été en charge
quer mes idées en agitant mes bras en l’air pour
de designer un site internet flash pour une ar-
illustrer mon propos.
tiste de jazz, une application facebook ludique
à l’heure où je tappe ces lignes, mon travail
et une courte vidéo de présentation destinée au
est exploité en phase de développement par le
nouveau site internet.
studio. Il est présenté en détail dans les pages
La majeure partie de mon temps, du moins les premières semaines, a été occupée par le site internet : il s’agissait là d’un projet commandité par une cliente « réelle » - là où les deux autres projets étaient internes au studio. J’ai été briefé sur le site et l’application facebook en même temps, et pouvais de cette façon organiser mon temps à ma guise pour les développer jusqu’à en faire mon compte rendu à l’équipe, en fin de journée ou de semaine, selon le projet.
suivantes.
01 — RAREDESIGN
7
Emily Saunders chante, et commence à être reconnue. Elle a contacté RARE pour un nouveau site, plus à même de servir ses nouvelles espérances en matière de communication.
La première étape a été d’unifier ( cette fois, pour de bon ) la communication d’Emily en proposant un nouveau logo et une typographie unique, facilement déclinables.
Emily est une chanteuse/compositrice recon-
La communication actuelle de la chanteuse,
nue et une musicienne de jazz qui va lancer
même si travaillée, demeurait éparpillée dans
son nouvel album en même temps qu’une opé-
des styles très différents et sans aucun rapport
ration de communication presse dans les pro-
entre eux. J’ai repris le logo actuel et en ai pro-
chains mois. Il a été convenu par tous qu’il était
posé une évolution sur le principe d’un sceau
important pour Emily d’établir une marque
apposable sur tous les supports de communica-
de fabrique graphique pour unifier son iden-
tion et qui permet d’unifier ces styles différents.
tité, c’est pourquoi elle a fait créer un logo et
La typographie « jazzy » de base a été affinée et
plusieurs supports de communication - par un
le logo proposé dans un cadre noir relevé par
autre studio.
un filet blanc.
Emily ressent aussi le besoin de faire évoluer
Toujours dans cette option d’unification, j’ai
son site internet actuel pour quelque chose
décliné cette typographie dans une police en-
de plus contemporain et créatif, sur mesure
tière, utilisable pour titrer affiches et disques,
et qui reflète correctement son identité et ses
mais aussi sur le site internet.
talents d’artiste. Il lui a été proposé un site entièrement construit en flash et administrable en modifiant certains fichiers XML.
7
#1 Emily Saunders
8
8
01 — RAREDESIGN
9 9 À gauche, la police créée pour Emily . Au dessus, un exemple de mise en situation sur un format carré, type pochette de CD. Ci contre, un exemple de mise en situation sur un format vertical type affiche.
Le site est conçu sur des bases de simplicité, d’ergonomie et de proximité entre Emily et son public.
de numéros qui s’avèrent (au survol) être le menu principal. En choisissant une page, la vidéo s’arrête, se floutte et se sépare en trois parties égales qui glissent légèrement pour révéler le contenu. Le site propose également une galerie d’images et de vidéos sur le principe d’un mur de vignettes qu’il suffit de faire glisser pour révéler d’autres éléments. Une fois
La page d’accueil du site permet d’identifier immé-
un élément sélectionné, sa vignette s’agrandit pour
diatement le propos du site : en plein écran on voit
révéler l’image ou la vidéo en pleine fenêtre.
une courte vidéo extraite d’un concert d’Emily,
En bas à droite de la fenêtre se trouve le lecteur mul-
traitée visuellement dans un style qui rappelle les
timédia, qui permet de contrôler la vidéo de l’accueil
pochettes de jazz classique des années 50-60 et à la-
ou de basculer vers un lecteur MP3 pour écouter
quelle on a ajouté une trame en motif pour masquer
quelques titres d’Emily.
les effets de « blocs » liés à la compression de cette
10
vidéo pour un affichage rapide sur Internet. Cette vidéo a été fournie par la cliente, qui a insisté pour qu’elle soit présente sur le site. C’est chose faite. On retrouve le logo en haut à gauche et une série
10
01
.01 la page d’accueil du site. .02 le menu se révèle au survol des numéros. .03 la vidéo a été floutée et arrêté pour afficher une page type. .04 la galerie est naviguable par glisser/déposer, en utilisant les flèches du clavier ou encore à l’aide des flèches en haut. .05 la vignette cliquée s’est étendue et a fait apparaître la vidéo, avec ses contrôles.
02
01 — RAREDESIGN
03
11 11 04
05
12
06
12 07
.06 la page « about » .03 permet d’accéder à une partie plus personnelle où Emily voulait présenter sa poésie. Ces informations sont révélées par des panneaux de couleur qui s’ajoutent à la page. .07 sont accessibles de la même façon différentes reviews sous la forme de citations courtes.
01 — RAREDESIGN
13
#2 The tea maker
13
Let’s do something fun ! « The tea maker » est une application facebook développée par le studio et basée sur un concept simple : choisir ( au hasard ) qui va faire le thé pour tous parmi une équipe. L’application était à l’origine destinée à une utilisation marketing - elle devait être utilisée pour approcher diverses entreprises et leur proposer un moyen ludique d’attirer du monde sur leur page facebook. Mais après quelques recherches le brief a changé : il n’était pas cohérent de vouloir défendre les intérêts graphiques du studio en proposant une application neutre visuellement, capable de s’adapter aux différentes marques et donc sans identité.
À gauche et à droite, une recherche de logo, du croquis à la réalisation vectorielle.
* good for you! this means requests have been sent. * all you have to do now is wait for your friends to answer.
YOU
ARE WHAT G HERE
NO
DOIN ? THEN
T
ABOU
sad, sad . GO MAKE THAT TEA YOURSELF.
W HA T
DING
AD E? RAR
LIKE
Cool ! We are going to add them to your teaʼm.
* be advised that rush mode is NOT fun
ARE YOU IN A
RUSH?
how much tea IS LEFT IN YOUR MUG? *
OK
WICKED !
NOT REALLY
* remember ?
HOT
HÅPP¥?
MONKEYS
YOUR TEAʼM* WILL BE NAMED :
* also works if you have a cup
click
the
* we mean, facebook friends.
DO YOU HAVE FRIENDS*?
1
ARE YOU INSANE ? THIS IS QUITE A LOT
YES
NO
THIS IS NOT ENOUGHT click
USE YOUR
2
OK
ANY IDEA
ABOUT
THE
NAME?
VIEW stats / MANAGE TEA’M run the tea maker oops...
WEʼLL TAKE CARE OF THAT * a teaʼm is a team who loves tea. pretty funny, isnʼt it ?
YES
DO YOU ALREADY HAVE A TEAʼM*?
NO
click
WRONG WAY?
OOPS...
DAN
+10
+10
+10
STEVE
ALICE
JIM weekly
+10
VIEW STATS :
YES
11
18
15
22
monthly
click
haha ! YOU ARE THE TEAMAKER, YOU CHEATER!
aker have bee am
SURPRISING! SURPRISING!
SOOOO
* run at your own risks
wanna CHEAT*?
NO
THE MIGHTY KITTENs MUNGOLS HEY HEY OH
a message will be posted on her wall...
VIEW OTHERS TEAMS
ADD A TEA’M
?
WHAT ABOUT ADDING A NEW TEAʼMATE?
NO
YES
Sur cette page, la version finale du tea maker.
A IMAGINATION!
82%
n! hose the te nc
n! hose the te nc
aker have bee am
14
14
01 — RAREDESIGN
L’application finale est un graphique animé
15 15
Now get back to work.
basé sur le concept de flowchart : une caméra virtuelle placée au dessus du graphique guide l’utilisateur d’étape en étape et selon ses décisions. Le tea maker propose d’enregistrer plusieurs équipes et de consulter les statistiques pour chaque membre. Tricher est possible, mais à vos risques et périls. Le point de départ du graphique est indiqué en A. L’utilisateur est d’abord invité a renseigner la quantité de thé restant dans sa tasse en utilisant le slider à droite. Une fois validé, on peut choisir d’utiliser une équipe déjà existante ou à utiliser l’application. Une fois l’équipe choi-
ances d’être
créer une nouvelle équipe en invitant des amis sie, on peut lancer le processus de sélection ou
r cette sta-
voir le statistiques de l’équipe ( et se moquer du
la triche et
n’apparaît pas tout le temps et permet de ten-
ez réguliè-
chemin obscur et tricher. L’option de triche
os chances
une bête bouilloire, vous pouvez empreinter le
ulier - c’est
Et si vous avez autre chose à faire que d’allumer
ous, il s’agit
malchanceux du groupe ).
ter de contourner le jeu, voire même de choisir
d’une part,
qui ira faire le thé ! Mais vous êtes prévenu(e),
e à chacun
des joueurs. Un karma négatif, d’une part,
prévenu(e),
Le karma est une donnée propre à chacun
et de toute
façon tricher est mauvais pour le karma.
rma.
le jeu peut se retourner contre vous et de toute
prouve aux autres que vous trichez réguliè-
e de choisir
rement, et accentue grandement vos chances
met de ten-
jouer franc jeu permet d’augmenter cette sta-
e d’allumer
d’équilibre. Au contraire, refuser la triche et
preinter le
à dire sans tricherie. Qu’y voulez vous, il s’agit
n de triche
d’être choisi(e) lors d’un tirage régulier - c’est
tistique et diminue d’autant vos chances d’être
assumé graphiquement. Certaines fonctionna-
quipe choi-
sive, passant d’idée à un concept fonctionnel et
sélection ou
The tea maker a donc pris une tournure déci-
moquer du
choisi(e) !
lités du gameplay sont encore à l’étude comme
nt des amis
l’utilisation du Karma, et les lois de probabi-
xistante ou
été réellement intéressant mais elle n’est pas à
sse en utili-
phase de développement qui va suivre aurait
dé, on peut
lité restent à définir correctement. Épauler la
venir avant quelques temps, l’équipe préférant
renseigner
se consacrer davantage aux projets externes au
t indiqué en
studio. ssible mais statistiques
—
16
16
#3 Sing Sing Sing
Clients
Pour valoriser son expérience, remercier ses collaborateurs et taper dans l’oeil de potentiels nouveaux partenaires de jeu, RARE avait besoin d’une courte vidéo mettant en scène ses différents clients, qui trônerait fièrement sur le nouveau site du studio actuellement en préparation. Je me suis proposé pour réaliser ce motion design d’environ une minute et animer les logos des clients d’une manière dynamique et en musique. à mon départ manquaient encore quelques témoignages, facilement ajoutables pour terminer la vidéo. La vidéo a été entièrement réalisée avec After
les 15 logos présents dans l’animation.
Effects dans l’espace d’une semaine. Le graphisme est volontairement épuré pour mettre les logos en avant, tous accompagnés d’une citation décrivant le formidable travail et l’admiration de ces clients pour RARE. Le style est voulu légèrement rétro pour faire écho à la musique, choisie pour sa double facette rythmée et peu commune. Ce titre a été travaillé pour correspondre à la durée de la vidéo et proposer une véritable chute à la réalisation, une dernière impression marquante. —
www.wearerare.com
studio@wearerare.com
+44(0)20 7033 3545
RARE DESIGN ASSOCIATES
01 — RAREDESIGN
17 17
18
See you soon De justesse mais tout de même à temps, j’ai réussi à amener ces 3 projets à un point clé, aux portes de la phase de développement, ou, concernant la vidéo, à une poignée de clics de la mise en ligne. Nous avons eu le soin, avec l’équipe, de mettre à plat les versions finales de
Mon stage chez RARE a été une expérience ex-
mon travail et tout clarifier pour passer la main
trêment positive et valorisante. J’ai pu appré-
en conservant la ligne de conduite initiale :
cier l’apport énorme du travail en équipe et de
tous les détails concernant les animations et
regards extérieurs autour d’un même projet et
comportements du site et de l’application ont
vérifier que décidément, la première idée qu’on
été notés, et le studio sait où me joindre en cas
a n’est que très rarement la bonne. J’ai aussi pu
de question.
me frotter au challenge de travailler de façon créative sous la contrainte de matériel imposé par un client tout comme explorer les joies de l’expérimentation dans un cadre interne et faire profiter le studio de mes compétences en motion design. J’étais tout au long de mon séjour baigné par la formidable atmosphère créative et effervescente de Londres, qui s’est révélée extrèmement inspirante. Travailler avec Steve, Jim et Dan a été un plaisir que je renouvellerai volontiers. —
STEVE
« If you fancy working in London we’d definitely be interested in trying to hire you. Trés bon. »
18
01 — RAREDESIGN
19
00
19 01
ROYAL WEDDING
08
03
HEURES PAR JOUR
ÈME ÉTAGE
18
18
CHARLOTTE ROAD
VÉLOS
MINUTES DE TRAJET
20
03
01
MUGS DE THÉ PAR JOUR
RESTO PAR SEMAINE
21
05
02
ADOBE CREATIVE SUITE
£ LA PINTE
04
FREE DAYS
14
00
RENCONTRES
JOURS DE MUSIQUE
02
CHAPITRE DEUX
ES ET RÉSEAUX DE COMMUNICATION AMBÉRY
— THOMAS BUFFET 2011 — SERVICES ET RÉSEAUX DE COMMUNICATION IUT CHAMBÉRY
S BUFFET
BRESTBRESTBREST
.FR
À CREST ( DRÔME ) — AVEC FRANÇOIS GAILLARD — 3 MAI / 10 JUIN
02
22
Bonjour
on—
Comme son nom ne l’indique pas, brestbrestbrest est drômois, possède un atelier chauffé sur Crest au fond d’un jardin, boit le café sur sa terrasse et imagine des affiches plus grandes que lui.
régionale et nationale. Parmi leurs clients réguliers, l’Espace Malraux (Chambéry), le Triangle (Rennes), la Comédie de Valence, les festivals Berlioz (Isère), Crest Jazz Vocal (Drôme), l’Arpenteur (Isère), mais aussi nombre de structures et institutions, compagnies, labels et musiciens. Brestbrestbrest s’appuie donc sur son expérience, sa connaissance technique du milieu de l’impression et une sagesse digne de Gudo Wafu Nishijima, tout en veillant aux dernières tendances.
Et ce n’est qu’un début. Comme quoi, on peut à
Les 3 graphistes indépendants qui font tourner
la fois jouir du soleil drômois, aller au marché
l’atelier ( qui est en fait une signature commune )
le mardi matin et faire profiter la province d’un
s’ouvrent toutefois, chacun à son rythme, à la
graphisme fin, engagé et professionnel, qu’on
création de sites Internet.
attribuerait d’ordinaire à la capitale - et encore.
C’est la raison pour laquelle j’ai pu poser mon
Preuve que le milieu a su s’inventer un langage
ordinateur sur la table ovale de l’atelier durant
propre, passer de Londres à Crest n’a même
un mois et contribuer en tant qu’intégrateur
pas été le choc auquel je m’attendais. On y
web à la réalisation d’une des commandes de
retrouve quelques constantes : l’open space
la saison. Mes attentes en poussant le portail
made in Ikea assorti de Mac, diverses bes-
forgé menant à l’atelier étaient multiples : j’es-
tioles empaillées et l’amassement d’un nombre
pérais mettre mes compétences au service de
considérable de trésors graphiques en font
l’atelier, apprendre un nouveau moyen de dif-
parti. Mais là où RARE exploite le multimédia,
fusion sur Internet (le fameux CMS Joomla!) et
brestbrestbrest demeure ancré dans ce qui a su
approcher un graphisme qui tenait alors pour
faire sa réputation : le print. On y retrouve des
moi plutôt de l’inspiration intangible.
travaux pour des compagnies de théâtre et plus généralement la scène culturelle et associative
44.726964 5.03118 —
22
02 — BRESTBRESTBREST
23 23
24
24
02 — BRESTBRESTBREST
25 25 Mes missions : repeindre les volets, couler une dalle de béton et appuyer le développement d’un site internet.
verses façons de dynamiser le site en l’animant de façon originale. Outre le challenge technique de Joomla!, j’ai profité de mon passage pour en apprendre plus sur le métier de graphiste indépendant, les techniques liées au print, découvrir plusieurs imprimeries
professionnelles
et
quelques
perles de typographie, échanger des points de vue sur la scène graphique actuelle et profiter
N’ayant jamais cotoyé le CMS utilisé ici (Joomla!), j’ai abordé cette mission comme un
d’un autre regard et de conseils sur mon travail personnel et mon orientation professionnelle.
challenge : du jour au lendemain, j’allais me
Ce peu de savoir est, pour moi, très important
retrouver devant un outil que j’étais supposé
également (bien qu’immatériel). Ce sont égale-
savoir utiliser. Joomla s’est finalement avéré
ments ces aspects que j’essaie de retranscrire à
très simple d’utilisation, et dès le second jour
travers ce rapport.
j’étais capable d’avancer seul en suivant les
Mes travaux avec brestbrestbrest sont détaillés
indications éventuelles de François, qui s’était
dans les pages suivantes.
chargé de maquetter le site. La seconde partie de ce projet était de remplir le site en utilisant les outils WYSIWYG de Joomla!, un travail d’apparence rebutant mais qui s’est avéré plutôt intéressant. En parallèle j’expérimentais di-
26
#1 La Fédération « Rien ne nous engage, mais beaucoup nous lie. »
François m’indiquait d’ajouter au site, et les erreurs d’affichage à corriger. Nous avons eu quelques mails et rendez vous par téléphone avec la chargée de communication de la compagnie pour valider notre travail et nous per-
Sous la direction de Philippe Delaigue, son fon-
mettre d’avancer. Certaines pages ont dû alors
dateur, la fédération officie depuis quelques di-
être entièrement refaites : l’affichage dyna-
zaines d’années comme compagnie de théâtre
mique de Joomla! étant trop contraignant, il a
à la vocation novatrice, vulgarisatrice, contem-
fallu opter pour des pages éditables à la main
poraine et artistique. Après avoir travaillé avec
dans le CMS. Il s’agissait ici de faire le bon
brestbrestbrest pour ( entre autres ) la réali-
compromis entre personnalisation du site et
sation de son journal à parution aléatoire, la
temps de travail trop important pour mettre en
compagnie s’est adressée à l’atelier pour son
place ces solutions.
site internet. L’atelier ayant un fonctionnement bien établi en matière de création de site Internet, j’ai dû m’adapter, principalement au CMS Joomla!. La grande quantité de contenu envoyé par la compagnie demandait beaucoup de temps de traitement et de mise en page au sein du CMS, j’ai donc travaillé de pair avec François. à mon arrivée Joomla! était déjà installé et le site était commencé. La première étape, après transfert du site sur ma machine, a été de me familiariser avec l’outil et notamment de nettoyer le code de la feuille de style. Je travaillais ensuite au coup par coup, selon les fonctionnalités que
26
02 — BRESTBRESTBREST
27 27
28
SITEMAP
28
PLAN DU SITE
Le plan du site rend bien compte de la quantité de contenu qui devait être présent sur le site. La maquette du site, quant à elle, fonctionne grâce à un alignement précis, une zone de contenu à colonnes et une image d’arrière plan qui s’étire pour occuper toute la fenêtre et humaniser le site.
LE JOURNAL PRESSE CONTACT LES SPECTACLES
09 SPECTACLES
LIENS CRÉDITS LA FÉDÉRATION PHILIPPE DELAIGUES ACCÈS PRO CALENDRIER LES AUTEURS
TOTAL
10 AUTEURS
31 PAGES
02 — BRESTBRESTBREST
29
forme noire fixe, calée à gauche de l’écran
menu gauche haut
menu gauche bas
menu haut
zone de contenus 1, 2 ou trois colonnes
zone du logo, calée à droite, mobile suivant la largeur de la fenêtre
WIREFRAME
MAQUETTE EN FIL DE FER
photo pleine page ou pas, en arrière-plan, qui se redimensionne avec la fenêtre
29
30
Au dessous, la maquette de page d’accueil du site.
30 | le journal
| accès pros
| contacts
| liens
| crédits
Philippe Delaigue la fédération
spectacles les auteurs calendrier
La Fédération se veut un rassemblement informel d’artistes et de théâtres qui tentent d’inventer ensemble raisons et façons de créer du théâtre. — Certains de ces théâtres sont des amis fidèles et déterminés, d’autres observent avec bienveillance ce qui est à l’œuvre et se cherchent une place, d’autres enfin ouvrent occasionnellement des pistes généreuses. Rien ne nous engage, mais beaucoup nous lie. Mettre en commun nos raisons et nos façons de faire du théâtre se fonde sur un présupposé simple : nous avons des raisons et des façons de faire du théâtre. Seulement voilà : qui sait aujourd’hui “simplement” ce qui le conduit à fabriquer du théâtre, et de cette manière plutôt que d’une autre ? — Notre première tâche est de parvenir doucement à ce constat commun qu’il est difficile, peut-être même de plus en plus difficile, de donner sens à nos buts et nos pratiques. D’accepter les doutes, les questionnements. De ne pas savoir : Quel théâtre faire aujourd’hui ? Avec qui ? Où ? Quels sont les théâtres dont nous avons aujourd’hui besoin : des grandes sallewws, des petites ? Grandes comment ? Petites comment ? La rue ? Des lieux de la vraie vie ? La campagne ? Un théâtre itinérant ? Un théâtre sédentaire qui investit des lieux différents chaque saison ? Un théâtre sédentaire pour de longues séries de représentations ? Pour qui ces représentations ? Comment aller à la rencontre de nouveaux publics ? Qui sont-ils ? Devons-nous créer pour eux ? Comment lutter contre l’inexorable vieillissement des publics de théâtre ? Les artistes de théâtre doivent-ils être comptables d’un rapport au public ? Et si oui, de quel type ? Ne doivent-ils être que les auxiliaires d’une action culturelle et d’un imaginaire “lien social” ou doivent-ils être associés voire portés à la direction des lieux ? Pourquoi ne pardonne-t-on rien au
Le travail de développement d’un site sous Joomla! en utilisant un template personnalisé est surprenant : on compte 10% d’intégration des différentes zones de contenu - le template à poprement parler tient en quelques lignes, 30% de réglage des innombrables paramètres et modules du CMS, et finalement 70% de remplissage et mise en page du contenu du site. Les seuls 10% de code CSS/HTML/PHP purs sont certainement un atout du CMS, mais le temps gagné ici est très vite perdu dans le labyrinthe de l’interface d’administration. Joomla! s’est cependant avéré être extrêment souple d’utilisation et accessible à tous - avec les inconvénients que l’on connait : si webmestre est un métier à part entière, ce n’est pas pour rien. à mon départ, le site était en ligne. Restait le transfert du nom de domaine et la formation de la compagnie à l’utilisation de leur nouvel outil. —
02 — BRESTBRESTBREST
31 31 Au dessous, la page de contact et une page présentant un spectacle
| le journal
| accès pros
| contacts
| liens
| crédits
| contacts
| liens
| crédits
Philippe Delaigue la fédération
spectacles les auteurs calendrier
CONTACTS DIRECTION Philippe Delaigue lafederation@lafederation.net
ADMINISTRATION Duniému Bourobou - 04 72 07 64 08 / 06 79 61 00 18 lafederation@lafederation.net
DIFFUSION Alexandra Socquet - 04 72 07 64 08 / 06 31 14 18 53 diffusion@lafederation.net
POUR NOUS ÉCRIRE La Fédération 7 Rue Ruplinger 69004 LYON
| le journal
| accès pros
Philippe Delaigue la fédération
À L’OMBRE
spectacles les auteurs calendrier
Avec À l’Ombre, c’est la troisième fois que Philippe Delaigue passe commande à Pauline Sales qu’il considère comme l’un des auteurs français, les plus intéressants de sa génération. ⇢
PRÉSENTATION ⇢
INTENTIONS
DISTRIBUTION PHOTOS PRODUCTION
32
#2 OPC Après une série de visuels et documents aux pictogrammes réussis, voici l’atelier chargé de la conception graphique d’un site, en collaboration avec une entreprise de développement.
préétablie selon leur propre CMS). La maquette propose une mise en page journalistique qui permet d’ordonner efficacement l’information, dans un fonctionnement traditionnel. L’ergonomie est dynamisée par divers procédés originaux. On retrouve entre autres : — Un espace d’accueil graphique mettant en mouvement les pictogrammes de façon aléatoire - grâce au langage processing. — Un carrousel défilant qui permet de mettre
L’observatoire des politiques culturelles, ins-
en avant 3 articles.
tallé à Grenoble, est un organisme national
— Des bulles d’information qui viennent préci-
dont la mission est d’accompagner la décen-
ser la nature des évènements annoncés sur le
tralisation et la déconcentration des politiques
site.
culturelles, la réflexion sur le développement et
Pour mieux séparer les sections du site, la
l’aménagement culturel du territoire mais aus-
maquette fonctionne avec un code couleur, qui
si sur les dynamiques artistiques et culturelles,
affecte la couleur du bandeau de tête et celle du
à travers des actions de formation, d’études,
survol des liens.
de conseil et d’information. Entre recherche, publication et formations, l’organisme doit diffuser énormément de contenu. En témoigne son actuel site internet, constitué en fait d’un portail de 6 différents sous-sites. Afin de mieux organiser l’information et proposer une navigation fluide entre les différentes sections du site, j’ai designé - sous l’oeil attentif de mes 3 collègues - une maquette de ce site. La phase de développement du projet étant confiée à une entreprise extérieure (Amoks, Grenoble), il a fallu s’adapter à leur framework (une maquette
32
02 — BRESTBRESTBREST
33 33
34 Accueil
Au dessous, le wireframe transmis par Amoks qui a servi de base pour concevoir la maquette (ci contre)
34
02 — BRESTBRESTBREST
35 35
J’aime L’OPC
ACCUEIL
ÉTUDES
FORMATION
RENCONTRES
CONSEILS
CENTRE DOC
30 JUIN 2011 - CAEN
| ACTUALITÉS | THÉMATIQUES | MON ESPACE | RSS | CONTACT
PUBLICATIONS
PLATEFORME COLLECTIVITÉS
RENCONTRES ET DÉBATS
Colloque : Vers une nouvelle économie de l’art et de la culture ?
R
20 ans de l’OPC Visionnez toutes les vidéos réalisées à l’occasion des 20 ans de l’OPC, en attendant les actes, à paraître en janvier 2012. →
COLLOQUE Ces rencontres organisées par le Conseil régional Basse-Normandie, en partenariat avec l’OPC, interrogeront les liens entre art, culture et économie : mécénat culturel citoyen, logiques de réseaux, pratiques solidaires et de mutualisation... →
C
Culture(s) et poétique de la relation. Le monde contemporain devient-il créole ? 15-16 avril 2011, Grenoble →
FORMATIONS
ÉTUDES & PUBLICATIONS
Observatoire des formations
Etudes en cours
Master 2 / Retour du voyage à Helsinki
Réflexion sur les dispositifs en faveur de l’éducation artistique et culturelle mis en place par le conseil régional Rhône-Alpes. →
La 11e promotion du Master 2 de l’OPC a eu l’opportunité de partir en Finlande, pour un voyage d’étude dédié à la découverte des politiques culturelles du pays. →
Publications
Formation courte Internet, le numérique et les politiques culturelles aujourd’hui. 5 et 6 mai 2011, Bordeaux →
Un agenda métropolitain pour le sillon alpin ? Mission de diagnostic préalable sur l’événementiel, étude parue en 2010. →
LA REVUE
L’ACTUALITÉ
L’observatoire #38
PAGE NETVIBES
L’ère numérique : un nouvel âge pour le développement culturel territorial Edito : Faire d’Internet un allié du développement culturel. Débats : la ville de demain sera une ville-nature. Tribune : Les grandes villes face aux nouveaux défis culturels. →
Le netvibes de la doc : des liens indispensables pour suivre l’actualité des politiques culturelles de manière thématisée.
PLAQUETTE À TÉLÉCHARGER
ACTUALITÉ PARTENAIRE
CLIQUER ICI NAVIGATION
Appel à candidature : Programme de résidence George Sand – Frédéric Chopin Résidence d´artistes franco-germano-polonaise du 4 septembre au 13 novembre 2011, au château de Genshagen. Télécharger l’appel.
NUAGE DE TAGS
Lorem
TAGS
Ipsum
MOCKUPS
Dolor
CLOUD
Sit amnet Conceptum Lorem
NEWSLETTER
Votre adresse e-mail
WIREFRAME LOO GA ROO
SAAS THÉMATIQUE
SOCIAL
S’INSCRIRE
L’OPC est un organisme national dont la mission est d’accompagner la décentralisation et la déconcentration des politiques culturelles, la réflexion sur le développement et l’aménagement culturel du territoire mais aussi sur les dynamiques artistiques et culturelles, à travers des actions de formation, détudes, de conseil et d’information. © 2011 2012
36
36
02 — BRESTBRESTBREST
37
Au dessus de la tête du site se trouve - uniquement sur la page principale- un espace d’accueil qui sert d’introduction au site. Cet espace utilise le language processing, compatible avec n’importe quel navigateur interprétant le html5, pour créer une animation au sein d’un élément canvas à partir de quelques lignes de code. Au clic sur cette zone ou après un certain temps, la fenêtre défile vers l’ancre correspondant au début du site et le menu annexe apparaît. La gestion des interactions avec l’utilisateur est expliquée dans les deux schémas ci-contre. Pour mieux illustrer mes idées et assurer une bonne présentation au client, j’ai conçu une maquette statique et ai donc développé les aspects visuels et d’interaction, en plus de fournir une base CSS, HTML et Javascript/jQuery solide pour le développement futur du site. Cette mission, qui est venue s’ajouter ( à mon grand plaisir ) en cours de route, m’a donné l’occasion de mieux appréhender les contraintes d’un projet où les aspects techniques et créatifs sont gérés par deux structures bien différentes. Exploiter au mieux les wireframes imposés et travailler la subtilité de la maquette a été très enchrichissant. La maquette statique a été un atout majeur pour soutenir le projet auprès du client, projet qui a été accueilli avec beaucoup d’enthousiasme par l’équipe de l’OPC. à mon départ, j’étais en train de décliner sur Indesign le principe de maquette pour d’autres pages et donc d’autres dispositions. Je me suis également assuré que le code que j’ai utilisé, aussi bien en jQuery, processing ou HTML/ CSS était correctement commenté et organisé.
38
À bientôt Les volets ne sont toujours pas peints et Arnaud a finalement coulé la dalle de béton, qui acceuillera bientôt les toilettes de l’atelier. Ne sont pas évoqués dans ce rapport : — une plaquette en chinois mise en page pour l’association parisienne RESF expliquant aux sans-papiers les consignes à suivre en cas d’arrestation.
Avant de partir, il a été discuté de probables
— un dépliant 3 volets 150*210 avec livret inté-
collaborations entre le collectif et moi-même
rieur 32 pages présentant Les rencontres de
pour, entre autres, mettre à profit mes compé-
boîtes, un spectacle de la compagnie Kumu-
tences web.
lus, en Français, Anglais et Espagnol.
Brestbrestbrest m’a permis de mieux appré-
— ma participation à la réunion de présenta-
hender le métier de graphiste ( indépendant )
tion du futur site internet du festival Crest
en France, au sens « vrai » du terme. Me frotter
Jazz Vocal.
à ce milieu a été un honneur et une expérience que je renouvellerais sans hésiter, tant elle m’a apporté. J’espère avoir profité au mieux de cette opportunité et suis désormais, comme on dit, tout à fait disposé à en découdre.
38
02 — BRESTBRESTBREST
39
audimat
.................................................................................
bold
simple
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . regular
TSTAR
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . headline
gravur GARAGE naiv DIN
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . condensed
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . gothic
black
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . light
thin
bold
italic alt
brestbrestbrest polices
2010/2011
Rapport de stage
|
www.wearerare.com
[UK] Londres
Rare Design Associates
|
www.brestbrestbrest.fr
[FR] Crest
brestbrestbrest
|
Buffet
Thomas
|
d’objet, des grilles à 2 et 3 colonnes, utilise un format biscornu et des gimmicks vectoriels sans trop de sens,
Ce rapport a été gribouillé à l’aide d’Indesign en utilisant 23 styles de paragraphe, 5 styles de caractère, 1 style
|
et a été imprimé sur un papier recyclé cyclus avec l’aide des Impressions Modernes.
SRC