• Vaadata

    Vaadata

    Création de l'identité visuelle de la société Vaadata

    Hacking éthique - Sécurité digitale

    Conception graphique du logotype de la société et du webdesign du site internet.
    Réalisation d’illustrations thématiques de type « goodies » – supports sous-bock – pour une communication originale et décalée.

    site web Vaadata Bureau - Tablette - Smartphone

    Réalisation de l’identité graphique / webdesign

    www.vaadata.com

    • Intégration sur mesure via Bootstrap

    • Illustrator - Photoshop

    • Lettering - Pictos design

    • Responsive

    logo Vaadata
    Recherche graphique logotype Vaadata
    Alphabet Sanscrit
    Logo Vaadata noir et blanc

    Propositions non retenues

    Propositions graphiques logo Vaadata non retenues
    Moodboard - planche de tendances webdesign Vaadata
    Infographies Vaadata
    Recherches colorimetriques logo Vaadata
    Webdesign section Services site Vaadata
    Webdesign section Valeurs site Vaadata
    Webdesign section Tarifs site Vaadata
    Graphisme sous bock Recto Goodies Vaadata
    Graphisme sous bock Verso Goodies Vaadata
    Labels Security Audit Vaadata

    Conception du logotype

    L’identité visuelle Vaadata puise son style graphique dans les origines même du nom Vaadata qui possède une consonance indienne. Le dessin des lettres est inspiré de l’alphabet indien, le sanskrit. Cet alphabet est très identifiable car chaque idéogramme contient une ligne horizontale chapeautant le dessin du caractère.

    Chaque lettre a été stylisée puis simplifiée de manière à créer un rythme mécanique, comme un code graphique qui se répète régulièrement, ceci pour évoquer le cryptage à la manière des lignes de codes informatiques.
    Mon idée était d’exploiter la récurrence de la lettre A (qui compose près de 60% du nom) pour imprimer cet effet de redondance que j’associe au caractère binaire des secteurs d’activités intrinsèques au numérique et donc au web.

    La composition globale tend à équilibrer la linéarité du logo par le jeu des pleins et déliés qui permet de circuler dans des dessins de caractères très ouverts. On renforce ainsi la notion de transparence et donc de confiance du logotype.

    Le travail graphique sur la 1ère lettre, le «V», fonctionne comme une petite marche qui nous permet de rentrer facilement dans la lecture de gauche à droite.
    Le dessin de la 4ème lettre – le D – en reprenant exactement la structure du A mais différant uniquement sur la partie supérieure – comme un couvercle qui s’ouvre ou un cadenas qui se défait – agit sur la symbolique d’ouverture et de compréhension.
    La forme liée que constitue la barre du T avec le dernier A imprime la notion d’équipe et de cohésion en créant une unité qui découle des 5 premières lettres détachées les unes des autres.

    Webdesign

    Le webdesign a été validé via la création de moodboard (ou planches de tendances) et a été décliné sur la base des couleurs du logotype en incluant la conception d’infographies et de pictogrammes personnalisés.

    J’ai réalisé l’intégration Html/CSS de 3 modèles de pages qui ont été déclinées par le client pour l’ensemble des pages du site internet.

     


    -> Voir un autre projet de création d’identité visuelle de type « lettering »
    9 septembre 2016 By CX688-OVH
  • Énergétique chinoise

    Énergétique chinoise

    Réalisation identité graphique pour M Demmelbauer acuponctrice

    Mallory Demmelbauer - Énergétique traditionnelle Chinoise

    Logo Mallory Demmelbauer

    Réalisation de l’identité graphique et cartes de visite/carte cadeaux de Mallory Demmelbauer, acupuncteur à Saint-Just Saint-Rambert (42)

    Cartes de visite Mallory Demmelbauer
    Carte cadeau Mallory Demmelbauer
    Recherches calligraphiques
    Logotype Mallory Demmelbauer negatif

    Proposition non retenue

    Logos Drômement bien non retenus

    Identité graphique

    La proposition de logo retenue s’est inspirée d’un tampon traditionnel chinois dont la calligraphie reprenait le nom de l’acuponctrice, Mallory Demmelbauer.
    La conception graphique s’est axée autour de la reproduction de lettres occidentale « à la manière » asiatique.

    J’ai travaillé tout d’abord au pinceau pour pouvoir conserver le geste de la main. Lorsque la composition m’a paru cohérente et lisible, j’ai redessiné chaque lettre via le logiciel Adobe Illustrator pour pouvoir maîtriser précisément le rendu des courbes et obtenir un résultat contemporain. Pour égayer et rendre dynamique la composition il a été rajouté une touche de couleur fuchsia comme une signature de couleur pour parfaire le logo inscrit dans un carré au bord arrondi.

    Le résultat obtenu reflète calme et sérénité malgré une grande variété des formes en circulation dans le dessin du logotype.

    Carte de visite – Carte Cadeau

    La mise en forme des cartes de visite et cartes cadeaux s’est appuyée sur une déclinaison de beige clair associée au rose / fuchsia du logo. On a créé une trame de matière en utilisant un cadrage grossi des lettres. La typographie des titrages s’est orientée vers le choix d’une police de caractère linéale et homogène sans fioriture possédant toutefois un caractère sympathique et généreux :  la Chalet.

    L’impression a été réalisée sur un papier mat matière à fort grammage pour renforcer l’aspect « sensation » de l’activité professionnelle. Le choix d’une impression recto unique permet l’usage du verso comme espace d’écriture.

    Afin de proposer un support pour des offres de type « Cadeau », une carte en 10X15cm Recto Verso a été créé. La conception graphique utilise un symbole visuel « fort » le Bouddha, dont les couleurs ont été retravaillées pour s’harmoniser avec le logo.

     


    -> Voir un autre projet de création visuelle pour une osthéopathe
    8 septembre 2016 By CX688-OVH
  • Expert Santé

    Expert Santé

    Identité visuelle et UX Design pour progiciel medical Expert Santé

    Expert Santé est un progiciel médical édité par Expertiz Santé

    Progiciel web Expert Santé

    Réalisation de l’identité visuelle et de la charte graphique – UI design – Webdesign Progiciel médical ExpertSanté

    • Html5 / CSS 3

    • Illustrator - InDesign - Photoshop

    • Pictos design

    • Responsive

    Logotype Expert Santé
    Progiciel web Expert Santé en responsive web design
    Crayonnés logo Expert Santé
    Logotype Expert Santé en noir et blanc

    Propositions non retenues

    Propositions de logos Expet Santé non retenues
    Plaquette institutionnelle Expert Santé
    Stand Expert Santé
    Bibliothèque d'icônes et pictogrammes du progiciel
    Écrand progiciel web Expert Santé

    Expert Santé est un progiciel médical basé sur des technologies web à destination des cliniques et hôpitaux. Socle de fonctions multiples il peut s’interfacer avec des outils de gestion déjà en place et proposer des fonctionnalités et process de traitement du patient sur-mesure.

    Logotype

    La conception du logo Expert Santé s’est articulée autour de la stylisation de la lettre « e » en minuscule associée au nom expert santé. La police de caractère choisie est l’Helvetica utilisée en regular et en gras : cette typographie de référence, de part son universalité, permet d’instaurer un capital confiance indispensable au secteur médical. 2 couleurs du domaine de la santé Bleu et Vert ont été choisies pour la chromie du logo. Le Bleu a été décliné en 2 teintes : 1 nuance foncé et une nuance vive et dynamique.

    L’idéogramme propose une forme circulaire – symbole de sérénité – traversée par la jambe du « e », une vague bleue qui anime et provoque de la circulation dans le logo. L’unité globale est renforcée par la présence de pleins et déliés dans le dessin de cette vague qui confère élégance et vitalité à l’ensemble. Le traitement en dégradé de la lettre en arrière plan, renforcé par l’ombré de la vague, imprime de la douceur et de la nuance à l’identité graphique. La lisibilité globale de la lettre est assurée par une épaisseur de contour significative.

    UX Design

    La conception de l’interface du logiciel s’est accompagné en amont d’une compréhension des process technologiques. On a sélectionné des écrans de références pour la mise en œuvre graphique sur-mesure et une charte de mise en forme et construction des écrans a été réalisée pour la production en interne.

    La charte graphique s’est orientée sur un traitement monochrome et sobre pour ne pas perturber la lecture du contenu. L’utilisation des couleurs a été réservée aux actions et/ou pictogrammes d’informations guidant l’utilisateur. Outre la mise en forme de différentes zones récurrentes – Recherche / Onglets / Sections / Menus… une bibliothèque conséquente d’icônes a été réalisée (+ de 200) pour répondre aux très nombreuses fonctionnalités et interactions proposées par le progiciel.

    Communication institutionnelle

    Une plaquette d’information pour promouvoir le logiciel a été concue ainsi que la conception de stands et PLV pour animer les différents salons professionnels auquel participe Expertiz Santé.

     


    -> Découvrir d’autres projets de communication visuelle Web et Print pour Amersports, dans le secteur du sport
    8 septembre 2016 By CX688-OVH
  • Osteopathe

    Osteopathe

    Création identité visuelle Marion Bonnefoi osthéopathe

    Cabinet d'osthéopathie à Saint Just Saint Rambert (42)

    Logotype M. Bonnefoi osthéopathe

    Réalisation de l’identité graphique du cabinet avec déclinaison sur cartes de visite et papier en-tête.

    Cartes de visite M. Bonnefoi osthéopathe
    Process créatif logotype M. Bonnefoi osthéopathe
    Recherches graphiques logo M. Bonnefoi osthéopathe
    Logo négatif M. Bonnefoi osthéopathe
    Logotype noir et blanc M. Bonnefoi osthéopathe
    Idéogramme M. Bonnefoi osthéopathe

    Proposition non retenue

    Logotype non retenu M. Bonnefoi osthéopathe

    Marion Bonnefoi est une osthéopathe installée à son compte sur Saint-Just Saint-Rambert depuis 2004. À l’occasion de son déménagement pour l’ouverture de son nouveau cabinet  au printemps 2016 elle a souhaité renouveler son image et proposer de nouvelles cartes de visite pour ses clients.

    Logotype

    Cette proposition s’inspire de la symbolique de la fleur de Lotus : l’accomplissement spirituel de l’être.
    La stylisation de cette fleur met en évidence 2 mains dont les paumes sont tournées vers le ciel, et dont l’écrin renferme une flamme vive et dynamique.
    Le traitement en arabesque et courbures évoque un univers floral dont la douceur et la quiétude sont renforcées par l’intégration de plumes dans le dessin de la flamme centrale.

    La composition ascendante du logo reste cohérente par rapport à l’idée de bien-être, un avant/après synonyme d’épanouissement et de soulagement.

    La notion de douceur est relayée par l’utilisation de 3 couleurs pastels qui exprime chacune leur valeur :

    • Bleu : domaine médical, santé
    • Jaune : énergie, vie et force
    • Rose : Douceur, calme et bien-être

    Le choix d’une typographie au caractère personnel quant à l’écriture du Nom/Prénom (Traitement minuscule/majuscule) contraste avec la police de caractère standard utilisée pour la fonction métier et injecte ainsi de la personnalité au logo. L’identité graphique ainsi obtenue reflète une prise en compte globale du patient qui ouvre sur une dimension bien-être et spiritualité.

    Cartes de visite

    La conception des cartes de visite s’est limitée à la mise en forme d’un Recto seul sur un papier « matière » 320g. On a conservé la typographie utilisée pour le nom – la Cassius – pour limiter le nombre de polices de caractère en réutilisant les couleurs du logo. Pour apporter de la profondeur un léger dégradé permet d’animer le fond de la carte.

     


    -> Voir un autre projet de création visuelle pour une acuponctrice
    9 juillet 2016 By CX688-OVH
  • Zehelp

    Zehelp

    Conception identité visuelle et webdesign du logiciel de chat Zehelp

    Logiciel de chat pour votre site web

    Webdesign zehelp.com

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

    www.zehelp.com

    • WordPress / Bootstrap

    • Illustrator - InDesign - Photoshop

    • Lettering

    • Responsive

    Logotype logiciel de chat Zehelp
    Cartes de visite Zehelp
    Page d'accueil Zehelp.com
    Capture écran site www.zehelp.com
    Moodboard - planche de tendances Zehelp
    Communication graphique Rollup Zehelp
    Charte graphique Zehelp
    Recherches graphiques logotype Zehelp
    Lettering logotype Zehelp
    Logo Zehelp en négatif
    Logo Zehelp en noir et blanc

    Propositions non retenues

    Propositions de logos non retenues

    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
    8 juillet 2016 By CX688-OVH
  • Resistenza

    Resistenza

    Artwork - réalisation du support digipack d'un album CD 8 titres

    CD Album - Precious - Groupe rock indépendant Resistenza

    Artwork digipack album rock Resistenza
    Intérieur du livret 12 p. CD Precious Resistenza
    Contenu livret 12 pages Digipack Precious Resistenza
    Digipack Album Precious Resistenza
    Process graphique Artwork pochette Album
    Détail Artwork CD album Precious par Resistenza

    Origine

    Étant musicien et plus précisément guitariste, j’ai pu participer à l’aventure Resistenza pendant plus de 6 ans et partager des moments inoubliables au sein d’une formation Rock à Saint-Étienne. Nous avons pu par le biais d’un financement participatif via la plateforme de crowfunding KissKissBankBank trouver les fonds pour l’enregistrement d’un album 8 titres où se concrétisaient nos aspirations musicales.

    Dans ce contexte, j’ai réalisé donc le graphisme de notre support CD, à savoir un Digipack contenant un CD + 1 livret 12 pages.

    Artwork

    Outre la création du logo que j’avais pu réaliser au démarrage du groupe, j’ai du concevoir un visuel qui à mon sens devait véhiculer une image personnelle tout en utilisant les codes visuels de l’iconographie Rock’n roll relatif à notre musique.

    Le titre de l’album – Precious – choisi par la chanteuse auteur-interprète du groupe a impulsé les premières bases du visuel : la Rose
    Outre l’imaginaire fort de l’image de cette fleur (Tatouages, groupe Guns & Roses…) mon idée était d’en styliser une représentation pour en faire un visuel soigné et esthétique.

    La réalisation s’est articulé autour d’un dessin de Rose constitué d’une multitude de triangles composant ainsi un ensemble de facette assimilant le visuel à un bijou. Le traitement coloré en dégradé de rose et noir contribue à créer une ambiance mystérieuse et un peu « Dark », sombre comme peut l’être la musique et les thèmes qu’elle aborde. J’avais en tête l’idée qu’une énergie pulsait au sein de cette rose et qu’elle était vivante. C’est pourquoi j’ai essayé de traduire cela par une lumière vibrante centrale en plein cœur du visuel.

    Chaque triangle a été dessiné à la main puis retraité de manière vectorielle via Adobe Illustrator® pour la mise en couleur de dégradé.
    L’intégration et la composition finale de l’image a été faite dans Adobe Photoshop® pour traiter la luminosité, les contrastes et rajouter du grain afin « d’humaniser » le rendu global.

    Nous avons pu bénéficier pour la partie photo du talent de 2 photographes stéphanois Marc Guillot et Jùlian Zolianjù qui ont pu mettre en scène des plans de groupe et d’autres individuels. Les shootings ont été réalisés dans notre local de répétition et en extérieur (Parking sous terrain). Cette matière graphique était indispensable pour habiller le livret 12 pages contenant les paroles et photographie de chaque musicien.

     


    -> Voir un autre création de type Artwork pour un compositeur indépendant
    6 juillet 2016 By CX688-OVH
  • On Meridian Impulse

    On Meridian Impulse

    Identité visuelle et artwork de l'EP "waves of Dreams"

    EP Album - Waves of Dream - Projet musical impulsé par Romain Porquet - compositeur et technicien du son

    Artwork EP Waves of Dream
    Identité graphique On Meridian Impulse
    Recherches visuelles Artwork
    Détail Artwork pochette EP

    Identité graphique On Meridian Impulse

    La création de ce logo après échange avec le compositeur, reprend l’iconographie de la représentation d’un signal électrique pour faire référence à la notion d’impulsion (électrique). Le process créatif a consisté à dégager de grandes variations verticales dans le dessin de lettres sélectionnées pour créer ces impulsions visuelles.

    Afin de ne pas avoir un logotype trop étendu dans sa largeur et ce, pour une plus grande facilité d’utilisation, j’ai choisi d’imbriquer la terminologie sur 2 lignes.
    Le traité des jambages des 2 M et de la jambe inférieure de la lettre P permet de jouer sur le dessin des caractères à la manières d’un signal électrique. L’utilisation d’une police de caractère déstructurée conservant toutefois des rondeurs imprime la notion d’un futur spatial et inconnu.

    Le résultat obtenu tout en contraste de forme revêt une identité forte et lisible malgré la stylisation prononcée d’une partie de la typographie et qui nous plonge dans une imagerie futuriste emplie de rêves et de mystères.

    Artwork Waves of Dreams

    La réalisation d’un visuel illustratif reste un exercice personnel dont le process n’est pas toujours réfléchi. Le démarrage de la création s’est effectuée après l’écoute attentive de l’EP musical et des conversations avec le compositeur.

    Mon objectif était de pouvoir réaliser une image qui pouvait se superposer aux sensations sonores que j’avais pu éprouver en écoutant l’album. Les mots clés qui ont sous tendus la conception graphique pourraient être : Onirique, métaphysique, subtil, espace, profondeur, grain etc…

    La composition se devait d’être simple pour qualifier des notions abstraites qui nous renvoient à nos propres expériences et notre vécu. J’ai traité donc une sphère-planète composée par des signaux électriques vibrants et animés d’énergie.

    La symbolique de l’espace a été traitée en renversant la gravité avec un ciel nuageux en dessous d’une eau calme et sereine. Pour ancrer le traité très graphique de la sphère d’énergie, j’ai intégré un satellite qui ré-ancre notre perception dans un réalité que l’on connaît : la lune.

    Le choix d’un dégradé de couleurs chaudes et complémentaires, dans une ambiance diffuse fait un clin d’œil au traités des techniques d’aérographe utilisée pour la conception des pochettes de disques dans les années 70.

     


    -> Voir un autre projet du même type, la création d’un artwork pour le groupe de Rock Resistenza

    21 décembre 2015 By CX688-OVH
1 2 3