Nicolas Jodry

graphisme multimédia


Rue de l’Arrosoir-Rouge 5
2300 La Chaux-de-Fonds
032 968 05 08
076 524 24 50
nicolas@n-j.ch
www.n-j.ch

Présentation

 



Né le 8 octobre 1990 à St-Imier (BE), Suisse, j’ai grandi à La Chaux-de-Fonds (NE) où j’ai suivi avec succès l’école obligatoire. J'ai ensuite obtenu un CFC de Designer de l'Information ainsi qu'une maturité professionnelle artistique à l'issue de 4 ans d'études à l’Ecole d’Arts Appliqués de La Chaux-de-Fonds (plus loin: eaa-cifom).

Mes 4 ans d’études m'ont permis d’acquérir de l’expérience et de l’assurance dans la création visuelle et des bases techniques solides. Mon domaine d’activité recoupe une large palette de médias aussi bien print que écran, ainsi que les disciplines et les outils s’y rapportant.

Durant mes études, j'ai également eu la chance d'être confronté au monde professionnel au travers de mandats externe à mes études pour des clients régionaux ainsi que bénévolement pour des associations jeunes et dynamiques.

Ce portfolio a pour but de présenter un choix représentatif de mes capacités, des expériences et des clients pour qui j'ai pu travailler ainsi que du type de médias que j'ai appris à utiliser.

Print

Architecture Madrid

 

Guide sur l'architecture de Madrid sous forme d'une série de dépliants réalisé dans le cadre d'un voyage d'étude Face du dépliant sur le Caixa Forum à Madrid, montrant un fragment de photo, on l'on voit bien le logo Dos du dépliant sur le Caixa Forum à Madrid, avec le plan de situation Recto du dépliant qui montre une vue d'ensemble du Caixa Forum à Madrid, en photo noir-blanc colorisée Verso du dépliant sur le Caixa Forum à Madrid, avec 4 photos noir-blanc et un texte explicatif Recto d'une second dépliant qui montre un plan large d'une rue Madrid, en photo noir-blanc, colorisée pour mettre en valeur un bâtiment Recto d'une troisième dépliant qui montre un plan large d'une rue Madrid, en photo noir-blanc, colorisée pour mettre en valeur un bâtiment Verso du troisième dépliant, avec 4 photos noir-blanc et un texte explicatif

type de travail: Série de dépliants

client: Exercice eaa-cifom

année de réalisation: 2009

Réalisé à partir du matériel récolté à Madrid à l’occasion de notre voyage d’études, cette série de dépliants a pour but de présenter une vision personnelle des bâtiments que j'ai pu observer à Madrid. L’ensemble du contenu – à savoir images, textes et réalisation graphique – a dû être produit en fonction de la thématique de base choisie. L’idée de ce dépliant est de présenter une approche du bâtiment intégré dans son contexte architectural, puis une vision plus détaillée, plus personnelle aussi. Ce travail a été réalisé en parallèle avec un support web sur le même principe (voir «Site Madrid»).

Artesalma

 

Logotype Logo d'Artesalma en anamorphose servant comme habillage de bâtiment Couverture du magazine Artesalma, où l'on peut bien observer le travail typographique Double page intérieur du magazine Artesalma, montrant la mise en page sur un système de grille Double page intérieur du magazine Artesalma, montrant la mise en page sur un système de grille Double page intérieur du magazine Artesalma, montrant la mise en page sur un système de grille Couverture de la prochure présentant le travail typographique de la Neugarde Intérieur de la brochure Neugarde, avec un jeu typographique sur une grille simple Autre mise en page à l'intérieur de la brochure Neugarde, avec un jeu typographique sur une grille simple Couverture de la charte graphique sur laquelle la typographie à une fois de plus beaucoup d'importance Double page intérieure présentant les typographies utilisées Signalétique à l'intérieur du bâtiment, photomontage présentant la borne interactive Signalétique à l'intérieur du bâtiment, photomontage des appliques présentant leurs secteurs du bâtiment Carton d'invitation pour une exposition d'art contemporain

