{"id":933,"date":"2022-02-11T14:51:40","date_gmt":"2022-02-11T13:51:40","guid":{"rendered":"https:\/\/www.cherryfizz.fr\/blog\/?p=933"},"modified":"2022-02-11T14:51:42","modified_gmt":"2022-02-11T13:51:42","slug":"nouvelle-identite-visuelle-et-positionnement-pour-la-societe-de-services-atomx","status":"publish","type":"post","link":"https:\/\/www.cherryfizz.fr\/blog\/nouvelle-identite-visuelle-et-positionnement-pour-la-societe-de-services-atomx\/","title":{"rendered":"Nouvelle identit\u00e9 visuelle et positionnement pour la soci\u00e9t\u00e9 de services atomx."},"content":{"rendered":"\n

Cet \u00e9t\u00e9 nous avons accompagn\u00e9 atomx<\/a> dans la refonte de leur identit\u00e9 visuelle. Lors des \u00e9changes sur le projet et la prise de brief, nous avons constat\u00e9 que la probl\u00e9matique initiale de l’image du site n’\u00e9tait pas le chantier principal, mais nous \u00e9tions finalement face \u00e0 un probl\u00e8me de positionnement mal identifi\u00e9. Par manque de temps, manque de comp\u00e9tences adapt\u00e9es en interne, il y a diverses raisons qui peuvent amener \u00e0 ce constat. <\/p>\n\n\n\n

Les \u00e9changes autour du projet ont rapidement permis de requalifier la demande initiale en une nouvelle probl\u00e9matique qui pourrait \u00eatre la suivante : \u00ab\u00a0Comment pourrions-nous donner envie aux futurs collaborateurs de venir travailler chez atomx ?\u00a0\u00bb. Nous passions donc d’une simple refonte de site \u00e0 la d\u00e9finition d’une nouvelle fa\u00e7on de communiquer sur qui est atomx. <\/p>\n\n\n\n

Atomx est une soci\u00e9t\u00e9 de services cr\u00e9\u00e9e en 2018 (sp\u00e9cialis\u00e9e en services externes et ServiceNow), un secteur tr\u00e8s concurrentiel qui doit d\u00e9fendre une image un peu complexe du recrutement. Le contexte \u00e9conomique actuel instable a remis en question un certain nombre d’\u00e9l\u00e9ments acquis dans le recrutement et les entreprises se rendent compte peu \u00e0 peu que les futurs collaborateurs ont des nouvelles attentes.<\/p>\n\n\n\n

Nous avons propos\u00e9 de remanier l’image de marque d’atomx en red\u00e9finissant les objectifs et les attentes des collaborateurs. Nous avons pris le temps d’\u00e9tudier les \u00e9volutions du travail post-Covid, \u00e9tudi\u00e9 les entreprises et startups innovantes qui on su s’adapter rapidement au nouveau contexte \u00e9conomique. <\/p>\n\n\n\n

Le nouveau positionnement d’atomx.<\/h2>\n\n\n\n

Concr\u00e8tement c’est une nouvelle image pour atomx, plus en rapport avec la g\u00e9n\u00e9ration de collaborateurs. Plus jeune, plus dynamique, plus color\u00e9e. Un nouveau positionnement clair sur le site Internet qui met en avant les collaborateurs actuels ainsi que les futurs collaborateurs. Nous avons imagin\u00e9 ce positionnement sur deux axes principaux : le contexte \u00e9conomique et social mouvant d’une part, les collaborateurs d\u00e9j\u00e0 en poste et les futurs collaborateurs afin de mod\u00e9liser une entreprise pr\u00eate \u00e0 relever les nouveaux d\u00e9fis pour et avec ses collaborateurs d’autre part.<\/p>\n\n\n\n

La nouvelle identit\u00e9 visuelle d’atomx.<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Ce que nous avons conserv\u00e9 :<\/h3>\n\n\n\n

Pour la conception de cette image de marque, nous nous sommes demand\u00e9 comment il \u00e9tait possible de dynamiser l’image d’atomx sans perdre son ADN sachant que l’agence n’a que 3 ans. L’id\u00e9e n’\u00e9tait pas de changer totalement les fondations du logo pr\u00e9c\u00e9dent ainsi que sa signification. <\/p>\n\n\n\n

Importante pour le client, la notion d’atome \u00e0 \u00e9t\u00e9 conserv\u00e9e mais all\u00e9g\u00e9e dans sa conception. Le nouveau symbole est plus l\u00e9ger, toutefois il conserve la trajectoire des atomes (nous avons anim\u00e9 cette partie sur le site afin de le rendre encore plus \u00e9vident). <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Ce que nous avons chang\u00e9 :<\/h3>\n\n\n\n
  • Les couleurs : La colorim\u00e9trie noire bleue qui toutefois est en accord avec l’image des entreprises IT, nous a sembl\u00e9 dure, froide voire aust\u00e8re. Nous voulions que le nouveau logo soit chaleureux, dynamique, accueillant. Nous avons donc s\u00e9lectionn\u00e9 une palette de couleurs majoritairement chaudes et un d\u00e9grad\u00e9 doux mais dynamique.
    <\/li>
  • Le \u00ab\u00a0o\u00a0\u00bb du nom : nous n’avons pas voulu garder le symbole en remplacement du \u00ab\u00a0o\u00a0\u00bb car il g\u00eanait la lisibilit\u00e9 et amenait des probl\u00e8mes de mise \u00e0 l’\u00e9chelle. Nous avons donc sorti le symbole graphique pour l’apposer soit \u00e0 gauche du nom, soit au dessus du nom selon l’usage du logo.
    <\/li>
  • Les majuscules : Nous avons retir\u00e9 toutes les majuscules pour \u00e9viter le c\u00f4t\u00e9 agressif du logo.
    <\/li>
  • La graisse de la typographie : Nous avons privil\u00e9gi\u00e9 une typographie plus ronde, plus fine et moins lourde.
    <\/li>
  • L’ajout de la baseline : L’ancien logo n’avait pas de baseline, il nous semble capital d’avoir un message clair des actions de nos clients. M\u00eame si parfois l’accroche peut \u00eatre plus abstraite, elle donne le ton.
    <\/li>
  • La suppression du mot \u00ab\u00a0system\u00a0\u00bb dans toutes les communications non rattach\u00e9es \u00e0 l’administratif. <\/li><\/ul>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    La charte graphique d’atomx. : <\/h2>\n\n\n\n

    Une charte \u00e0 double lecture :<\/h3>\n\n\n\n
    • Les collaborateurs
      <\/strong>Nous avons imagin\u00e9 un univers dynamique pour les collaborateurs actuels ou futurs collaborateurs. L’utilisation du noir combin\u00e9 aux couleurs du logo permet de jouer avec une multitude de combinaisons de couleurs, que se soit pour le web comme le print.
      Nous avons utilis\u00e9 des pictogrammes opensource pour la partie collaborateurs \/ recrutement, ce qui permet au client une libert\u00e9 d’utilisation des visuels.<\/li><\/ul>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      • Les clients<\/strong>
        Pour la partie client, nous avons \u00e9t\u00e9 un peu plus sages et avons propos\u00e9 des pages classiques qui conservent certains \u00e9l\u00e9ments de la charte principale. Nous avons con\u00e7u des pictogrammes sur-mesure.<\/li><\/ul>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        \"\"<\/figure>\n\n\n\n

        La refonte du site Internet d’atomx.<\/h2>\n\n\n\n

        La mission principale du site \u00e9tait de passer d’un site vitrine basique \u00e0 un site attractif et dynamique. Nous avons accompagn\u00e9 notre client dans la mise en place d’\u00e9changes r\u00e9guliers et dirig\u00e9s afin de comprendre la port\u00e9e de leur mission et leurs attentes profondes. <\/p>\n\n\n\n

        Il \u00e9tait important de travailler sur une page d’accueil qui parle imm\u00e9diatement \u00e0 la cible et proposer une navigation intuitive. Nous avons con\u00e7u des pages courtes mais efficaces.<\/p>\n\n\n\n

        Nous sommes pass\u00e9 d’un site vitrine qui pr\u00e9sente les activit\u00e9s de la soci\u00e9t\u00e9 \u00e0 un site d\u00e9di\u00e9 aux collaborateurs et au recrutement. Le site Internet n’\u00e9tant pas l’axe majoritaire de recrutement mais un support compl\u00e9mentaire, nous avons aussi travaill\u00e9 la remise en place des r\u00e9seaux sociaux LinkedIn et Facebook.<\/p>\n\n\n\n

        \"\"
        Le site atomx avant refonte<\/figcaption><\/figure>\n\n\n\n
        \"\"
        Le site atomx apr\u00e8s refonte<\/figcaption><\/figure>\n\n\n\n

        Conclusion<\/h2>\n\n\n\n

        A + 6 mois, la charte graphique d’atomx a \u00e9t\u00e9 prise en main par les diff\u00e9rents collaborateurs d’atomx (RH, business manager, Direction…), on constate une unit\u00e9 dans la communication interne et externe. <\/p>\n\n\n\n

        Les collaborateurs ont fait part de leur satisfaction concernant la nouvelle image d’atomx. Image \u00e0 laquelle ils s’identifient plus naturellement. <\/p>\n\n\n\n

        Atomx est plus visible dans le secteur des soci\u00e9t\u00e9s de services.<\/p>\n","protected":false},"excerpt":{"rendered":"

        Cet \u00e9t\u00e9 nous avons accompagn\u00e9 atomx dans la refonte de leur identit\u00e9 visuelle. Lors des \u00e9changes sur le projet et la prise de brief, nous avons constat\u00e9 que la probl\u00e9matique initiale de l’image du site n’\u00e9tait pas le chantier principal, mais nous \u00e9tions finalement face \u00e0 un probl\u00e8me de positionnement<\/p>\n","protected":false},"author":1,"featured_media":953,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[12],"tags":[138,136,135,19,137],"class_list":["post-933","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-ux","tag-branding","tag-design-ui","tag-design-ux","tag-identite-visuelle","tag-site-internet"],"views":6865,"jetpack_featured_media_url":"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2022\/02\/Capture-de\u0301cran-2022-02-11-a\u0300-10.11.32.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/posts\/933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/comments?post=933"}],"version-history":[{"count":7,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/posts\/933\/revisions"}],"predecessor-version":[{"id":959,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/posts\/933\/revisions\/959"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/media\/953"}],"wp:attachment":[{"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/media?parent=933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/categories?post=933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/tags?post=933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}