Ce catalogue en ligne propose à la vente des livres rares, à tirages limités, anciens ou récents ainsi que d’autres œuvres d’art destinés à une clientèle de bibliophiles et d’amateurs.
En plus de l’aspect esthétique important, il contient des éléments techniques comme le magasin entièrement automatisé, le répertoire des artistes et auteurs, les fiches thématiques et les billets d’actualité du blog, une newsletter et les fonctionnalités habituelles.
Les mains, extraites des articles de la boutique, sont le fil rouge dans toute l’iconographie.

Selon les besoins de mises à jour régulières des annonces concernant des biens, cette plateforme a été conçue en «contenu géré par le client»; une régie active dans la région de Lausanne en l’occurence.
Le concept reprend l’univers de l’immobilier en utilisant la mise en abîme (une image dans l’image) pour les visuels, statiques ou animés, et le logo est détourné afin de servir de pictogrammes.

Inspiré de la plus vieille histoire du monde et parodiant un tutoriel vidéo sur un style rétro-futuriste, cette quatrième animation pose une question – grave, fondamentale mais qui reste en suspens – «est-ce que l’humanité mérite d’être sauvée?».
L’iconographie provient en grande partie d’une ancienne méthode d’apprentissage de dessin et l’habillage musical est un air baroque du compositeur Rameau (1702-1766).

Rythmée par toujours plus d’effets visuels, l’histoire de ce troisième épisode de la série raconte les étapes de la vie d’une éponge. Le message, délivré à la fin, souligne l’importance de toutes choses – même les plus petites – qui contribuent à prendre soin de la planète.
Principalement reprise d’un ancien manuel de médecine douce, l’imagerie est accompagnée par une musique «recyclée» elle aussi: le chœur à bouche fermée de Madame Butterfly.

Répertoire extrêmement fourni et détaillé (environ 1800 pages) de compétitions automobiles spécialisées, ce site est une refonte complète en WordPress à partir d’une source Joomla et d’un thème acheté puis retravaillé (techniquement et graphiquement).
Les contenus principaux sont: les classements des épreuves, les palmarès des pilotes, des fiches techniques, des diaporamas, etc. et le tri dans la base de données peut se faire par lieux ou par années.

Nouvelle réalisation autour du thème de la protection de l’environnement.Cette fois-ci les visuels, tirés d’une encyclopédie de 1900, illustrent un parcours dans un décors de paradis (perdu). La technique varie entre images noires-blanches et couleurs ainsi que de la vidéo.
L’habillage sonore est du compositeur Gabriel Fauré (1845-1924).

En respectant la ligne graphique et la mise en forme de la version de 2015, le site Clown to care «nouvel habillage» est dynamisé par l’ajout d’une présentation animée en exergue de la page d’accueil et par divers visuels qui agrémentent les contenus.
L’arborescence est également repensée et optimisée ainsi que la navigation par ancres et menus déroulants.

Film d’animation en motion design, cette vidéo présente, en 7 minutes et au travers de 10 thèmes (= 10 segments structurés de manière identique), des conseils de «bonne conduite» afin de protéger la planète dans un soucis de développement durable.
La musique est l’œuvre de l’artiste «Lagartijeando» et les images proviennent pour la plupart d’une ancienne encyclopédie.

Ce catalogue en ligne propose à la vente des livres rares, à tirages limités, anciens ou récents ainsi que d’autres œuvres d’art destinés à une clientèle de bibliophiles et d’amateurs.
En plus de l’aspect esthétique important, il contient des éléments techniques comme le magasin entièrement automatisé, le répertoire des artistes et auteurs, les fiches thématiques et les billets d’actualité du blog, une newsletter et les fonctionnalités habituelles.
Les mains, extraites des articles de la boutique, sont le fil rouge dans toute l’iconographie.

