• Evoliatis

    Evoliatis

    Evoliatis

    Société d'infogérance et hébergement à Saint-Etienne dans la Loire

    Webdesign direction artistique Evoliatis

    Communication globale pour la société Evoliatis spécialiste de l’hébergement online : Identité visuelle et graphique, supports prints et plaquette commerciale, webdesign et illustrations

    • Procreate - Illustrator - Adobe XD

    • Une communication décalée à l'ADN affirmé

    Refonte logo Evoliatis
    Plaquette commerciale Evoliatis
    Digital design charte Evoliatis
    Illustration vectorielle serveur web
    Illustration vectorielle connectique RJ45
    Illustration vectorielle sauvegarde
    Responsive web design Ipad
    Illustration vectorielle cyber securite

    Le contexte

    Samuel Collado, dirigeant de la société Evoliatis spécialisée dans les prestations d’hébergement web, d’infogérance et de formations, souhaitait renouveler son site internet dans le cadre d’un accompagnement stratégique et se positionner comme acteur incontournable sur le bassin Stéphanois.

    Pour cela, 3 axes de communication ont été définis : Refonte du logo, création d’une plaquette commerciale au format papier et création d’un nouveau site internet.

    J’ai réalisé la nouvelle identité visuelle, conçu la brochure papier et travaillé sur le maquettage graphique et l’ergonomie du site internet. L’intégration technique et l’écriture du contenu rédactionnel de ce dernier ont été effectués par l’agence Les Imageurs.

    12 avril 2023 By CX688-OVH
  • Imageurs – Agence Inbound Marketing

    Imageurs – Agence Inbound Marketing

    Imageurs, une agence Inbound Marketing à Saint-Etienne

    Agence web spécialiste de la croissance sur internet

    Identité visuelle Imageurs

    Conception de l’identité visuelle de la web agency Imageurs à Saint-Étienne spécialisée dans l’inbound Marketing : création du logo et création de la base line. Proposition graphique webdesign.

    • Crayon criterium 0,5mm - Adobe Creative Suite

    • L'équilibre d'un logo qui (se) balance autour de son idéogramme !

    Logo Imageurs.com fond ciel
    Logo Imageurs.com
    Logo Imageurs.com
    Concept logotype Imageurs
    Idéogramme identité visuelle Imageurs
    Webdesign Imageurs
    Branding Imageurs
    Icon design
    Carte visite Imageurs
    Création logotype Imageurs

    Conception identité graphique Imageurs

    Jean-Luc Bertholet, fondateur de la société Imageurs à Saint-Etienne, m’a confié la création de leur identité visuelle. Cette agence web se spécialisant dans l’Inbound Marketing, un changement d’image de marque fort et stratégique s’imposait de fait. Outre la conception graphique du logo j’ai également conçu la nouvelle base line de la société en cohérence avec les nouveaux objectifs des Imageurs.

    Création du logotype et de l’identité :

    Le logo

    Lorsque l’on évolue dans une secteur pointu et innovant comme l’Inbound Marketing, il est impératif de transmettre une image claire, simple et transparente afin de rassurer ses interlocuteurs. Je me suis donc attaché à travailler un logo typographique qui puisse faire émerger les valeurs intrinsèques de l’entreprise : la relation client et son accompagnement dans le processus inbound marketing.

    J’ai réalisé un logotype symétrique articulé autour d’une lettre centrale stylisée dans une composition exprimant les notions d’équilibre et de bienveillance.

    L’idéogramme constitué par le dessin de la lettre G, outre son intégration naturelle dans l’écriture typographique permet, dans son utilisation solo, de relayer un signe graphique fort et sympathique : La boucle inférieure de la lettre agit comme un sourire « un smile » qui imprime bienveillance et convivialité au logo. De plus, de par sa courbe, il dynamise une écriture globale solide et maîtrisée, avec un effet « rebond » indéniable. Il remplit également une contrainte fonctionnelle liée au responsive web design en proposant une version du logotype condensée et cohérente avec l’identité visuelle originale.

    Le dessin des lettres issu de la police de caractère « Aperture » a été modifié pour affirmer l’ADN Imageurs en renforçant les espaces ouverts et en adoucissants notamment les empattements. La sobriété et la régularité des épaisseurs des tracés procurent stabilité et professionnalisme à la composition.

    La base line

    « Activation digitale »

    Activation/ Définition : Mise en œuvre d’une procédure organisée à l’avance.

    Choix des termes :
    Activation -> l’idée est de capitaliser sur le potentiel client déjà existant qui ne demande qu’à se révéler sur le plan de la stratégie digitale. Les Imageurs sont le déclencheur de cette nouvelle dimension qu’est l’inbound marketing au sein de l’entreprise.
    Digitale -> Ce terme générique permet de contextualiser le champ d’action de manière globale sans rentrer dans des mots trop pointus qui pourraient faire peur à des clients peu ou pas au fait de l’inbound marketing.

     

    Les couleurs

    La couleur identitaire et historique de l’entreprise étant le rouge, j’ai opté pour une nuance lumineuse et dynamique tirant sur le rubis, pour accentuer le côté vif et réactif lié au web. La palette chromatique s’agrémente de 2 déclinaisons de bleus proposant des contrastes satisfaisant pour la lecture du logo : un bleu ciel épuré associé à un bleu cobalt élégant et racé.

    Cette gamme de couleurs froides colle bien au domaine des nouvelles technologies associant à la fois une personnalité affirmé – le rouge – tempéré par le caractère pro et classique du camaïeu de bleu.

     

    Moodboard et webdesign

    Bien que les maquettes graphiques produites pour le site web n’aient pas été exploitées pour le site en production, j’ai travaillé sur la mise en forme graphique de la page d’accueil et de pages pivots. J’ai identifié et choisi des images bank ciblées utilisée comme images clés de référence dans le site. Enfin, j’ai également créé des pictogrammes sur mesure pour un intégration optimale en matière d’UX design.

    4 décembre 2021 By CX688-OVH
  • Generation Inspire – Facilitateurs d’intégration pour les collégiens et lycéens

    Generation Inspire – Facilitateurs d’intégration pour les collégiens et lycéens

    Generation Inspire
    Facilitateurs d'integration pro pour les collégiens et lycéens

    Conseils et solutions d'orientation pour la jeunesse

    Identité visuelle Generation Inspire

    Communication globale – Identité visuelle, webdesign et print – pour l’association ligérienne Generation Inspire

    • Crayon criterium 0,5mm - Table lumineuse
      Adobe Creative Suite

    • La double lecture de l'idéogramme G !

    Logo Generation Inspire
    T-shirt Generation Inspire
    Carte de visite GI
    Site internet Generation Inspire
    Webdesign Generation Inspire
    Lettering

    Communication graphique Generation Inspire.

    Sara et Alexandre Baudoux sont les initiateurs de ce beau projet orientés sur le devenir professionnel des jeunes collégiens et lycéens d’aujourd’hui.
    Ils m’ont confié la création de leur communication globale articulée autour de la conception d’une identité visuelle, la réalisation d’un site internet et la déclinaison de leur image sur les supports de communication traditionnels : cartes de visite, affiches, flyers et signalétique.

    Création du logotype et de l’identité :

    Suite à la présentation de leur projet j’ai travaillé sur 2 axes complémentaires : la conception d’un logo et la direction artistique pour mise en forme de 4 images de références, des images clés destinés à porter les valeurs sensibles de l’association.

    Le logo

    Après une proposition de plusieurs esquisses pour déterminer la piste graphique du futur logo, la réflexion s’est orientée sur la mise en place d’un signe identitaire collant à l’ADN du projet.

    La stylisation de l’idéogramme propose un dessin issu de la calligraphie : la lettre G en minuscule dont les contre-formes intérieures dessinent un point
    d’exclamation en 2nde lecture. Le parti pris d’une approche manuscrite pour la constitution d’un signe identitaire s’appuie sur l’aspect humain du projet qui positionne cette identité sous le signe de la générosité et du dynamisme.

    La composition globale place l’idéogramme après la dénomination de façon à ce que le point d’interrogation vienne jouer son rôle d’accentuation en fin de phrase. La typographie classique utilisée est calibrée à la façon d’un bloc simple et identifiable en soutien de l’idéogramme. Sa forte graisse permet d’équilibrer la lecture avec le signe graphique très affirmé.
    Les 2 variantes de caractère (condensé et normal) permettent une lecture aisée en donnant la priorité au mot Inspire évocateur de valeurs positives.
    On aura procédé à la suppression des points sur les i de « Inspire » pour épurer la composition. Cette dernière voit sa personnalité renforcée de par la reprise du dessin des premières lettre de chaque mot assurant une liaison originale. Les accents sur le mot Génération ne sont pas conservés pour assurer une double lecture français-anglais.

    Le traitement monochromatique s’articule autour d’un bleu indigo saturé et classieux.
    La palette chromatique globale intègre une complémentaire orangée issue du traitement photographique des images de référence que vient compléter un bleu clair plein d’optimisme en référence à la dimension sensible du projet Generation Inspire.

    Visuels de références

    Pour incarner les valeurs de l’association il me paraissait évident de mettre en scène des visages d’adolescents en devenir.
    Après les nombreux échanges entre Sara, Alexandre et moi-même qui ont nourri le projet, le choix s’est porté sur la réalisation de 4 portraits distincts mettant en scène les photographies de 2 filles et 2 garçons dans une attitude de dualité nuancé :
    le jeu de ping-pong visuel entre les 2 expressions de visages agit comme des questions-réponses qui est cohérent avec la dimension de questionnement personnel sur le futur des adolescents. Le traitement en bichromie bleu/orange dynamise chaque portrait pour une identité vivante et positive.

    Les images sont détourées pour une intégration de mise en page plus souple en vue des déclinaisons digitales et print du projet.

    Webdesign, intégration site internet

    La solution WordPress pour la création du site web s’est imposé afin de proposer un outil de gestion des actualités.
    Le développement graphique s’est effectué avec le logiciel Adobe XD orienté design digitale : UX/UI design.
    La première étape a été de réaliser un Moodboard ou planche de tendance pour établir une atmosphère visuelle du site conforme aux objectifs de
    communication et en adéquation avec la sensibilité du client. Cette planche de tendance permet d’établir la charte graphique par le biais d’une
    présentation de :
    • palette couleurs
    • traitement photographique
    • illustration – infographie
    • typographies
    De cette manière on fixe le ton et l’harmonie visuelle générale du webdesign indépendamment du contenu qui lui est défini lors de l’élaboration des
    zonings.

    Ensuite j’ai développé le rubriquage des différentes pages du site internet via des Zonings en wireframe. L’intégration graphique s’est opérée directement sur Word Press.

    Supports de communication

    Je me suis occupé également de la création des cartes de visites ainsi que des flyers en A5 et affiches au format A3. Le dispositif a été complété par des Roll’ups de type Xbanners pour véhiculer l’image Generation Inspire lors des salons et conférence proposées par Sara et Alexandre Baudoux.

    20 novembre 2020 By CX688-OVH
  • Atelier Chomienne – bureau d’étude Urbain et paysager

    Atelier Chomienne – bureau d’étude Urbain et paysager

    Atelier Chomienne – bureau d’étude Urbain et paysager

    Aménagement urbains et paysagers

    Logotype Atelier François Chomienne

    Conception de l’identité visuelle d’un bureau d’étude Urbain et paysager  : l’Atelier Chomienne.

    • Crayon criterium 0,5mm - Illustrator - Table lumineuse

    • La ramification du motif de l'idéogramme

    Identité visuelle Atelier Chomienne
    Amenagement urbain et paysager Photo ©Pierre Grasset
    Carte visite Atelier Chomienne
    Moodboard Atelier Chomienne
    Croquis identité visuelle Atelier Chomienne
    Logotype François Chomienne

    Conception de l’identité visuelle Atelier Chomienne.

    François Chomienn, localisé à Saint Paul en Jarez dans la Loire à côté de Saint Etienne est une référence dans l’aménagement des espaces urbains et paysagers. Il apporte une réflexion globale et pleine de sens dans l’appréhension de ses projets.
    J’ai d’ailleurs pu mesurer son professionnalisme et ses compétences en faisant appel à lui pour l’aménagement du jardin de ma maison.

    Afin de renouveler son image et communiquer sur son secteur d’activité il m’a confié la refonte de son identité visuelle que j’ai complété avec un moodboard (ou planche de tendance) qui fixe le webdesign d’un futur site internet. J’ai également préconisé de faire appel à Pierre Grasset, photographe stéphanois, pour compléter ma proposition par des photos de portrait et de projets.

    Après plusieurs propositions graphiques et au cours de nombreux échanges autour de la sémantique du terme « galvaudé » d’architecte paysager, le choix a été de capitaliser sur une dénomination historique, l’atelier Chomienne, en complétant cette appellation par un idéogramme porteur de sens :

    Un motif stylisé évoquant un réseau en arborescence.

    Orienté de façon inhabituelle, à savoir disposé sous le nom, cet idéogramme énigmatique joue à la fois sur l’idée de racines ou de branches. Il peut également évoquer un réseau organique tel des cellules ou synapses en inter-relation en référence au domaine du vivant.
    Le traitement du nom à l’espacement horizontal prononcé agit comme une ligne d’horizon qui positionne le motif dans le sol, tel des ramifications appelées à germer : une métaphore du travail de conception en amont du visible.
    Le graphisme exploite un dessin aux courbes et déliés prononcés amenant un effet vibratoire affectif et sensible.
    Le choix de la police de caractère « Pill Gothic » a été opéré pour son homogénéité avec le tracé de l’idéogramme.

    La construction géométrique du motif permet de créer de multiples déclinaisons sur la base de rosaces pour une identité forte et singulière.

    La couleur vert sombre a été choisie par François Chomienne qui a pu ainsi parfaire ce travail dans lequel il s’est fortement impliqué.

    4 novembre 2020 By CX688-OVH
  • Vaadata Refonte webdesign 2019

    Vaadata Refonte webdesign 2019

    Vaadata Refonte webdesign 2019

    Hacking éthique - Sécurité digitale à Lyon - Rhône 69

    motion icon vaadata
    Responsive web design

    Refonte du site internet de la société Vaadata experte en sécurité digitale et hacking éthique / Relooking de l’identité visuelle

    • After effect - Bootstrap - Webdesign

    • Motion icon / Moodboard / pictogrammes

    Relooking logotype Vaadata
    Identité visuelle
    Icônes services et metiers
    illustration picto
    Moodboard - planche de tendances
    webdesign
    création digitale

    Le contexte

    La société Vaadata m’a fait confiance pour renouveler en 2019 la création graphique de leur site internet sur lequel j’étais déjà intervenu en 2014. J’ai également repris leur logo pour assurer un léger relooking favorisant la lisibilité de leur identité.

    Process créatif et webdesign

    Objetcif : constituer une identité visuelle personnelle et en adéquation avec leurs valeurs d’indépendance et de professionnalisme dans le secteur sensible qu’est la sécurité digitale.

    Afin de coller au plus proche de leur ADN, nous avons choisi d’orienter la communication autour de l’activité phare de la société : le Pentest ou test d’intrusion. Pour ce faire, le choix d’un vert punchy, couleur emblématique dans l’univers des écrans, permet une identification forte. Associé au gris anthracite originel de l’identité on véhicule ainsi le côté un peu underground lié au hacking. Le traitement du jeu d’icônes au graphisme brute et dessiné accompagne de façon cohérente ce parti-pris. La hiérarchisation et l’organisation des contenus rédactionnels du site ont été opérées à l’aide de zoning ou wireframe exécutés avec l’outil de conception Adobe XD.

    La mise en place d’un moodboard ou planche de tendances a permis de valider l’homogénéité du design avec une attention particulière sur le choix de typographies marquées « code ». La constitution d’éléments graphiques de types sticker font références aux stéréotypes de l’univers geek du hacker.

    La création d’une animation d’icônes en page d’accueil sur la thématique du hacking permet de dynamiser l’identité du site web. Le motion design a été réalisé avec After effect.

    13 décembre 2019 By CX688-OVH
  • Amersports

    Amersports

    Création graphique multi supports Web/Print/UXdesign pour Amersports

    Amersports regroupe les marques sports Salomon, Wilson, Atomic, Arc’teryx, Mavic, Suunto et Precor

    Affiche course Over The Mountain 2018
    Affiche course Over The Mountain 2017
    Affiche course Over The Mountain 2016
    Affiche Course Skyrunner 2016
    Parution presse Aperun Salomon 2016
    Site web Aperun Salomon 2016
    T-shirt avec logo Salomon Community Runs
    UX design pour appli Wilson
    Dépliant Salomon Community Runs parcours par ville
    Dépliant Salomon

    Graphisme sur-mesure

    J’accompagne depuis 2015 la société Amersports à laquelle appartient les marques Salomon, Wilson, Atomic, Arc’teryx, Mavic, Suunto et Precor.

    Je suis amené à concevoir divers type de création graphique tant sur supports papier que communication digitale. Les missions de communication sont généralement liées à des événements sportifs – Aperun Salomon -, des jeux ou la promotion de nouveaux produits ou gamme. Elles peuvent également concerner une utilisation en interne pour les équipes chargées de promouvoir les marques : Ex. Création de l’interface d’une appli – UX Design – dédiée à la collecte de donnée pour Wilson
    Elles concernent essentiellement les marques Salomon / Suunto / Wilson et Atomic.

    Les champs d’action varient d’un projet à l’autre. Je suis amené à respecter les chartes graphiques des marques – Création de dépliants, prospectus – ou je peux créer des visuels de A à Z – logo Community Runs –

    Le développement des supports digitaux font appel à des compétences ergonomiques qui doivent s’adapter aux mécaniques des jeux et leurs contraintes d’enchaînement : collecte des informations / écrans d’inscriptions /conversion des parcours utilisateurs.

     


    -> Voir un autre projet de communication graphique et webdesign
    21 décembre 2016 By CX688-OVH
  • Exadis

    Exadis

    Refonte identité visuelle - communication print & web - société Exadis

    Plateforme de distribution de pièces détachées auto

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

    • Wordpress

    • Illustrator - Photoshop

    • Relooking identité visuelle

    • Responsive website

    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
    21 décembre 2016 By CX688-OVH
  • Monmecanoauto.com

    Monmecanoauto.com

    Création Identité visuelle et site web pour concept www.monmecanoauto.com

    Offre sur-mesure pour les ateliers auto mobiles

    Logo Monmecanoauto en négatif
    Logo Monmecanoauto en positif

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

    • Wordpress

    • Illustrator - Photoshop

    • Vintage style

    • Responsive website

    Recherches graphiques pour le logotype
    Logo Monmecanoauto imprimé sur un T-Shirt
    Plaquette PDF de présentation du concept Monmecanoauto
    Capture d'écran du site www.monmecanoauto.com
    Capture d'écran du site www.monmecanoauto.com
    Capture d'écran du site 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.
    9 septembre 2016 By CX688-OVH
  • 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
  • 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
1 2