{"componentChunkName":"component---src-templates-detail-index-js","path":"/projets/mon-gaz-vert","result":{"data":{"markdownRemark":{"html":"<div class=\"container\">\n  <div class=\"row justify-content-center\">\n    <div data-scroll class=\"col-12 col-xl-10 mrd-l-work__section scroll__section\">\n      <span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 2048px; \">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 56.25%; position: relative; bottom: 0; left: 0; display: block;\"></span>\n  <picture>\n        <source srcset=\"/static/1498aeed59b1734fdf5029a36ff7f0e4/2bf0f/hero%402x.webp 512w,\n/static/1498aeed59b1734fdf5029a36ff7f0e4/d71bc/hero%402x.webp 1024w,\n/static/1498aeed59b1734fdf5029a36ff7f0e4/96d48/hero%402x.webp 2048w,\n/static/1498aeed59b1734fdf5029a36ff7f0e4/27ba4/hero%402x.webp 2528w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" type=\"image/webp\">\n        <source srcset=\"/static/1498aeed59b1734fdf5029a36ff7f0e4/8102f/hero%402x.jpg 512w,\n/static/1498aeed59b1734fdf5029a36ff7f0e4/63217/hero%402x.jpg 1024w,\n/static/1498aeed59b1734fdf5029a36ff7f0e4/09658/hero%402x.jpg 2048w,\n/static/1498aeed59b1734fdf5029a36ff7f0e4/14829/hero%402x.jpg 2528w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" type=\"image/jpeg\">\n        <img class=\"gatsby-resp-image-image\" src=\"/static/1498aeed59b1734fdf5029a36ff7f0e4/09658/hero%402x.jpg\" alt=\"hero 2x\" title=\"hero 2x\" loading=\"lazy\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\">\n      </picture>\n    </span>\n    </div>\n    <div data-scroll class=\"col-12 col-xl-10 mrd-l-work__section scroll__section\">\n      <span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 2048px; \">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 56.25%; position: relative; bottom: 0; left: 0; display: block;\"></span>\n  <picture>\n        <source srcset=\"/static/08fe306cc2d0267d39ce8fb57ec940c8/2bf0f/section-1%402x.webp 512w,\n/static/08fe306cc2d0267d39ce8fb57ec940c8/d71bc/section-1%402x.webp 1024w,\n/static/08fe306cc2d0267d39ce8fb57ec940c8/96d48/section-1%402x.webp 2048w,\n/static/08fe306cc2d0267d39ce8fb57ec940c8/27ba4/section-1%402x.webp 2528w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" type=\"image/webp\">\n        <source srcset=\"/static/08fe306cc2d0267d39ce8fb57ec940c8/8102f/section-1%402x.jpg 512w,\n/static/08fe306cc2d0267d39ce8fb57ec940c8/63217/section-1%402x.jpg 1024w,\n/static/08fe306cc2d0267d39ce8fb57ec940c8/09658/section-1%402x.jpg 2048w,\n/static/08fe306cc2d0267d39ce8fb57ec940c8/14829/section-1%402x.jpg 2528w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" type=\"image/jpeg\">\n        <img class=\"gatsby-resp-image-image\" src=\"/static/08fe306cc2d0267d39ce8fb57ec940c8/09658/section-1%402x.jpg\" alt=\"section 1 2x\" title=\"section 1 2x\" loading=\"lazy\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\">\n      </picture>\n    </span>\n    </div>\n    <div data-scroll class=\"col-12 col-xl-10 mrd-l-work__section scroll__section\">\n      <span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 2048px; \">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 56.25%; position: relative; bottom: 0; left: 0; display: block;\"></span>\n  <picture>\n        <source srcset=\"/static/5341834fdd08f046c59dfb3c4dd69ff5/2bf0f/section-2%402x.webp 512w,\n/static/5341834fdd08f046c59dfb3c4dd69ff5/d71bc/section-2%402x.webp 1024w,\n/static/5341834fdd08f046c59dfb3c4dd69ff5/96d48/section-2%402x.webp 2048w,\n/static/5341834fdd08f046c59dfb3c4dd69ff5/27ba4/section-2%402x.webp 2528w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" type=\"image/webp\">\n        <source srcset=\"/static/5341834fdd08f046c59dfb3c4dd69ff5/8102f/section-2%402x.jpg 512w,\n/static/5341834fdd08f046c59dfb3c4dd69ff5/63217/section-2%402x.jpg 1024w,\n/static/5341834fdd08f046c59dfb3c4dd69ff5/09658/section-2%402x.jpg 2048w,\n/static/5341834fdd08f046c59dfb3c4dd69ff5/14829/section-2%402x.jpg 2528w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" type=\"image/jpeg\">\n        <img class=\"gatsby-resp-image-image\" src=\"/static/5341834fdd08f046c59dfb3c4dd69ff5/09658/section-2%402x.jpg\" alt=\"section 2 2x\" title=\"section 2 2x\" loading=\"lazy\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\">\n      </picture>\n    </span>\n    </div>\n    <div data-scroll class=\"col-12 col-xl-10 mrd-l-work__section scroll__section\">\n      <span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 2048px; \">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 56.25%; position: relative; bottom: 0; left: 0; display: block;\"></span>\n  <picture>\n        <source srcset=\"/static/784509720051adeaa9443603d05e70ae/2bf0f/section-4%402x.webp 512w,\n/static/784509720051adeaa9443603d05e70ae/d71bc/section-4%402x.webp 1024w,\n/static/784509720051adeaa9443603d05e70ae/96d48/section-4%402x.webp 2048w,\n/static/784509720051adeaa9443603d05e70ae/27ba4/section-4%402x.webp 2528w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" type=\"image/webp\">\n        <source srcset=\"/static/784509720051adeaa9443603d05e70ae/8102f/section-4%402x.jpg 512w,\n/static/784509720051adeaa9443603d05e70ae/63217/section-4%402x.jpg 1024w,\n/static/784509720051adeaa9443603d05e70ae/09658/section-4%402x.jpg 2048w,\n/static/784509720051adeaa9443603d05e70ae/14829/section-4%402x.jpg 2528w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" type=\"image/jpeg\">\n        <img class=\"gatsby-resp-image-image\" src=\"/static/784509720051adeaa9443603d05e70ae/09658/section-4%402x.jpg\" alt=\"section 4 2x\" title=\"section 4 2x\" loading=\"lazy\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\">\n      </picture>\n    </span>\n    </div>\n  </div>\n</div>\n<div data-scroll class=\"scroll__section\">\n  <span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 2048px; \">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 55.46875%; position: relative; bottom: 0; left: 0; display: block;\"></span>\n  <picture>\n        <source srcset=\"/static/042650ed8453b36ede876751476cdcf6/2bf0f/cover-2.webp 512w,\n/static/042650ed8453b36ede876751476cdcf6/d71bc/cover-2.webp 1024w,\n/static/042650ed8453b36ede876751476cdcf6/96d48/cover-2.webp 2048w,\n/static/042650ed8453b36ede876751476cdcf6/cd3a4/cover-2.webp 2600w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" type=\"image/webp\">\n        <source srcset=\"/static/042650ed8453b36ede876751476cdcf6/8102f/cover-2.jpg 512w,\n/static/042650ed8453b36ede876751476cdcf6/63217/cover-2.jpg 1024w,\n/static/042650ed8453b36ede876751476cdcf6/09658/cover-2.jpg 2048w,\n/static/042650ed8453b36ede876751476cdcf6/af240/cover-2.jpg 2600w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" type=\"image/jpeg\">\n        <img class=\"gatsby-resp-image-image\" src=\"/static/042650ed8453b36ede876751476cdcf6/09658/cover-2.jpg\" alt=\"cover 2\" title=\"cover 2\" loading=\"lazy\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\">\n      </picture>\n    </span>\n</div>\n<div data-scroll class=\"scroll__section\">\n    <span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 2048px; \">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 56.25%; position: relative; bottom: 0; left: 0; display: block;\"></span>\n  <picture>\n        <source srcset=\"/static/43dc6ea204ff629f0e22daa326c971e6/2bf0f/mobile.webp 512w,\n/static/43dc6ea204ff629f0e22daa326c971e6/d71bc/mobile.webp 1024w,\n/static/43dc6ea204ff629f0e22daa326c971e6/96d48/mobile.webp 2048w,\n/static/43dc6ea204ff629f0e22daa326c971e6/5f914/mobile.webp 3072w,\n/static/43dc6ea204ff629f0e22daa326c971e6/65c09/mobile.webp 4096w,\n/static/43dc6ea204ff629f0e22daa326c971e6/bcf0f/mobile.webp 8000w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" type=\"image/webp\">\n        <source srcset=\"/static/43dc6ea204ff629f0e22daa326c971e6/8102f/mobile.jpg 512w,\n/static/43dc6ea204ff629f0e22daa326c971e6/63217/mobile.jpg 1024w,\n/static/43dc6ea204ff629f0e22daa326c971e6/09658/mobile.jpg 2048w,\n/static/43dc6ea204ff629f0e22daa326c971e6/998db/mobile.jpg 3072w,\n/static/43dc6ea204ff629f0e22daa326c971e6/f90d2/mobile.jpg 4096w,\n/static/43dc6ea204ff629f0e22daa326c971e6/f8b3c/mobile.jpg 8000w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" type=\"image/jpeg\">\n        <img class=\"gatsby-resp-image-image\" src=\"/static/43dc6ea204ff629f0e22daa326c971e6/09658/mobile.jpg\" alt=\"mobile\" title=\"mobile\" loading=\"lazy\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\">\n      </picture>\n    </span>\n</div>","frontmatter":{"slug":"mon-gaz-vert","title":"Mon Gaz Vert","category":"UX/UI Design","color":"#00BCFD","client":"Engie","year":"2019","colorText":"#fff","meta":{"description":"Dans le cadre du passage à la nouvelle charte, il est apparu nécessaire pour les responsables de  l’offre Mon Gaz Vert de véhiculer la nouvelle identité via la refonte de la landing.\n","rules":"UI Designer, Creative Developer","link":"https://landingpage.particuliers.engie.fr/mon-gaz-vert/","challenge":"Expliquer la transformation des déchets en électricité ainsi que les bénéfices du Gaz Vert\n"},"testimonial":null,"cover":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAL/xAAXAQADAQAAAAAAAAAAAAAAAAAAAQQF/9oADAMBAAIQAxAAAAGxfkAL/8QAFBABAAAAAAAAAAAAAAAAAAAAIP/aAAgBAQABBQJf/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFBABAAAAAAAAAAAAAAAAAAAAIP/aAAgBAQAGPwJf/8QAGBAAAgMAAAAAAAAAAAAAAAAAAREAIEH/2gAIAQEAAT8hhC11/9oADAMBAAIAAwAAABBAH//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EABgQAAIDAAAAAAAAAAAAAAAAAAERACBx/9oACAEBAAE/EIBEGK//2Q==","aspectRatio":1.8028169014084507,"src":"/static/1a349526a6f8d8c644b9054e689b6552/5dbbf/cover-1.jpg","srcSet":"/static/1a349526a6f8d8c644b9054e689b6552/89b9c/cover-1.jpg 512w,\n/static/1a349526a6f8d8c644b9054e689b6552/26852/cover-1.jpg 1024w,\n/static/1a349526a6f8d8c644b9054e689b6552/5dbbf/cover-1.jpg 2048w,\n/static/1a349526a6f8d8c644b9054e689b6552/b241a/cover-1.jpg 2600w","sizes":"(max-width: 2048px) 100vw, 2048px"}}},"cover2":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAAF/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgP/2gAMAwEAAhADEAAAAXZTXKBJ0z//xAAaEAEAAwADAAAAAAAAAAAAAAACAAEDBBET/9oACAEBAAEFAtuT5Ud2te1KBYxNGWDd/wD/xAAZEQEAAgMAAAAAAAAAAAAAAAABABESE1H/2gAIAQMBAT8BHKhml7P/xAAWEQEBAQAAAAAAAAAAAAAAAAAAERP/2gAIAQIBAT8BkaP/xAAZEAADAQEBAAAAAAAAAAAAAAAAARFBISL/2gAIAQEABj8CUVFqeI09K9IlCtH/xAAbEAEAAgMBAQAAAAAAAAAAAAABABEhMWFBUf/aAAgBAQABPyEqXbuCE2xkcQ02K8Gp8XEKRDhFwVZ//9oADAMBAAIAAwAAABBD7//EABgRAAIDAAAAAAAAAAAAAAAAAAABESFR/9oACAEDAQE/EFwNsWw//8QAFxEBAQEBAAAAAAAAAAAAAAAAAQARYf/aAAgBAgEBPxBS0Z4L/8QAGhABAAMBAQEAAAAAAAAAAAAAAQARUSFhgf/aAAgBAQABPxAcc4Xh89gJUm84dDIG+gqiD5G1OhTchC4lBEUQXWf/2Q==","aspectRatio":1.8028169014084507,"src":"/static/042650ed8453b36ede876751476cdcf6/5dbbf/cover-2.jpg","srcSet":"/static/042650ed8453b36ede876751476cdcf6/89b9c/cover-2.jpg 512w,\n/static/042650ed8453b36ede876751476cdcf6/26852/cover-2.jpg 1024w,\n/static/042650ed8453b36ede876751476cdcf6/5dbbf/cover-2.jpg 2048w,\n/static/042650ed8453b36ede876751476cdcf6/b241a/cover-2.jpg 2600w","sizes":"(max-width: 2048px) 100vw, 2048px"}}}}}},"pageContext":{"slug":"mon-gaz-vert","prev":{"id":"01f11af2-18ac-5d36-b517-6b8139106d3e","frontmatter":{"title":"Poulet Teranga","slug":"teranga","color":"#009639","colorText":"#fff"}},"next":{"id":"924b85fb-9299-5180-9b0f-188ac5f3328e","frontmatter":{"title":"Digital Auto Diagnostic","slug":"orange-dad","color":"#FF7900","colorText":"#fff"}}}},"staticQueryHashes":["1522010811","4131479351"]}