type de travail: Identité visuelle

client: Exercice eaa-cifom

année de réalisation: 2010

Artesalma, centre d'art contemporain devait de mon point de vue se placer comme un centre ouvert dont le but est de faire découvrir l’art contemporain à un public curieux mais simple et populaire. Les thématiques choisies pour l’interprêter sont la découverte et la curiosité, retranscrites graphiquement par un jeu de découpes et de jaquettes qui révèlent des fragments d’images, et nous amène à découvrir ensuite le contenu dans sa totalité. Le système nous guide et nous incite à la curiosité de manière simple et originale. Pour ce travail, j'ai également mis au point un caractère typographique, le Neugarde, qui me permette un jeu typographique dans des grands corps, sans pour autant amener un d'aspect lourd ou criard aux visuels.

Le Dilettante

 

Logo réalisé pour le Dilettante, maison d'édition Logo avec typographie pour le Dilettante, maison d'édition Couverture type d'un livre faisant partie de la conception de l'identité graphique de la maison d'édition le Dilettante Tranche avec ligne typographique d'un livre faisant partie de la conception de l'identité graphique de la maison d'édition le Dilettante 4e de couverture d'un livre-type faisant partie de la conception de l'identité graphique de la maison d'édition le Dilettante Affiches typographiques faisant partie de la conception de l'identité graphique de la maison d'édition le Dilettante Dépliant faisant partie de la conception de l'identité graphique de la maison d'édition le Dilettante

type de travail: Identité visuelle

client: Exercice eaa-cifom

année de réalisation: 2009

L’identité visuelle pour le Dilettante Éditions est avant tout un travail expérimental en réaction au graphisme tape-à-l’œil ou «tendance». La volonté de toucher un public de gens qui aiment chercher, s’intéresser, et de mettre tous les livres de la collection au même niveau a guidé l'ensemble de ma démarche. Sur les couvertures ne figurent que l’auteur et le logo des éditions, le papier utilisé servant à distinguer les collections. Pour les supports promotionnels, c’est toujours le blanc et le vide qui prédomine, accompagnés de réflexions de grands personnages sur le sujet, toujours en liens avec les 3 collections.

Donnez votre opinion ici

 

type de travail: Série d’affiches

client: PJCDF

année de réalisation: 2008

Crée pour le Parlement des Jeunes de La Chaux-de-Fonds, ce duo d’affiches est plus qu’un objet promotionnel du Parlement. Il m’a permis une approche nouvelle du support affiche et d’en faire un objet différent et interactif. Posées en ville et dans de nombreuses écoles, elles deviennent une tribune libre pour une pensée, un croquis, un idée, un poème, ou tous ce qui a bien voulu pousser dans la tête de la personne qui veut y apposer sa touche personnelle. Elles collent à la jeunesse de la ville, car c’est elle qui créer, qui s’exprime à travers le support. En cela, elles sont une métaphore du Parlement: Un cadre pour la jeunesse qui a des idées et qui veut s’exprimer.

Excercices De Style

 

Couverture du livre Exercice de style Page 1 - insistance Exercice de style Page 2 - insistance Exercice de style Page 3 - insistance Exercice de style Page 4 - insistance Exercice de style Page 5 - insistance Exercice de style Derniere page - insistance Exercice de style

type de travail:Illustration/mise en page livre

client: Projet Workshop eaa

année de réalisation: 2010

Dans le cadre d’un workshop dans le contexte de l’eaa, nous avons dû développer et mettre en forme en 5 jours une idée visuelle pour la mise en forme collective d’un livre. Le thème était «Exercices de Style», le célèbre ouvrage de Raymond Queneau et j’ai eu le texte «Insistance» tiré du livre original à projeter. Le principe mis en œuvre est simple. J’ai récupéré les mots qui reviennent aux fils du texte et qui constituent l’interprétation de l’insistance selon la vision de Queneau. Et par un jeu de transparence, d’épaissisment le système met exergue cette répétition, cette redondance de là l’essence du texte.

Le Film du Jeudi

 

type de travail: Système d’affiches

