g.u.i. design graphique, design interactif

Projet de design intéractif sur 2 écrans, un premier écran tactile de navigation, un second de diffusion.
Au sein d'une navigation horizontale et verticale, nous avons pu travailler 4 lecteurs différents selon les médias : un lecteur de textes, un lecteur vidéo, un diaporama et enfin un lecteur de playlists.

Photo Ouidade Soussi-Chiadmi

Collaboration avec l'Encyclopédie de la parole pour l'exposition au Centre d'Art de la Villa Arson à Nice. De février à mai 2011, le Centre d’Art de la Villa Arson à Nice a invité l’Encyclopédie de la parole à concevoir une exposition qui présente l’ensemble de sa collection sonore, c’est-à-dire environ 500 documents enregistrés.
Nous avons souhaité répondre à cette invitation par une œuvre double, se déployant parallèlement dans l’espace tangible du centre d’art et dans l’espace numérique d’un site internet.
Il s’agit de présenter la collection de l’Encyclopédie sous la forme d’une carte sur laquelle les 500 documents sont disposés et reliés par des «lignes» correspondant aux 18 entrées étudiées à ce jour : chaque entrée de l’Encyclopédie est une ligne composée de stations écoutables (une station = un document sonore). Certains documents-stations, appartenant à plusieurs entrées, constituent des points de correspondance qui permettent au visiteur de passer d’une ligne à l’autre.
- À la Villa Arson, les visiteurs peuvent découvrir cette représentation sous la forme d’un dessin de 280 m2 sur tout le sol de la galerie. Chaque visiteur est muni d’un Sonopen ©. Cet appareil, développé par l’entreprise SonoSystem (partenaire de l’exposition), est un lecteur optique de code-barres relié à un lecteur mp3 permettant d’écouter les documents un à un en «cliquant» sur les stations, et ainsi de construire son propre parcours dans la collection en suivant les lignes et les correspondances.
- Sur le nouveau site internet de l’Encyclopédie de la parole, repensé en même temps que l’installation pour l’exposition, une nouvelle interface dynamique permet à l’utilisateur une navigation balisée et intuitive par une cartographie de la représentation «à plat» des lignes et des correspondances.

Le projet est soutenu par le Dicréam par une aide à la maquette ainsi qu'une aide à la production.

cartographie réalisé avec Angeline Ostinelli
photographies ©villa arson

En collaboration avec l'atelier Pierre Di Sciullo, nous avons travaillé sur l'existence numérique de la Briqueterie, centre de développement chorégraphique du val de marne, qui trouvera bientôt domicile dans une ancienne briqueterie dans la commune de Vitry sur Seine réhabilité par l'architecte Philippe Prost et qui ouvrira fin 2012.

Conception et réalisation du site de la boulettologie moderne. Un travail principalement typographique articulant la navigation dans les contenus par des propositions de rebonds multiples.

Le Petit musée de la danse, dirigé pour sa première année par Thierry Micouin, épaulé de Julien Jeanne et Marie Quiblier, s'est doté d'une identité propre issue d'ateliers avec les enfants de l'école Picardie. Plusieurs objets ont alors été produits : un logo, 4 affiches sérigraphiées, 1 jeu de 52 cartes, un flyer.

Pour en savoir plus sur les ateliers avec les enfants...

Pour en voir plus sur le jeu de carte... 

Projet de logo puis de déclinaison sur site internet et conception des trophées.

Projet pour le Théâtre de la Ville et le Musée de la Danse.

Affiches réalisées par Émilie Paillot

Plus d'images dans la partie Ouvertures !

édition La Documentation française.

Conception et réalisation en collaboration avec Unefois2 de l'édition 2010 de l'activité de la 27e Région, labo de transformation publique.

Conception d'une charte pour Mickaël Phelippeau et l'association bi-p. Un travail sur un jeu de 2 cadres l'un à côté de l'autre, le cadre jaune de l'association et un cadre ouvert pour les rencontres diverses, que le site internet (indexhibit) exploite dans les déclinaisons colorées.Développement par Stéphane Chanay.

Conception et réalisation de la pochette du premier album de This Is The Hello Monster (Gérald Kurdian).

Réalisation d'une série de dessins de cristaux réalisés à partir d'un protocole simple, ainsi que la typographie Cristype issue de ces dessins.

Les photos sont de Thomas Greffier.

Gommette Production

Le site internet du musée de la danse est une transposition du musée dans la sphère numérique. Les fondations étant posées, un site support dans lequel le plan change à chaque ouverture de page, le projet se développe dans des interfaces en cours, conçus comme des pièces spécifiques du musée.

Le projet numérique de l'Encyclopédie de la parole permet une écoute du corpus complet de la recherche menée par les encyclopédistes. Les diverses production sont également mises à l'écoute. Le projet s'est dirigé dans le design d'un player simple qui servirait également de logo. Le double aspect de l'Encyclopédie était ainsi montré par une barre transversale : un accès par des formats (des articles, des conférences, des performances...) et un second accès par entrées (l'adresse, la compression, le pli...).

Premier enregistrement du jazz band Yovo.
La pochette reprend la transcription textuelle du flux sonore du premier morceau.

Réalisation d'un boitier à l'occasion de la troisième sortie du label
Onement, label de disque à copie unique : Austral du
compositeur Yannick Frank, conçue et enregistrée spécialement pour
Onement en 2009.

Boîtier en acier plié et gravé par Mathieu Levy. Enveloppe par Benoït Pierre.

