conception graphique et réalisation du site web Monsieur Olivier
Monsieur Olivier. Un indépendant aux multiples talents qui souhaitait un site pour présenter ses projets et compétences. Communication, gestion de projet, lectorat, conférences, cours de cuisine, … Des domaines variés, mais néanmoins étroitement connectés ; notamment autour des mots-clefs alimentation, gastronomie, culture, médiation, innovation et communication.
Un des défis lors du design de ce site a été de trouver un moyen de présenter ce nombre important de domaines de compétences de manière cohérente, agréable et facile d’accès. L’idée d’utiliser des icônes avec un petit texte de présentation s’est rapidement imposée. Il fallait néanmoins trouver comment le faire de manière un peu originale. Nous avons alors décidé de dessiner les icônes à la main, spécialement pour le site. Il a donc fallu imaginer une icône pour chaque domaine ; certaines ont été plus faciles que d’autres ! Dessiner, scanner, vectoriser, parfois légèrement retravailler, et nous avions une série d’icônes personnalisées pour Monsieur Olivier. Un trait de crayon simple, mais qui se veut dynamique.
Il a ensuite été choisi de présenter les différents domaines de compétences sur un damier, un plateau de jeu. Avec une alternance icône, texte et une couleur particulière par domaine. Au visiteur ensuite de choisir sur quelle case il souhaite s’arrêter et de cliquer pour en savoir plus. Ludique, sans se prendre la tête, mais avec un fond sérieux et professionnel. A l’image de Monsieur Olivier.
Les icônes de la page d’accueil se retrouvent comme un guide dans le menu secondaire des pages détaillant chaque compétence. Cela permet de facilement naviguer entre les différents domaines, sans obligatoirement devoir repasser par le plateau de jeu central. On les reconnaît aussi dans les bandeaux de page, un peu déconstruites. Comme si elles jouaient à cache-cache avec le visiteur.
Pas de logo pour Monsieur Olivier, mais une attention particulière portée au choix de la police de titre. Des caractères qui font écho aux icônes. A la main, écrits avec un gros feutre bleu. La police choisie n’a pas été dessinée spécialement pour ce site, mais elle y trouve tout à fait sa place.
Pour terminer, un pied de page extrêmement simple, avec un rappel des mots-clefs du sous-titre et un clin-d’œil au bilinguisme, puisque ce site, tout comme Monsieur Olivier, parle français et (suisse-)allemand.
Note : pour une version actualisée du contenu des pages, merci de visiter le site web de Monsieur Olivier.
