Nicolas Vignand

Tonusline, nutrition médicale

admin — Tue, 15 May 2012 11:44:58 +0000

Les produits Tonusline sont des compléments alimentaires destinés à la restauration collective. Le client demande un design de site e-commerce pour les particuliers et les professionnels. Le site web sera construit sur une plateforme Magento qui est un CMS dédié au e-commerce ; ce dernier complique cependant la phase de design à cause de nombreuses contraintes techniques.
Suite au brief client, nous avons décidé de mettre en avant les produits mais également d’apporter de l’humain pour ajouter un peu de chaleur à ces produits médicaux ; l’axe santé est aussi un point important. Les couleurs utilisées sont celles de la marque, la typographie mise sur la légèreté et la simplicité via l’Helvetica Neue.
L’ergonomie est construite de manière à mettre en avant les différentes gammes : le menu principal est déjà ouvert sur la section produits pour mettre en avant ces deniers. Les pictos sont dessinés pour une compréhension rapide de chacune des gammes.

Faire-part de naissance

admin — Sun, 08 Apr 2012 03:06:37 +0000

Quentin Vignand est né… Ce qui fait le bonheur de ses parents ! Un faire-part où l’univers de l’enfant (du petit garçon) se construit à l’intérieur d’un cercle et au delà… Bateaux pirates, vaisseaux spatiaux, dinosaures et autres animaux de cirque entrent donc en scène avec une typographie et un ton rappelant le western et le cirque au XIXème siècle. Quelques détails de la vie des parents construisent également le code visuel unique de cette carte. Enveloppes et macarons ont été créés selon le même principe pour renforcer cet univers graphique.

Moodboard, outil créatif essentiel

admin — Wed, 04 Jan 2012 19:15:56 +0000

Le Moddboard ou planche de tendances ou planche d’inspiration est un document constitué de morceaux choisis : screenshots, coupures de magazine, photos, typos, pictos… Ces « coupures » sont associés pour construire une tendance graphique. On supprime alors totalement le fond pour ne travailler que sur la forme.Cela permet donc de mener une réflexion graphique en amont d’une création plus aboutie : un design web ou une brochure print par exemple. Cette étape est primordiale avant de commencer la réalisation à proprement parler et peut faire gagner beaucoup de temps.

Le Moodboard offre deux intérêts essentiels. C’est d’abord un support de présentation et de discussion pour montrer au client l’orientation graphique de la future réalisation. Elle permet également d’apporter des sources d’inspiration et de construction lors de la réalisation du design : typos, symboles, filets, identité photographique ont déjà été amorcés lorsque l’on attaque la maquette.

Ci dessous un exemple de Moodboard réalisé en amont de la construction d’un site web événementiel pour un camion Renault en série limitée.

D’autres exemples.

Identité de la marque Albios

admin — Wed, 04 Jan 2012 12:47:30 +0000

Albios est une entreprise qui formule et conditionne des produits d’entretien et de maintenance industrielle ; ces derniers ont la particularité d’être écologiques et sans dangers. Le brief client a permis de mettre en évidence un besoin de différenciation des marques concurrentes et de construire le logo autour de formes abstraites. Une grille triangulaire a été prise comme base de construction, les différents triangles du logotype représentant les principes actifs contenus dans les produits. La typo utilisée comme base est la SF New Republic en bas de casse pour le logo et l’Avant Garde Gothic pour la baseline et les textes courants. Les maquettes produites (logo + quelques pistes concernant l’identité) sont des bases de travail, le territoire de marque sera amené à évoluer.

CNR Facebook Fanpage

admin — Thu, 22 Dec 2011 12:28:47 +0000

La CNR (Compagnie Nationale du Rhône) est en charge de l’aménagement et de l’exploitation du Rhône. Je me suis occupé du design de leur page facebook. Deux versions ont été proposées, l’une assez classique, l’autre plus conceptuelle (maquette ci-dessus). Le principe de cette dernière est une carte fait main où l’on suit la vallée du Rhône pour découvrir les différentes rubriques en scrollant. Les tracés, les pictos sont de vrais dessins scannés puis incorporés au design après traitement graphique.

Renault Trucks Optifleet

admin — Tue, 06 Dec 2011 12:41:21 +0000

Optifleet est un logiciel de gestion de flotte de camions. C’est une solution vendue par Renault Trucks pour ses clients logisticiens. Le brief client est de réaliser une animation didactique permettant de présenter le logiciel et de mettre en avant ses caractéristiques principales. Je me suis occupé du graphisme et de la préparation des étapes d’animation : le concept repose sur le principe de l’infographie animée reposant sur des visuels simples et efficaces pour une communication claire, pragmatique et ludique.

Bullitt Agency, design et ergonomie

admin — Wed, 12 Oct 2011 10:30:23 +0000

Cette agence propose un panel de DJs et producteurs de musique ; elle organise également des événements musicaux un peu partout dans le monde. La mise en page, le parti pris graphique et ergonomique va très loin puisque l’on peut naviguer au clavier comme à la souris. Chacune des différentes pages du site a été réfléchie et donne l’information de façon originale. On y trouvé également des cartes google totalement transformées graphiquement pour localiser les rendez-vous et un calendrier des événements bien pensé.

http://thebullittagency.com

Matisseo livres photo

admin — Tue, 11 Oct 2011 19:44:35 +0000

Création d’une documentation expliquant la réalisation d’un livre photo sur le site matisseo.com ; l’identité définie pour ce travail sera déclinée sur une série de documents : la mise en page est épurée, le noir se fait écrin des couleurs de matisseo et évoque l’univers de la photo. Le principe visuel repose également sur le contraste ressenti lorsque l’on ouvre le document passant d’une couverture noire à un contenu blanc.

Renault Trucks Racing

admin — Tue, 20 Sep 2011 11:06:09 +0000

Dans le cadre de la réalisation du webdesign pour le site RT Racing, le client a commandé des wallpapers mettant en scène le magnifique bolide mis au point par les designers et les équipes technique de Renault. Les images fournies sont de qualité inégale mais avec photoshop on peut arranger les choses ; la démo en images… Voici quelques exemples de transformations effectuées via photoshop sur une photo fournie par le client. En autres, les opérations suivantes sont effectuées pour rendre tout cela un peu plus attractif : recadrage, composition de l’image, dépoussiérage, suppression de détails inutiles, Travail de la colorimétrie, des contrastes. Enfin montages et fusions d’autres images sont réalisées pour dramatiser les scènes, ajouter des détails intéressants : effets de lumière, ciels, éclairages, effets de vitesse, profondeur de champ…

Typographie & valeurs

admin — Mon, 19 Sep 2011 13:48:27 +0000

Projet de recherche typographique visant à produire un poster des valeurs de l’entreprise. L’objectif est de mettre en avant 4 valeurs clefs. Pour ne pas tomber dans l’effet propagande, les valeurs elles-mêmes sont placées discrètement en bas de l’affiche. Le ton graphique se veut néanmoins minimaliste à la manière des constructivistes. La partie visuelle est portée par des phrases en typographie généreuse invitant à une double lecture de près et de loin. D’autres versions basées sur des pictogrammes on été proposées. Une version blanche a également été testée.