Rapport de stage

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.