Dans le cadre de la refonte de l’ancien site de la société, l’identité et l’ergonomie ont été repensées – en collaboration avec un conseiller en image – afin d’incarner au mieux l’aspect professionnel de la finance et la valeur ajoutée de la technologie propres à Fundo.
Des éléments de graphiques et autres schémas (produits et exploités par l’entreprise) sont utilisés comme habillage et s’adaptent à tous types d’écrans.
Le montage des pages et la programmation sont réalisés par un informaticien en interne d’après les modèles fournis.

Troisième portfolio de mes réalisations, cette seconde version du site de mon agence présente un plus vaste contenu que précédemment. Le design, structuré par des hexagones fixes et des trapèzes pivotants, est adaptatif et joue sur les motifs décoratifs du fond en mouvement.
Les travaux, d’abord suggérés par des vignettes, sont détaillées dans un pop-up. L’ergonomie est en lien avec le site complémentaire www.ije-prod.com.

Destiné à une clientèle de professionnels (entreprises, sociétés, associations, etc.), cette banque d’image en ligne propose un choix varié et original de cartes de vœux, cartes d’anniversaires et autres créations graphiques «clé en main» (en version animées ou statiques pour e-mailing; en tirages papier).
La recherche dans la base de données est automatisée et les commandes sont gérées par un système Wordpress d’e-boutique.
Afin d’étoffer l’offre, les contenus sont complétés régulièrement et un catalogue spécifique «communication visuelle» (banque de logos & identités) est en cours d’élaboration.

Conçue à l’origine comme identité graphique du site ije-prod.com, la fonte Huitante est inspirée du dessin des chiffres «8» et «0» dont les courbes sont stylisées par des angles «en chevrons» ou en «guillemets français» légèrement arrondis aux pointes.
Le reste de l’alphabet (numéros et caractères en minuscules) est décliné sur ce modèle.
Le nom lui-même fait également référence au nombre «80» qui se prononce huitante dans plusieurs cantons suisses francophones (Fribourg, Valais et Vaud).

L’agence Vitalis Events de Genève a souhaité rafraîchir, avec un design original, son site afin de présenter ses activités dans l’organisation d’événements. La contrainte technique majeure réside dans la disposition des éléments en diagonal et devant s’adapter à tous types d’écran.
Certains effets visuels ont été écarté au profit de la simplicité de l’ensemble et le film d’introduction a été réalisé par une société tierce.

Faite avec Animate CC, cette carte de vœux pour l’année 2017 utilise une grande partie des possibilités d’animations du programme (bouton qui enclenche l’action, décomposition images par images, interpolation de formes et mouvements, dézoomage, etc.).
Le personnage est repris du site www.stop-10.com.

Version en «work in progress», cette plateforme de commerce proposant des soins (conseils médicaux, séjours en clinique) et vendant des produits ayurvédiques nécessite la mise en place:
• d’une boutique en ligne,
• d’un accès sécurisé pour certains utilisateurs,
• d’une base de données personnalisée (avec des dossiers par clients),
• de divers contenus et archivages spécifiques.
L’esprit général, déjà présent dans le logo, est celui du domaine d’activité (la médecine naturelle) et du pays d’origine (l’Inde).

CBien que la conceptualisation date de 1999, la réalisation du prototype et du site internet du jeu de société Colorproof est assez récente. L’idée est d’apprendre tout en s’amusant qu’il est possible, en mélangeant 4 couleurs de base à des pourcentages différents, d’obtenir toutes les autres teintes.
La règle, les cartes, la boîte et le plateau de jeu sont présentés au fil des pages. Le projet, et donc le graphisme, s’adresse aux petits et grands enfants. Il reprend les coloris cyan, magenta, jaune et noire (les couleurs primaires) de même que le symbole «%».

