BEAUX ARTS MAGAZINE

beaux arts magazine MARIE DARRIEUSSECQ
Bombay TV est un site Internet formidable [...] grâce auquel j'ai perdu de précieuses (?) heures de travail à mettre dans la bouche de cow-boys tandoori des phrases aussi impérissables que J'ai encore perdu la liste des courses ou Est-ce que tu viens demain à la piscine ? .

COMPUTER ARTS

COMPUTER ARTS
CORSÉ, SANS SUCRE Avec un nom de studio en forme de boutade, l'équipe de Graphéine fait partie de ses nombreux studios aux talents multiples et compétences éclectiques : identité visuelle, logo, WebDesign, illustration. Et avec ca, un petit café ? GRAPHEINE Ils s'appellent Mathias Rabiot, Adrien Campagnac, Nans Grall, Jérémie Fesson, Marius Pannequin mais c'est sous l'appellation de Graphéine, studio basé dans le XIe arrondissement parisien qu'ils officient.  Nous sommes tous des anciens élèves de l'école supérieure des arts appliqués Duperré , résume en préambule Mathias Rabiot, initiateur du collectif et premier d'entre eux à s'être lancé dans l'aventure graphique. Autre dénominateur commun: un professeur. Hervé Aracil, sorte de mentor sans le dire, qui leur enseigne l'amour des belles lettres. Tous les ingrédients sont là. DE START-UP À L'INDÉPENDANCE Premiers diplômés, Mathias Rabiot et Nans Grall s'essayent au monde du travail dans une start-up alors en plein boom (nous sommes avant l'explosion de la bulle).  Nous avons été engagés pour développer des CD-Rom pour la société lespectacle.com, explique le premier, ce qui nous a donné l'opportunité d'apprendre l'authoring, l'animation Flash et autres . En 2001, Mathias décide de voler de ses propres ailes et s'adjoint peu de temps après les compétences de Nans et Adrien. Graphéine est en germe mais pas encore en fleur. dans le même temps, Jérémie et Marius poursuivent leurs études et terminent un DSA Art et Technique de communication à Estienne. Tous deux viennent grossie les rangs de l'équipe. Et Graphéine ? C'est au cours du Mois du graphisme d'Échirolles que notre ancien professeur, avec lequel nous entretenons toujours de bonnes relations, nous a soumis ce nom. Sitôt dit, sitôt adopté. COMMUNAUTÉ DE FREE-LANCES Implanté du côté de Bastille depuis 2005, Graphéine joue donc cur le mode pluriel:  Nous travaillons tous sur la phase de création d'une commande, explique Adrien. Puis, un chef de projet (pas nécessairement son initiateur d'ailleurs) se détermine pour chapeauter le tout jusqu'à son terme. L'avantage de notre groupe est d'être pluridisciplinaire afin que chacun puisse intervenir sur le projet de l'autre. une exception cependant : la programmation Web reste l'apanage de Mathias et Adrien, soutenus par Vitalyn, un studio spécialisé dans la création de sites et basé... dans la mezzanine de Graphéine : complémentarité optimale. Ce dernier fonctionne un peu à l'addiction, pourrait-on dire ironiquement, tant les clients des premiers temps tendent à s'installer dans une relation commande-projet à long terme. Notre premier client était le festival musical de Marne qui souhaitait une affiche pour sa manifestation, se souvient Mathias Rabiot. Depuis 2000, rendez-vous est pris en septembre pour une nouvelle conception: C'est un peu l'étape création de la rentrée, un moment privilégié pour un client que l'on connaît bien . DES CLIENTS ACCROS Au départ, le studio s'est lancé à corps perdu dans la chasse aux appels d'offres, rémunérés ou pas. Avec le temps la maturité et un portfeuille de clients plus important, nous avons pris la décision de choisir les projets afin de ne pas trop nous disperser. Parmi ses clients, le théâtre du Châtelet, le printemps de Bourges, le secours Populaire, LVMH, Kenzo ou encore le champagne Veuve-Clicquot. pour ce dernier, Graphéine conçoit affiches, PLV et vitrines nomades liées à un nouvel habillage en néoprène. Loin de se cantonner à la seule illustration, les cinq amis font également dans l'habillage TV, par exemple un générique d'émission sur France 4 et de l'animation 3D (le nouveau site du lapin communicant Nabaztag récement). Nous n'avons pas de limites, avance sans forfanterie l'un d'entre eux Jérémie Fesson, si ce n'est celle liée à la technique. L'équipe de Graphéine ne se prend pas au sérieux comme en témoigne Bombay Tv, une sympathique pochade consistant à sous-titrer à votre sauce des films bollywoodiens. La prochaine étape du studio consiste donc uniquement à...  créer notre société, tout en restant une bande de copains. C'est peut-être cela la clé du succès de la bien nommée agence Graphéine : des copains, une bonne dose de créativité... et un café s'il vous plaît.

LE MONDE 2

LE MONDE 2
Vous n'avez pas encore envoyé vos vux ? Tant mieux. Les petits génies de la communication visuelle de l'agence française Graphéine ont mis en ligne sur Internet l'un des meilleurs sites interactifs de l'année, Bombay TV ...

ÉTAPES

ÉTAPES MAGAZINE GRAPHISME
Exposition OBJETS PUBLICS au Pavillon de l'Arsenal [...] Affiche et catalogue sont l'uvre de Graphéine qui montre l'image d'une ville idéale et naïve, le caractère jouet (lego) des propositions par une référence graphique au jeu vidéo Sim City où le joueur est invité à créer et à diriger pièce par pièce sa propre ville [...]

BIBA

BIBA
Sur le site de cette agence de communication, des extraits de films indiens sont à dispo, prêts à être sous-titrés par vos soins et envoyés à vos amis. Qui se paieront, dès réception de vos petites histoires personnalisées, une sacrée tranche de rigolade ! beaux arts magazine MARIE DARRIEUSSECQ
COMPUTER ARTS
LE MONDE 2
ÉTAPES MAGAZINE GRAPHISME
BIBA
graphiste indépendant
Revue de Presse de notre agence de communication
NOBI NOBI LOGO MAISON ÉDITION
IDENTITÉ VISUELLE PARIS MÉTROPOLE
Alliance Maladies Rares
Site web de la peintre Fabienne Verdier
Plaquette orchestre
Projets d'édition
CARTES DE VOEUX
AFFICHES DIVERSES
SALON DU LIVRE DE PARIS
CHAMPAGNE VEUVE CLICQUOT
ATELIER ELIZABETH BING
OBJET(S) PUBLIC(S)
MAGAZINES CORPORATES
FESTI'VAL DE MARNE
FRED
PORTES OUVERTES MONTREUIL
STOP LE FN !
ROCK-EN-SEINE
EUROPA'VOX
PRINTEMPS DE BOURGES
ATELIER D'ARCHITECTURE BRENAC & GONZALEZ
CARNAVAL DE NOISY
FÊTE DE LA MUSIQUE DE NOISY-LE-GRAND
NOISY PLAGE
MARCHÉ DE NOËL DE NOISY-LE-GRAND
FÊTE DE LA MUSIQUE DE NOISY 2009
FORUM DES ASSOCIATIONS NOISY
ENGHIEN JAZZ FESTIVAL
LA GÉODE
REMPART FESTIF 2009
Identité visuelle création logo
PARIS MÉTROPOLE
UNION LATINE
THÉÂTRE DU CHÂTELET
MUSIQUE EN SORBONNE
ALLIANCE MALADIES RARES
NOBI NOBI
CONSERVATOIRES DE LA VILLE DE PARIS 1
CONSERVATOIRES DE LA VILLE DE PARIS
FESTIVAL DE MARNE
ENSBA
PLUS PRÈS DES ÉTOILES
RIVIERA VILLAGES
YES
SUDAMO
EXULT
LA VACHE NOIRE
TUMULT
FUTEBOL TV
UFCV
VITRINES D'ORLÉANS
AGGL CONSULTANTS
DON QUIJOTE
POP ONLY KNOWS
GAËTAN LE PENHUEL
Conception Publicité
CAMPAGNE LAPOSTE
ÉDITION ZULMA
PUBLICITÉS MACTAC
BRASSERIES KRONENBOURG
création de site internet - agence web
BOMBAY TV
ZULMA.FR
JEUXACTU.COM
TOUS LES MARIAGES.COM
NABAZTAG.COM
FABIENNE VERDIER
CAISSE D'ÉPARGNE
CARAT.FR
SYNERTRADE.COM
PROPAGANG.NET
ADVITAM.ORG
ÉCOLE D'ARCHITECTURE PARIS MALAQUAIS
MAIRIE DE PARIS
AARE.FR
GANG UNIVERSAL MOBILE
illustration mode et enfants
GL EVENTS
ALGECO: VOEUX 2004
ALGECO VOEUX 2005
ALGECO VOEUX 2006
ALGECO VOEUX 2007
ALGECO VOEUX 2008
ALGECO VOEUX 2009
ALGECO VOEUX 2010
CROA
RADI
BRASSERIES KRONENBOURG
MÉROVINGIEN
VOLODINE
TOTALGAZ
POCHETTE DE POWERFUL SWING
POK GIRL
INSIDE THE ROBOT
ET SINON TU FAIS QUOI DANS LA VIE ?
MISTER V WINS !
LES ÉTATS GÉNÉRAUX DU COMMERCE - PIXEL ART
JEUNE STYLISTE PARIS
DESIGN D'ESPACE scénographie
SALON NOW
POINT D'EAU
HABILLAGE STAND CARREFOUR
SALON SEVE
LA GRANDE ÉPICERIE
PARKING 270
PARKING DOMUS
RESTAURANT FRANCK & FILS
CAFET' EVASION SODEXHO
Agence Design Packaging Paris
SMIRNOFF
ÉMILIO PUCCI
PACKAGING KENZO
PACKAGING FENDI
PLV VEUVE CLICQUOT
création web 2.0
référencement mots clés
developpeur informatique
agence web paris
solution commerce electronique
agence conseil communication et publicite
,

FÊTE DE LA MUSIQUE DE NOISY-LE-GRAND

Conception et réalisation de l'affiche de la fête de la musique de Noisy-le-Grand.

,

ÉTATS GÉNÉRAUX DU COMMERCE - PIXEL ART

Conception d'une illustration "Pixel-Art".[Client :Meanings ]

,

LA GRANDE ÉPICERIE: "Voir la vie en rose"

Création des visuels des vitrines et des ballons...

LA GRANDE ÉPICERIE: "Voir la vie en rose"

Création des visuels des vitrines et des ballons...

LA GRANDE ÉPICERIE: "Pop Food"

Création des visuels des vitrines et des stickers...

LA GRANDE ÉPICERIE: "Pop Food"

Création des visuels des vitrines et des stickers...

15/03 - T?matin Classik Tv est sur Télématin ! ... Il s'agit d'un petit site réalisé dans la foulé de Bombay Tv, qui permet de créer son petit montage vidéo et d'envoyer son film à un ami. ( exemple : Graphéine après une charette ) [flv width="384" height="236"]http://www.grapheine.com/blog/wp-content/uploads/2010/03/telematin-classiktv2.flv[/flv] 13/03 - Logo: Peugeot vs Citro?vs Renault On va croire qu'on ne parle que de logos de voitures sur ce blog... On va croire qu'on fait une « fixette » sur le logo Peugeot... mais tant pis, je me lance... En trois ans, les trois constructeurs Français ont revu leurs identités visuelles : Renault en 2007, Citroën en 2008, et Peugeot en 2009. Quelle étrange impression au final : du chrome, du chrome et du chromé... Quand je pense qu'il y a des agences qui ont dues leur vendre pour un max de « kopeks » la garantie d'un nouveau logo dynamique, futuriste, rassurant et surtout un positionnement « original » et « novateur » vis-à-vis de ses deux autres concurrents... je ... euh... je rigole... Par exemple, les nouveaux chevrons Citroën on étés dessinés par une agence qui s'appelle "Landor". Il doit s'agir d'un métaphore de l'effet qu'ils font sur leurs clients... 3 effets photoshop, pas mal de bleuf et hop hop on l'endors le client ... Pour se convaincre que leur génome est commun, faisons quelques petits mélanges...

Cependant, pour relativiser, il faut quand même se souvenir que Citroën et Peugeot font partie du même groupe PSA, ce qui pourrait expliquer que l'effet "Chromé tout mou façon T1000 dans Terminator 3" soit le même. Et je ne parle pas des choix typographiques...

Et comme on risque de nous traiter d'antipatriotiques, voici une liste des logos de voitures chromés. Saurez-vous retrouver les rares marques qui n'ont pas eu recours à cet artifice ? ... Et c'est sans vous parler des logos de voitures composés avec un cercle ( cercle protecteur ou métaphore de la roue ? ). Bref, sans vouloir me lancer dans une critique en règle de tel ou tel logo, ce que je trouve regrettable, c'est cette uniformisation qui aboutit tristement à l'appauvrissement des signes qui composent notre paysage graphique.

03/03 - Proximit?raphique

Et deux vidéos pas neuves mais fichtrement intéressantes ! [youtube]http://www.youtube.com/watch?v=etEP1Bhgui0[/youtube] [youtube]http://www.youtube.com/watch?v=ukIMW833EPE[/youtube] 02/03 - Identit??ration Fran?se des ?oles de ... Projet non retenu pour l'identité visuelle de la FFEC ( Fédération Française des Écoles de Cirque). En principe, ne nous répondons jamais à une appel d'offre non rémunéré, mais pour la FFEC, le sujet étant vraiment plaisant, nous n'avions pas résisté à l'envie de leur présenter ce principe d'identité "modulable". Des initiales "FFEC", nous conservons les barres verticales ( éléments commun à toutes les lettres ) et nous y associons des éléments graphiques ( ronds, carrés, triangles, étoiles ) qui viennent identifier chaque lettres. Ces formes géométriques viennent symboliser l'ensemble des disciplines des arts du cirque ( Triangle = équilibre, Rond = Jonglage, ... ). Ainsi le logo n'a pas nécessairement une disposition fixe, les éléments peuvent se combiner à l'infini ( dans les formes et les couleurs ) pour composer l'identité visuelle.

02/03 - La typographie et le CSS Loin de maitriser tous les subtilités de la gestion de la typographie en CSS, j'ai néanmoins découvert l'intérêt de la balise "Font-Face". Cette dernière permet d'utiliser n'importe quelle fonte ( ou presque... ) sur un site internet. Fini donc, "l'arial", la "verdana" et autres "helvetica" ! Étrangement cette balise (css2) existe depuis Internet Explorer 4 ( 1998 ), mais n'acceptait que le format eot ( Embedded OpenType : un format propriétaire relativement limité et contraignant). Depuis, Safari 3, Firefox 3.5 et Opera 10 ont intégré cette balise ( css3 ), et il est donc possible d'utiliser une police TrueType (ttf) ou OpenType (otf). Ainsi, on accède à la liberté avec un petit bout de code du genre :

@font-face{
  font-family:'maFont';
  src: url('maFont.eot');
}
@font-face{
  font-family:'maFont';
  src: url('maFont.otf');
}

Reste quelques soucis d'affichage suivant le navigateur ou le système de l'internaute. Ainsi sous Mac les typo vont être lissés ( anti-alising), alors que sous PC, il n'y aura pas anti-alising. En lisant notre Blog, vous constaterez donc que les titres des articles sont maintenant composés en typo "Grapheine" ! Petit extrait de notre typo, à travers ce fameux pangramme hétéro-consonnantique (Phrase comprenant toutes les lettres de l'alphabet et où chaque consonne n'est utilisée qu'une seule fois ). Généralement attribué à Gerorges Perec, il semblerait que ce pangramme soit apparu la première fois dans le journal de Mickey en 1957 :-) : “Portez ce vieux whisky au juge blond qui fume” Voici l'équivalent de ce que vous devriez voir s'afficher en typo sur Mac :

Voici l'équivalent de ce que vous devriez voir s'afficher en typo sur PC, c'est moins glorieux, car le lissage des police n'est pas activé de base ( Beurk les PC... )