Refonte de l’identité graphique, de la communication et du webdesign de la société www.exadis.com

Refonte du logotype

Cette étude conserve la structure de l’ancienne identité en juxtaposant un symbole graphique au nom de la société. L’arche jaune a été redessinée pour faire émerger un idéogramme fort et expressif. Son caractère enveloppant respecte le principe originel mais son ajustement plus libre et aéré lui confère une dimension spatiale évidente, à la manière d’une voile qui nous fait voyager.

Cette symbolique très marquée reflète des notions d’ouverture, de déploiement, de vitesse, qui sont autant de qualités que l’on peut associer aux activités d’Exadis : Ouverture nationale, déploiement géographique, vitesse de livraison…

Le traitement typographique abandonne les caractères italique pour réasseoir la caution et la crédibilité d’une grande entreprise. La police de caractère conserve les principes de l’ancienne écriture, à savoir des lettres en capitales, dotées d’une forte graisse. Les lettres sont réparties très rigoureusement, en assurant une lisibilité optimale.

Quelques ajustements subtils dans le traitement arrondi des angles, et la création d’espaces vides dans les lettres «A» et «D» viennent impulser une réelle personnalité dans cette identité qui de fait, conserve une vraie homogénéité avec l’ancienne version. Une modification de la teinte du bleu «primaire» en direction d’un bleu «Cobalt» plus foncé et plus nuancé valorise l’image de marque de l’entreprise en optant pour un coloris moins tranché.

Conception graphique plaquette institutionnelle

Choix typographique

Pour conserver de la cohérence avec le logo, on a utilisé la police de caractère qui a servi de base pour la conception de ce dernier : la Gotham
Elle possède une rare élégance pour une typographie sans empattement et intègre de nombreuse déclinaison pour son exploitation sur papier.

Couleur

Pour conserver une cohérence globale avec le logo, le jaune est définie comme couleur dominante : C0% M100% J20% N0%

On utilise en complément une 2e nuance de jaune clair et le bleu qui vient compléter la gamme. La charte globale s’articule autour de ces 3 couleurs + le blanc et le noir qui seront exploités de manière à équilibrer la composition.
Le résultat est une gamme de couleur franche, dynamique et professionnelle qui s’inscrit dans la continuité de la communication graphique de la société – sans dénaturer notamment le site web –

Pictogrammes

Pour mettre en valeur les atouts Exadis, on utilise les pictogrammes « expertises » créés pour le site internet en les réadaptant pour une version papier.

Photographies

La sélection des visuels à partir des images fournies s’est opérée sur les domaines complémentaires suivants :
• Mise en situation de travail explicite
• Créer de l’empathie – chaleur humaine
• Illustrer et visualiser les infrastructures logistiques

-> Voir un projet de webdesign pour un concept d’offre sur-mesure pour les ateliers auto mobiles

Réalisation de l’identité graphique et du webdesign du concept
www.monmecanoauto.com

Conception du logotype

Cette proposition de logo propose une version vintage inspirée des codes graphiques retro des débuts de la communication graphique.
Ce style qui revient en force dans la création des identités visuelles contemporaines m’a paru s’adapter tout particulièrement à la problématique du concept www.monmecanoauto.com.
La dénomination du projet se compose d’un nom assez long : 12 caractères, ce qui est conséquent pour un logo. Le traitement typographique caractéristique des débuts de l’imprimerie permet donc, d’exploiter une mise en forme des lettres très lisible.
En outre le caractère vintage du traitement injecte une grande dose d’empathie en faisant un clin d’œil au passé et à l’iconographie très riche du milieu industriel et mécanique automobile.
La composition graphique s’inspire des vieilles calandres d’autrefois qui faisait la part belle aux métaux chromés. Le parti pris d’utiliser le logo en 1 couleur en négatif – blanc sur fond coloré – a permis de dynamiser son graphisme en collant aux tendances actuelles.

Réalisation du site WordPress

Le webdesign du site www.monmecanoauto.com en « one single page » – la navigation se fait uniquement sur la page d’accueil – s’est articulée autour d’une gamme de couleur complémentaire et nuancée.