Basé dans le canton du Jura, AJUSTE est un organisme composé de professionnels des sciences humaines et sociales, travaillant bénévolement dans ce cadre et dont la mission est de venir en aide aux adolescents en proie à des difficultés d’ordres divers.
Ces intervenants apportent du soutien (d’où la symbolique du logo; réalisé en parallèle du site) et «démêlent» des situations compliquées (autre métaphore des lignes enchevêtrées dans l’animation en ouverture). Il existe un accès sécurisé par mot de passe pour une section non publique.

Afin de présenter les activités sur le terrain et les diverses actions menées en Suisse de l’organisme d’entraide au «développement rural du sud de l’Inde» (à présent rebaptisé «Karangal»), le site se veut informatif dans son contenu et fait la part belle aux photographies.
Les fonds récoltés servent principalement à financer une école de couture d’où certaines références dans la mise en page.

Parodie des «Doodles*» de Google et prenant le contre-pied du site Facebook, cette galerie de portraits montre des personnages issus de l’imagerie populaire ésotérique qui sont mis en ligne au gré des événements du calendrier et en fonction de l’inspiration du moment.
Le blanc et les couleurs vives font partie des contraintes du concept.
L’interactivité de la carte «joker» utilise la technologie Animate CC.
*animation du logo du moteur de recherche selon les commémorations du jour

Né de ma propre initiative et dans le but de démarcher des investisseurs potentiels, cette plateforme sert à expliquer de manière globale le concept des sets de table publicitaires prédécoupés et précise en particulier les divers avantages pour les futurs partenaires et utilisateurs.
Les filets en points ainsi que le logo sont des allusions aux perforations du papier de même que les couleurs des rubriques sont celles, à choix, des sets.

Réalisé grâce à un code très simple (et notamment en utilisant une action en survol d’un élément), le lien vers cette courte animation est envoyé par e-mail – au moment des vœux – durant le passage de 2012 à 2013.
Le programme utilisé est Adobe Edge (l’ancêtre de Animate CC).

Directement lié au site www.ije-design.com, cette police de caractères est conçue grâce aux faisceaux lumineux des 16 sources (=16 spots =16 points) dirigées dans le cercle central. L’animation est construite avec des images gif.
Le nom «sixtine», qui est un jeu de mot avec le terme anglais «sixteen», fait également référence au nombre de ronds autour du disque.

Deuxième portfolio online de mes travaux graphiques dont le contenu est régulièrement mis à jour.
Le concept est inspiré des effets lumineux colorés – animés avec Adobe Edge – et est associé avec la fonte Sixtine.
Le postulat général est de surtout montrer des visuels (toujours placés dans la partie ronde au milieu) avec un minimum de textes (boutons-liens répartis autour du disque central et dirigés vers l’extérieur à la manière d’un rayonnement).

Répertoire plus de 170 histoires drôles ayant pour cadre un arrêt de bus (arrière-plan unique) avec des personnages récurrents (10 caractères également décrits dans le site) ayant chacun une personnalité et une couleur propre (le reste du décor et des autres protagonistes étant gris) voilà comment est présenté mon projet personnel de bandes dessinées.
Autre caractéristique, le site est construit dans le sens horizontal; ce qui demande une optimisation du système de navigation.

En lien avec une légende de la campagne jurassienne, ce site pédagogique présente dans le détail cet animal imaginaire: la vouivre (sorte de cousin du dragon possédant une pierre précieuse en guise d’œil unique).
Outre certaines astuces graphiques (navigation via les lettres du titre, aussi reprises dans les enluminures; répétions de motifs, gifs animés), la disposition des éléments – pas encore responsive à l’époque – joue sur des coordonnées (placement dans l’espace) et sur des couches (placement en-dessus/en-dessous).

Partant de mon projet, d’abord édité en livre avec la collaboration d’une association de cyclistes, la majeure partie de ce site compile plus de 200 blagues sous forme de questions/réponses interactives.
Comme pour le jeu Colorproof et vouivre.net, la navigation est incluse dans le titre (sur fond de fumée d’échappement).