Design graphique et interactif des sites matériO multilocalisé. Pour la seconde version du site de matériO, nous avons voulu amener le visiteur dans une navigation ciblée en réduisant les entrées à 3 champs principaux qui s'ouvrent indépendament des autres. Une entrée importante est donnée à des contenus éditoriaux, vers un fil de news, puis un forum spécialisé dans les matériaux.

Collaboration avec Jeanne Revel et Joris Lacoste pour le projet W. Dessins pour les jeux W, ainsi que pour le site internet, réalisés à partir des outils principaux des dispositifs : les chaises. Série de schémas pour expliquer la méthode W. Site en construction. Une série de brochures est également en cours de réalisation.

Site internet de l'artiste Baptiste Debombourg.

Le travail a porté sur le développement d'un site vitrine des œuvres et de l'actualité de Baptiste Debombourg. Une interface simple et sobre pour la communication de son travail est conçue.

Une mise à jour est en cours.

Création du logo de Namahn et création graphique du site internet.

Conception et réalisation de l'identité de l'agence MIKOU.

Les 2 soeurs Salwa et Selma créent l’agence MIKOU. Un travail de signe se fait sur le M et le W de leur nom et prénom. Un jeu sur les épaisseurs du signe vient animer et arrondir la forme créant une spirale virtuelle
que l’on retrouve dans les visuels colorés. Ceux-ci ont été conçus pour être créés par MIKOU grâce à un outil numérique simple permettant de déterminer la «couleur» de chaque projet. Cet outil n'a malheureusement pas trouvé sa place dans le projet.
La typographie bodoni est toujours noire, et s’impose en titrage pour structurer les visuels colorés.

Site internet pour le lieu de recherche et de production artistiques, les Laboratoires d'Aubervilliers. Déployé à partir de la charte graphique réalisé par deValence. Ce site internet déploie un petit objet de navigation donnant accès à l’intégralité des contenus qui s’ouvre et se ferme dynamiquement.

Réalisation du site internet de la compagnier. La Revue éclair, invention de formes singulières de diffusions et de rencontres avec les spectateurs. La page d’accueil présente une multitude de titres sans hiérarchie et différenciés par des couleurs et tailles de texte variables. Le survol et des filtres permettent d’en extraire les informations voulues si une navigation par errance n’est pas souhaitée. Le menu reste constament visible jusque dans les articles par un passage de l’un à l’autre en glissement horizontal. Une couleur est donnée à chaque projet qui se retrouve depuis le texte jusque dans les fonds de page.

Création du site pour le projet Expedition, plateforme d'échanges entre Les Laboratoires d'Aubervilliers, Gasthuis à Amsterdam et Brut à Vienne. Le site internet rend compte du travail réalisé par un groupe d'artistes lors des trois sessions de recherche dans les trois villes.

Création de l'identité du label Onement, créé par le musicien Sylvain Chauveau en 2006.
Onement est dédié à la réalisation d’enregistrements à un seul exemplaire.
Le support privilégié sera le vinyle 33 tours/minute.
Mais pour la suite, la porte reste ouverte pour d’autres supports éventuels (vinyle 45
tours, cassette, CD, mini-CD, DVD, DAT, ou même boîte à musique...).
Le nom Onement fait référence à une série de toiles du peintre expressionniste abstrait américain
Barnett Newman. Cette série (Onement I, II, III, IV et V) constitue un travail de
superposition d’une fine bande verticale à un fond généralement monochrome. Le
thème de l’unicité, comme très souvent chez Newman, y était donc central.

Conception générale et maquette du magazine Everybodys workshop kit lors du Summer University 07 à PAF. Présentation de everybodys et d'une série de jeux. La maquette est réalisée pour être reprise par le groupe pour de nouvelles éditions. Réalisé avec Alice Chauchat et Mette Ingsvarten, merci à Jan Ritsema pour son imprimante !

Travail pour l'Ambassade, un duo de commissaires d'exposition.
Conception et réalisation de l’identité graphique.

Pour L’ambassade, nous avons travaillé à la réalisation d’une typographie originale, permettant un jeu visuel sophistiqué à partir d’éléments simples sur stickers et papiers pré-imprimés.
La papeterie fonctionne avec un papier spécifique légèrement teinté faisant ressortir les étiquettes imprimées.
L’ambassade confectionne elle-même ses supports de communication à travers les tampons, étiquettes et fonds de papiers tramés.
Composée à partir du système italien des années 30 d’impression presse Freggio Mecano, la typographie est construite avec 15 modules de base.
Il existe actuellement 3 graisses de la L’ambassade medium.

Création du site internet de TM+ en flash dynamique avec base de donnée xml.

Chaque saison, les fonds du site sont constitués de la même façon que les documents de communication.
Une quinzaine de fonds apparaissent au chargement initial de façon aléatoire.
Des illustrations dynamiques donnent accès au contenu des rubriques principales.

La Bousnie est une famille typographique métisse.

Constitué de caractères latins, elle semble pourtant au premier abord nous parler en arabe.

La Bousnie Carre est la première phase d'étude dans le processus de création de cette famille, elle est inspiré du style coufique et mosaïque.

La Bousnie Ronde profite des gabarits mis en place par la carré dans un traitement plus manuel, au calame.

Les deux familles sont déclinées en trois graisses : bold, medium, light.

La bousnie et distribuée par linotype : Bousnie Carrée, Bousnie Ronde.

ouvrage de référence : L'écriture arabe, alphabet, styles et calligraphie, Gabriele Mandel Khân, Flammarion