client: Le Film du Jeudi

année de réalisation: 2010

Le principe était de mettre en place un système identitaire d’affiches pour des projections de films hebdomadaire dans un cadre privé. Chaque affiche est une réinterprétation illustrative du film de la semaine. Le choix du vectoriel, avec un maximum de 1 couleur a plat allié au noir et au blanc, donne une grande liberté de création et il en résulte des visuels à la fois très graphique et originaux, mais aussi facilement reconnaissables. Enfin, le système permet de travailler rapidement et simplement, afin de pouvoir publier une nouvelle affiche chaque semaine. note: Toutes les illustrations ont été créées par N, excepté le motard de «Hell Ride», par Yves Prongué

PJCDF

 

type de travail: Flyer

client: PJCDF

année de réalisation: 2009

Ce travail pour le Parlement des Jeunes de la Chaux-de-Fonds est avant tout une approche de la typographie en parallèle avec la création d’un caractère. Celui-ci s’inspire de l’Architype Albers, conçu par Josef Albers, mais avec des formes anguleuses et non de courbes comme le caractère historique. Son utilisation pour ce flyers s’articule autour de l’acronyme «PJCDF». Ce terme incongru, dans cette typo étonnante, auquel on ne trouve réponse qu'en lisant la notice en bas de page, est accrocheur et se veut un moyen mémo-technique pour ancrer cet acronyme un peu sauvage du Parlement.

Sònar

 

type de travail: Identité visuelle

client: Exercice eaa-cifom

année de réalisation: 2008

L’identité de Sónar était un travail intéressant par son aspect contemporain et d’interprétation graphique du média son. Le logotype parvient à quelque chose de très étonnant par une synthèse harmonieuse et simple. Bien que contrastant grandement, la typographie arrive à vivre d’elle-même et ne pas perturber le logo. L’association des 2 est osée, mais l’ensemble y gagne en force et en originalité

Web & écran

Bonne-Annee.ch

 

type de travail: Site web

client: Priska Gutjahr

année de réalisation: 2007

Ce site surprenant était dans un premier temps un exercice d’atelier de l’eaa, qui consistait à créer un site sur une personne de notre entourage. Il s’est transformé en portfolio libre, où l’on découvre pas-à-pas la personnalité excentrique et drôle de Priska, créatrice dans le domaine visuel, de la linogravure aux composition de perles, en passant par le dessin. Au final, on se trouve face à un site au prime abord déconcertant, mais qui plaira à tout ceux qui se retrouvent dans les travaux de Priska et partage sa vision gentillement excentrique.

Flexome Sénégal

 

type de travail: Site web

client: Flexome Sénégal

année de réalisation: 2010

Commandé par la société Flexome Sénégal qui a pour but de construire des bâtiments humanitaires et sociaux au Sénégal, ce site internet se veut simple et fonctionnel, les principales contraintes ayant été le guide premier de la réalisation graphique. En effet, le site a été développé pour un affichage minimal de 800 x 600 px, mais fonctionne aussi pour des résolutions plus grandes. Le poids du site enfin a dû être adapté pour pouvoir être chargé rapidement. Le respect du contenu images et texte permet de délivrer l'information de manière claire et concise, et l'épure est d'une efficacité permet au le site de se distiguer. Enfin ce support m'a permis de me familisariser avec les intégrations vidéos et d'exploiter les services très efficaces du site vimeo.com ce qui a également donné l'opportunité au site de s'ouvrir à une communauté informatique très active et à la pointe du développement multimédia.

Le Kit Mains Pleines

 

type de travail: Site web

client: Exercice eaa-cifom

année de réalisation: 2009

La thématique de l’exercice de base était un tutoriel interactif, avec un sujet libre. J’ai choisi la fabrication du «Kit Mains Pleines», un accessoire pour téléphone portable qui permet de raccorder une vieille cornette de téléphone. Cela m’a permis de développer un sujet réel dans une esthétique retro, tout en amenant une touche moderne quant au traitement. L’ensemble de la présentation inclus visuels et programmation du site, tournage de la vidéo et contenus textuels.

