• 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
  • 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
  • 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