first

Cerner un univers graphique avec des mots clés et des planches tendances pour vos projets graphiques

Si vous souhaitez partager

La conception web intègre le design mobile et ses optimisations

Définir un univers graphique pour la création de votre support de communication passe par la mise en place d’écrans de tendance également appelés moodboards (ou trendboard).

Qu’est-ce qu’une planche tendance ou un moodboard

Au départ d’un projet, quel qu’il soit (il faut quand même que ce soit une problématique de communication graphique, je précise), vous avez besoin que je définisse avec vous votre « univers graphique » : quelles sont les couleurs, les typographies et les images (au sens large) qui colleront à votre projet.

Pour faire cela, la première étape consiste à prendre un bloc note (papier ou informatique) et d’y jeter toute une série de mots clés
en rapport avec votre sujet. Pour un site web de vente de magazines spécialisés dans la décoration ou la rénovation on pense tout de suite
à : travaux, outils, jardin, papier peint ou crédence etc…

Une fois cette première liste établie, je retrousse mes manches puis pars joyeusement à la recherche d’images en rapport avec ces mots. Il existe
des dizaines de « banques d’images » en ligne, proposant des visuels libres de droit (ou pas) et qui permettent de se faire des petits dossiers pictographiques.

Une fois ces images récupérées, je les range par thématique puis les assemble pour avoir des « planches tendances » travaux, outils, jardin etc …
Cela va me donner des idées de couleurs, de forme, de typographie et d’iconographie.

Utilité d’une planche tendance

Ce petit moodboard (planche tendance) en rapport avec les travaux et la rénovation rassemble quelques « outils » fréquemment utilisés.
Cela donne avant même d’avoir ouvert le moindre fichier photoshop pour plancher sur l’interface web du site vitrine ou du dépliant, des concepts, des pistes pour la sélection des couleurs, des formes ou des futures photos utilisées pour le projet.

Il pose les bases de la recherche graphique que je vous propose. Cela permet une homogénéité dans les échanges et de garder l’idée
générale de votre problématique. Ainsi, nous gagnons du temps et sommes plus productifs.

Publié par cbcreations dans Benchmark & tendances

Le mobile first ou les téléphones d’abord

Si vous souhaitez partager

La conception web intègre le design mobile et ses optimisations

Depuis quelques années déjà, le référencement d’un site prend en compte son caractère adaptatif.
C’est à dire sa capacité s’afficher correctement sur les écrans de tous les appareils que nous utilisons aujourd’hui : smartphones, tablettes, ordinateurs et même téléviseurs. Il y a toujours un original qui surfe sur le web via son écran ultra HD de 2m50 de diagonale.

Ce point est d’autant plus important depuis que le géant du net Google a lancé le mobile-first. « Mobile first » … Le mobile en premier.
De nos jours, la conception web est d’abord pensée pour mobile. Il faut donc mixer le fait que le site soit agréable pour la « pèche aux contenus » sur un poste de bureau (mais si, cela se produit encore) mais aussi et surtout sur un téléphone. Cela influe sur le classement du site dans le moteur de recherche le plus utilisé du monde.

Les CMS aident pour cela. WordPress, Joomla et autres Drupal permettent d’anticiper ce point crucial dès le début du travail, laissant libre court à la partie graphique. C’est à dire que je ne perds pas de temps à « coder » à la main un site « mobile first » puisque de très bons outils le font très bien et que je me concentre sur le concept graphique en garantissant l’ergonomie du projet sur les terminaux mobiles.

 

Publié par cbcreations dans Benchmark & tendances