Site Madrid

 

type de travail: Site web

client: Exercice eaa-cifom

année de réalisation: 2009

Réalisé à partir du matériel récolté à Madrid à l’occasion de notre voyage d’études, cette site qui est le pendant de la série de dépliants (voir «Architecture Madrid») a pour but de présenter une vision personnelle des bâtiments à Madrid. L’ensemble du contenu – à savoir images, textes et réalisation graphique – a dû être produit en fonction de la thématique de base choisie. L’idée de ce site est de présenter une approche du bâtiment intégré dans son contexte architectural, puis une vision plus détaillée, plus personnelle aussi.

Divers

Signalétique eaa-cifom

 

type de travail: Signalétique

client: Exercice eaa-cifom

année de réalisation: 2009

Pour ce travail de signalétique ayant comme cadre l’eaa, je me suis inspiré du style très brut et géométrique de l’architecture pour lui faire correspondre une esthétique industrielle, dure et construite. Pour arriver à mes fins, j’ai développé une variante de caractère (voir «Entrepot» dans le volet «Divers») que j’ai conçu et utilisé pour remplir de grandes surfaces. Au final, le projet reflète une esthétique assez moderne, originale et stricte, qui permet une orientation sur un système simple et pensé de manière avant tout pratique.

Entrepot Regular

 

type de travail: Typographie

client: Projet personnel

année de réalisation: 2009

Cette typographie a été développée en parallèle avec un travail fictif de signalétique pour l’eaa-cifom. Le dessin se base sur un caractère existant: le Garaje de Thomas Huot-Marchand, graphiste-typographe basé Besançon. Le projet était de créer un caractère pochoir qui soit très géométrisé et qui ait un aspect industriel prononcé. Il a été conçu à la base pour être utilisé dans les très grands corps. Ce travail est surtout un approche simplifiée du domaine de création de caractère et m’a permis de me familiariser avec les outils et la démarche de création d'une fonte.

MeteoSuisse

 

type de travail: Présentation vidéo

client: Exercice eaa-cifom

année de réalisation: 2009

Le mandat très large et ambitieux était de revisiter le thème de la présentation météo en trouvant un concept nouveau, graphique et efficace. Nous devions nous occuper seuls de l’ensemble de la réalisation, de la conception des pictogramme au montage vidéo en passant par le tournage. Mon idée pour ce projet est simple et efficace. Pendant la présentation, une voix off explique les cartes pendant que la personne à l’écran dessine les pictogrammes et la carte. On met alors en place un dispositif qui laisse la lecture très claire, mais qui prend une tout autre dimension quant a l'intérêt que l'on suscite.

Personnaliser

 

Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.

Obtenir le lecteur Adobe Flash

type de travail: Présentation vidéo

client: Exercice eaa-cifom

année de réalisation: 2009

Cette animation en Flash exploite le code comme élément de créativité, avec une ambiance extérieure le plus simple possible. La donnée imposait l’utilisation d'éléments typographiques uniquement et le noir/blanc. Le principe permet de créer des visuels en interagissant avec les lettres qui sont cliquable. Chaque résultat est unique car les paramètres découlent directement des mouvement de souris de l’utilisateur. La systématique mise en place ne permet pas de maîtriser un visuel, plus de le générer et le paramétrer dans la direction que l’on souhaite donner. L’ensemble se compose de manière instinctive et rapide, qui permet de créer des «accidents» à demi-maîtrisés très intéressants.

Play?

 

type de travail: Court-métrage
durée: 1min 50

client: Exercice eaa-cifom

année de réalisation: 2007

Cette vidéo, réalisée à l'eaa-cifom avec la contrainte de la caméra subjective, développe en très peu de temps la thématique de l’interaction virtuel-réalité, et de l’espace qui les sépare. Le court métrage, et particulièrement la vidéo exige un synthèse et un travail de scénario très particulier, et je pense avoir réussi dans ce contexte un essai percutant et réussi, qui joue et profite de contraintes techniques qui m'étaient imposées.