g.u.i. interactive design

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.

Design graphique et interactif, dévellopement interactivité du site de la collection Folio des éditions Gallimard.

Site HTML / CSS / La navigation est développé en javascript avec les biblihotéques Prototype et Script.aculo.us.

C’est la définition d’un «folio» qui nous a amené à concevoir la navigation de ce site. Un ensemble de feuillets reliés d’un côté.
Ainsi, depuis la page d’accueil jusqu’au plus profond du site, nous retrouvons ces feuillets. Chacun correspond à une rubrique.
Une gamme de couleurs est travaillée afin d’en changer de façon chronique.

Site internet de l'artiste Baptiste Debombourg.

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

4è année de collaboration avec TM+.

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.

La Revue éclair, invention de formes singulières de diffusions et de rencontres avec les spectateurs.
Site internet de la compagnie.

Site HTML / CSS / La navigation est développé en javascript avec les bibliothéques Prototype et Script.aculo.us / système d’administration généré à partir du logiciel open source Joomla réadapté.

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 contament visible jusque dans les articles par un passage de l’un à l’autre en glissement horizontal.
Une couleur et donnée à chaque projet qui se retrouve depuis le texte jusque dans les fonds de page.

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.

Site HTML / CSS / La navigation est développé en javascript avec les biblihotéques Prototype et Script.aculo.us / système d’administration généré à partir du logiciel open source Joomla réadapté.

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.

Site internet de l'artiste plasticienne Agnès Thurnauer.

Site HTML / CSS / La navigation est développé en javascript avec les bibliothéques Prototype et Script.aculo.us / système d’administration spécifique.

Le site internet de Agnès Thurnauer présente ses oeuvres, vues d’exposition ainsi que des textes et projets en cours.
Un travail important a été réalisé pour le développement d’un système d’administration permettant très simplement de mettre en ligne des images ainsi qu’un outil pour composer la page d’accueil.

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.

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.

Création graphique pour l'exposition 100% dess(e)in, un projet de Joël Paubel pour l'INRP.

Début de collaboration avec TM+, conception et réalisation de la plaquette de saison ainsi que de tous les éléments de communication de l’Ensemble à Nanterre.

Un travail de micro-scénographie a été réalisé en Espagne. Un travail sur notre vision des «territoires musicaux», par la prise de vue d’installations in situ.