Nicolas Vignand

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.

Entrepreneurs de la cité

admin — Mon, 12 Sep 2011 11:43:02 +0000

Cette association à vocation d’utilité publique propose des assurances à des tarifs préférentiels pour les auto-entrepreneurs. Suite au brief créatif, la problématique soulevée est de faire cohabiter la notion de fondation reconnue d’utilité publique et l’objectif de développement du nombre d’assurés. Pour cela, le ton graphique est volontairement militant avec une typo affirmée sur aplat orange ; des scènes mettant en situation des clients dans leur environnement de travail apportent une touche humaine et permettent une plus rapide compréhension de la cible.

Exposition Monet

admin — Wed, 20 Apr 2011 14:36:24 +0000

Splendide création en full flash, motion design élégant autour de la tâche de peinture. Interface ludique et discrète qui laisse la part belle au contenu. Possibilité de voir les oeuvres de l’artiste avec un outil de zoom ; ce dernier permet de voir les peintures avec du recul ou de très près : il existe un niveau de zoom où l’on peut voir les coups de pinceaux de l’artiste. Une belle immersion même si l’on peut déplorer les temps de chargement très longs.

http://www.monet2010.com/