Outre une couleur de contraste institutionnelle pour mettre en valeur l’utilisation du logo en blanc – gris sourd -, on a opté pour un orange flash comme teinte d’accroche associée à un vert d’eau frais et reposant.
Cela constitue une palette colorée dynamique qui conserve une dimension « Pro » adaptée aux exigences de l’activité du projet.

Chaque visuel photographique a été traité en monochromie pour renforcer l’identité de monmecanoauto à travers sa gamme colorimétrique.
L’organisation des sections du site internet s’accompagne d’une alternance de teintes au service de la lisibilité et de la simplicité de lecture des différents messages de contenus.

-> Voir un projet de communication graphique pour Laurent Automobile,  société appartenant au même groupe.

Réalisation de l’identité & charte graphique
Site web du logiciel de chat Zehelp

www.zehelp.com

Identité graphique

Ce logo joue sur l’affect et la sympathie en exploitant un dessin de lettre manuscrit à la façon des écoliers d’antan.

La forte stylisation de la première lettre Z imprime vigueur et caractère au logo qui trouve son homogénéité dans l’épaisseur marquée et régulière de la graisse des lettres. Pour maîtriser cette écriture manuelle, une verticalité des tracés a été opérée dans une optique de rigueur qui cadre avec le sérieux et l’aspect professionnel qu’on est en mesure d’attendre d’une solution logicielle.

L’ensemble de la composition respecte le geste naturel de l’écriture à la main en observant une césure entre le déterminant «Ze» et le nom
«Help». L’intégration d’un H majuscule structure la lecture en 2 mots distincts Cela permet de distinguer les 2 notions dans un ensemble graphique compact. La lecture intuitive est facilitée par les vides prononcés du dessin de la première lettre Z qui permettent «d’entrer» de façon engageante dans le mot pour en ressortir de façon dynamique avec la dernière lettre «P» grâce à une boucle sortante qui ouvre à nouveau le regard.

Afin de renforcer le caractère chaleureux et humain du lettering, un élément figuratif a été intégré : Un phylactère stylisé qui est à la fois le symbole attitré de l’activité de Chat mais qui, placé au dessus du «P» constitue de façon décalée une auréole, un petit clin d’oeil pour augmenter le capital sympathie de la marque Zehelp. Cela rajoute de la confiance et dynamise le graphisme au profit des valeurs véhiculées par le logotype.

Cette identité visuelle a été déclinée sur des cartes de visite et lettre en-tête.

Communication visuelle

Un soin particulier a été apportée pour le choix d’une photographie de référence reflétant les valeurs majeures d’un logiciel de chat : disponibilité, convivialité et professionnalisme.
Le budget global ne permettant pas un shooting photo sur mesure, une sélection concise et argumentée de plusieurs photo de type « image bank » a permis de faire émerger l’image dont la personnalité et l’attitude « matchait » avec le projet.

Cette photo a été retouchée afin que sa palette de couleur puisse s’accorder avec celle choisie pour l’identité visuelle et proposer ainsi une harmonie qualitative dans la diffusion des supports de communication : Rollup et site internet

Les choix de composition graphique et de mise en page faisant la part belle aux caractères pour mettre en avant le contenu informatif, une attention particulière a été portée aux choix de la typographie : afin de renforcer l’effet simplicité et générosité on a opté pour les titrages le choix d’une police de caractère ronde et sympathique qui possède une forte graisse : la Fredoka One
La police utilisée pour les textes courants est la Ubuntu qui assure une complémentarité avec un dessin de lettres actuels et dynamique.

Webdesign

La mise en œuvre du site internet s’est faite par le biais de WordPress en stylisant et customisant les différents modèles des pages du CMS.

Afin de porter l’attention sur le contenu, un camaïeu de gris beige et chaud discret et uni permet de soutenir les informations textuelles hiérarchisés par des couleurs franches et contrastées.

Un large éventail de pictogrammes personnalisés a été créé pour illustrer fonctionnalités et spécificités du logiciel de chat. Leur traitement graphique appuyé permette une personnalisation et une identité spécifique toute en s’inscrivant dans les codes graphiques web du flat design.

-> Consulter d’autres créations d’identités visuelles via une sélection de logotypes