CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>Bayer - Metric Design Studio (MDS)</title> <meta name="description" content="Metric Design Studio MDS, founded by Daniel Cheng, is an award winning digital agency based in Shanghai. We help brands from all over the world enter the Chinese market. We work with WeChat, Weibo, Xiaohongshu, Zhihu, Toutiao, TMall, JD, Taobao, and more." /> <link rel="canonical" href="https://metricdesign.net/portfolios/bayer/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Bayer - Metric Design Studio (MDS)" /> <meta property="og:description" content="Metric Design Studio MDS, founded by Daniel Cheng, is an award winning digital agency based in Shanghai. We help brands from all over the world enter the Chinese market. We work with WeChat, Weibo, Xiaohongshu, Zhihu, Toutiao, TMall, JD, Taobao, and more." /> <meta property="og:url" content="https://metricdesign.net/portfolios/bayer/" /> <meta property="og:site_name" content="Metric Design Studio (MDS)" /> <meta property="article:publisher" content="https://www.facebook.com/metricdesignstudioshanghai" /> <meta property="article:modified_time" content="2021-11-22T09:02:40+00:00" /> <meta property="og:image" content="https://metricdesign.net/wp-content/uploads/2018/08/bayerfeatured.jpg" /> <meta property="og:image:width" content="665" /> <meta property="og:image:height" content="801" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="1 minute" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://metricdesign.net/portfolios/bayer/","url":"https://metricdesign.net/portfolios/bayer/","name":"Bayer - Metric Design Studio (MDS)","isPartOf":{"@id":"https://metricdesign.net/#website"},"primaryImageOfPage":{"@id":"https://metricdesign.net/portfolios/bayer/#primaryimage"},"image":{"@id":"https://metricdesign.net/portfolios/bayer/#primaryimage"},"thumbnailUrl":"https://metricdesign.net/wp-content/uploads/2018/08/bayerfeatured.jpg","datePublished":"2018-08-07T07:18:04+00:00","dateModified":"2021-11-22T09:02:40+00:00","description":"Metric Design Studio MDS, founded by Daniel Cheng, is an award winning digital agency based in Shanghai. We help brands from all over the world enter the Chinese market. We work with WeChat, Weibo, Xiaohongshu, Zhihu, Toutiao, TMall, JD, Taobao, and more.","breadcrumb":{"@id":"https://metricdesign.net/portfolios/bayer/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://metricdesign.net/portfolios/bayer/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://metricdesign.net/portfolios/bayer/#primaryimage","url":"https://metricdesign.net/wp-content/uploads/2018/08/bayerfeatured.jpg","contentUrl":"https://metricdesign.net/wp-content/uploads/2018/08/bayerfeatured.jpg","width":665,"height":801},{"@type":"BreadcrumbList","@id":"https://metricdesign.net/portfolios/bayer/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://metricdesign.net/"},{"@type":"ListItem","position":2,"name":"Portfolios","item":"https://metricdesign.net/portfolios/"},{"@type":"ListItem","position":3,"name":"Bayer"}]},{"@type":"WebSite","@id":"https://metricdesign.net/#website","url":"https://metricdesign.net/","name":"Metric Design Studio (MDS)","description":"Top digital social media marketing agency in Shanghai, China","publisher":{"@id":"https://metricdesign.net/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://metricdesign.net/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://metricdesign.net/#organization","name":"Metric Design Studio (MDS)","url":"https://metricdesign.net/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://metricdesign.net/#/schema/logo/image/","url":"https://metricdesign.net/wp-content/uploads/2017/08/20161222_MDS_New-Logo-512x512-blue.png","contentUrl":"https://metricdesign.net/wp-content/uploads/2017/08/20161222_MDS_New-Logo-512x512-blue.png","width":513,"height":513,"caption":"Metric Design Studio (MDS)"},"image":{"@id":"https://metricdesign.net/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/metricdesignstudioshanghai","https://www.linkedin.com/company/10086851"]}]}</script>  <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Metric Design Studio (MDS) » Feed" href="https://metricdesign.net/feed/" /> <link rel="alternate" type="application/rss+xml" title="Metric Design Studio (MDS) » Comments Feed" href="https://metricdesign.net/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"wpemoji":"https:\/\/metricdesign.net\/wp-includes\/js\/wp-emoji.js?ver=6.4.5","twemoji":"https:\/\/metricdesign.net\/wp-includes\/js\/twemoji.js?ver=6.4.5"}}; /** * @output wp-includes/js/wp-emoji-loader.js */ /** * Emoji Settings as exported in PHP via _print_emoji_detection_script(). * @typedef WPEmojiSettings * @type {object} * @property {?object} source * @property {?string} source.concatemoji * @property {?string} source.twemoji * @property {?string} source.wpemoji * @property {?boolean} DOMReady * @property {?Function} readyCallback */ /** * Support tests. * @typedef SupportTests * @type {object} * @property {?boolean} flag * @property {?boolean} emoji */ /** * IIFE to detect emoji support and load Twemoji if needed. * * @param {Window} window * @param {Document} document * @param {WPEmojiSettings} settings */ ( function wpEmojiLoader( window, document, settings ) { if ( typeof Promise === 'undefined' ) { return; } var sessionStorageKey = 'wpEmojiSettingsSupports'; var tests = [ 'flag', 'emoji' ]; /** * Checks whether the browser supports offloading to a Worker. * * @since 6.3.0 * * @private * * @returns {boolean} */ function supportsWorkerOffloading() { return ( typeof Worker !== 'undefined' && typeof OffscreenCanvas !== 'undefined' && typeof URL !== 'undefined' && URL.createObjectURL && typeof Blob !== 'undefined' ); } /** * @typedef SessionSupportTests * @type {object} * @property {number} timestamp * @property {SupportTests} supportTests */ /** * Get support tests from session. * * @since 6.3.0 * * @private * * @returns {?SupportTests} Support tests, or null if not set or older than 1 week. */ function getSessionSupportTests() { try { /** @type {SessionSupportTests} */ var item = JSON.parse( sessionStorage.getItem( sessionStorageKey ) ); if ( typeof item === 'object' && typeof item.timestamp === 'number' && new Date().valueOf() < item.timestamp + 604800 && // Note: Number is a week in seconds. typeof item.supportTests === 'object' ) { return item.supportTests; } } catch ( e ) {} return null; } /** * Persist the supports in session storage. * * @since 6.3.0 * * @private * * @param {SupportTests} supportTests Support tests. */ function setSessionSupportTests( supportTests ) { try { /** @type {SessionSupportTests} */ var item = { supportTests: supportTests, timestamp: new Date().valueOf() }; sessionStorage.setItem( sessionStorageKey, JSON.stringify( item ) ); } catch ( e ) {} } /** * Checks if two sets of Emoji characters render the same visually. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 4.9.0 * * @private * * @param {CanvasRenderingContext2D} context 2D Context. * @param {string} set1 Set of Emoji to test. * @param {string} set2 Set of Emoji to test. * * @return {boolean} True if the two sets render the same. */ function emojiSetsRenderIdentically( context, set1, set2 ) { // Cleanup from previous test. context.clearRect( 0, 0, context.canvas.width, context.canvas.height ); context.fillText( set1, 0, 0 ); var rendered1 = new Uint32Array( context.getImageData( 0, 0, context.canvas.width, context.canvas.height ).data ); // Cleanup from previous test. context.clearRect( 0, 0, context.canvas.width, context.canvas.height ); context.fillText( set2, 0, 0 ); var rendered2 = new Uint32Array( context.getImageData( 0, 0, context.canvas.width, context.canvas.height ).data ); return rendered1.every( function ( rendered2Data, index ) { return rendered2Data === rendered2[ index ]; } ); } /** * Determines if the browser properly renders Emoji that Twemoji can supplement. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 4.2.0 * * @private * * @param {CanvasRenderingContext2D} context 2D Context. * @param {string} type Whether to test for support of "flag" or "emoji". * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification. * * @return {boolean} True if the browser can render emoji, false if it cannot. */ function browserSupportsEmoji( context, type, emojiSetsRenderIdentically ) { var isIdentical; switch ( type ) { case 'flag': /* * Test for Transgender flag compatibility. Added in Unicode 13. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly (white flag emoji + transgender symbol). */ isIdentical = emojiSetsRenderIdentically( context, '\uD83C\uDFF3\uFE0F\u200D\u26A7\uFE0F', // as a zero-width joiner sequence '\uD83C\uDFF3\uFE0F\u200B\u26A7\uFE0F' // separated by a zero-width space ); if ( isIdentical ) { return false; } /* * Test for UN flag compatibility. This is the least supported of the letter locale flags, * so gives us an easy test for full support. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly ([U] + [N]). */ isIdentical = emojiSetsRenderIdentically( context, '\uD83C\uDDFA\uD83C\uDDF3', // as the sequence of two code points '\uD83C\uDDFA\u200B\uD83C\uDDF3' // as the two code points separated by a zero-width space ); if ( isIdentical ) { return false; } /* * Test for English flag compatibility. England is a country in the United Kingdom, it * does not have a two letter locale code but rather a five letter sub-division code. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly (black flag emoji + [G] + [B] + [E] + [N] + [G]). */ isIdentical = emojiSetsRenderIdentically( context, // as the flag sequence '\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67\uDB40\uDC7F', // with each code point separated by a zero-width space '\uD83C\uDFF4\u200B\uDB40\uDC67\u200B\uDB40\uDC62\u200B\uDB40\uDC65\u200B\uDB40\uDC6E\u200B\uDB40\uDC67\u200B\uDB40\uDC7F' ); return ! isIdentical; case 'emoji': /* * Why can't we be friends? Everyone can now shake hands in emoji, regardless of skin tone! * * To test for Emoji 14.0 support, try to render a new emoji: Handshake: Light Skin Tone, Dark Skin Tone. * * The Handshake: Light Skin Tone, Dark Skin Tone emoji is a ZWJ sequence combining 🫱 Rightwards Hand, * 🏻 Light Skin Tone, a Zero Width Joiner, 🫲 Leftwards Hand, and 🏿 Dark Skin Tone. * * 0x1FAF1 == Rightwards Hand * 0x1F3FB == Light Skin Tone * 0x200D == Zero-Width Joiner (ZWJ) that links the code points for the new emoji or * 0x200B == Zero-Width Space (ZWS) that is rendered for clients not supporting the new emoji. * 0x1FAF2 == Leftwards Hand * 0x1F3FF == Dark Skin Tone. * * When updating this test for future Emoji releases, ensure that individual emoji that make up the * sequence come from older emoji standards. */ isIdentical = emojiSetsRenderIdentically( context, '\uD83E\uDEF1\uD83C\uDFFB\u200D\uD83E\uDEF2\uD83C\uDFFF', // as the zero-width joiner sequence '\uD83E\uDEF1\uD83C\uDFFB\u200B\uD83E\uDEF2\uD83C\uDFFF' // separated by a zero-width space ); return ! isIdentical; } return false; } /** * Checks emoji support tests. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 6.3.0 * * @private * * @param {string[]} tests Tests. * @param {Function} browserSupportsEmoji Reference to browserSupportsEmoji function, needed due to minification. * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification. * * @return {SupportTests} Support tests. */ function testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically ) { var canvas; if ( typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope ) { canvas = new OffscreenCanvas( 300, 150 ); // Dimensions are default for HTMLCanvasElement. } else { canvas = document.createElement( 'canvas' ); } var context = canvas.getContext( '2d', { willReadFrequently: true } ); /* * Chrome on OS X added native emoji rendering in M41. Unfortunately, * it doesn't work when the font is bolder than 500 weight. So, we * check for bold rendering support to avoid invisible emoji in Chrome. */ context.textBaseline = 'top'; context.font = '600 32px Arial'; var supports = {}; tests.forEach( function ( test ) { supports[ test ] = browserSupportsEmoji( context, test, emojiSetsRenderIdentically ); } ); return supports; } /** * Adds a script to the head of the document. * * @ignore * * @since 4.2.0 * * @param {string} src The url where the script is located. * * @return {void} */ function addScript( src ) { var script = document.createElement( 'script' ); script.src = src; script.defer = true; document.head.appendChild( script ); } settings.supports = { everything: true, everythingExceptFlag: true }; // Create a promise for DOMContentLoaded since the worker logic may finish after the event has fired. var domReadyPromise = new Promise( function ( resolve ) { document.addEventListener( 'DOMContentLoaded', resolve, { once: true } ); } ); // Obtain the emoji support from the browser, asynchronously when possible. new Promise( function ( resolve ) { var supportTests = getSessionSupportTests(); if ( supportTests ) { resolve( supportTests ); return; } if ( supportsWorkerOffloading() ) { try { // Note that the functions are being passed as arguments due to minification. var workerScript = 'postMessage(' + testEmojiSupports.toString() + '(' + [ JSON.stringify( tests ), browserSupportsEmoji.toString(), emojiSetsRenderIdentically.toString() ].join( ',' ) + '));'; var blob = new Blob( [ workerScript ], { type: 'text/javascript' } ); var worker = new Worker( URL.createObjectURL( blob ), { name: 'wpTestEmojiSupports' } ); worker.onmessage = function ( event ) { supportTests = event.data; setSessionSupportTests( supportTests ); worker.terminate(); resolve( supportTests ); }; return; } catch ( e ) {} } supportTests = testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically ); setSessionSupportTests( supportTests ); resolve( supportTests ); } ) // Once the browser emoji support has been obtained from the session, finalize the settings. .then( function ( supportTests ) { /* * Tests the browser support for flag emojis and other emojis, and adjusts the * support settings accordingly. */ for ( var test in supportTests ) { settings.supports[ test ] = supportTests[ test ]; settings.supports.everything = settings.supports.everything && settings.supports[ test ]; if ( 'flag' !== test ) { settings.supports.everythingExceptFlag = settings.supports.everythingExceptFlag && settings.supports[ test ]; } } settings.supports.everythingExceptFlag = settings.supports.everythingExceptFlag && ! settings.supports.flag; // Sets DOMReady to false and assigns a ready function to settings. settings.DOMReady = false; settings.readyCallback = function () { settings.DOMReady = true; }; } ) .then( function () { return domReadyPromise; } ) .then( function () { // When the browser can not render everything we need to load a polyfill. if ( ! settings.supports.everything ) { settings.readyCallback(); var src = settings.source || {}; if ( src.concatemoji ) { addScript( src.concatemoji ); } else if ( src.wpemoji && src.twemoji ) { addScript( src.twemoji ); addScript( src.wpemoji ); } } } ); } )( window, document, window._wpemojiSettings ); /* ]]> */ </script> <style> #wp-admin-bar-layers-edit-layout .ab-icon:before{ font-family: "layers-interface" !important; content: "\e62f" !important; font-size: 16px !important; } </style> <link rel='stylesheet' id='formidable-css' href='https://metricdesign.net/wp-content/plugins/formidable/css/formidableforms.css?ver=422630' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://metricdesign.net/wp-includes/css/dist/block-library/style.css?ver=6.4.5' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /** * These rules are needed for backwards compatibility. * They should match the button element rules in the base theme.json file. */ .wp-block-button__link { color: #ffffff; background-color: #32373c; border-radius: 9999px; /* 100% causes an oval, but any explicit but really high value retains the pill shape. */ /* This needs a low specificity so it won't override the rules from the button element if defined in theme.json. */ box-shadow: none; text-decoration: none; /* The extra 2px are added to size solids the same as the outline versions.*/ padding: calc(0.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #ffffff; text-decoration: none; } </style> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='cookie-notice-front-css' href='https://metricdesign.net/wp-content/plugins/cookie-notice/css/front.css?ver=2.4.16' type='text/css' media='all' /> <link rel='stylesheet' id='layers-app-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/app.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-style-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/style.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-responsive-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/responsive.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-fontello-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/fontello.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-font-awesome-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/font-awesome.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-nevis-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/nevis.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-slick-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/slick.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-slick-theme-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/slick-theme.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-google-fonts-css' href='https://fonts.googleapis.com/css?family=Raleway%3A400%2C700%2C300&ver=1.1.3' type='text/css' media='all' /> <script type="text/javascript" id="cookie-notice-front-js-before"> /* <![CDATA[ */ var cnArgs = {"ajaxUrl":"https:\/\/metricdesign.net\/wp-admin\/admin-ajax.php","nonce":"32d117125a","hideEffect":"fade","position":"bottom","onScroll":false,"onScrollOffset":100,"onClick":false,"cookieName":"cookie_notice_accepted","cookieTime":2592000,"cookieTimeRejected":2592000,"globalCookie":false,"redirection":false,"cache":false,"revokeCookies":false,"revokeCookiesOpt":"automatic"}; /* ]]> */ </script> <script type="text/javascript" src="https://metricdesign.net/wp-content/plugins/cookie-notice/js/front.js?ver=2.4.16" id="cookie-notice-front-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-includes/js/jquery/jquery.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-includes/js/jquery/jquery-migrate.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/bower_components/modernizr/modernizr.js?ver=6.4.5" id="layers-modernizr.js-js"></script> <link rel="https://api.w.org/" href="https://metricdesign.net/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://metricdesign.net/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://metricdesign.net/?p=1437' /> <link rel="alternate" type="application/json+oembed" href="https://metricdesign.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetricdesign.net%2Fportfolios%2Fbayer%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://metricdesign.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetricdesign.net%2Fportfolios%2Fbayer%2F&format=xml" /> <script type="text/javascript">document.documentElement.className += " js";</script> <script type="text/javascript"> var ajaxurl = 'https://metricdesign.net/wp-admin/admin-ajax.php'; var templateurl = 'https://metricdesign.net/wp-content/themes/creative'; var postsCount = 146; </script> <link rel="icon" href="https://metricdesign.net/wp-content/uploads/2017/06/cropped-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://metricdesign.net/wp-content/uploads/2017/06/cropped-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://metricdesign.net/wp-content/uploads/2017/06/cropped-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://metricdesign.net/wp-content/uploads/2017/06/cropped-favicon-270x270.png" /> <style type="text/css" id="wp-custom-css"> /* You can add your own CSS here. Click the help icon above to learn more. */ .no-hand { color: #999999; cursor: default; } textarea.other-needs { display: none; height: 0 !important; transition: ease-in-out 600ms; } input[name="others-field"] { display: none; } input.others-field:checked ~ .other-needs {display: block !important;height: 11rem !important;} #custom_html-7 img { cursor: default; transition: ease 800ms; } #custom_html-7 img:hover { filter: grayscale(100%); } .letter-overlay { opacity: 0; } .icon-text-diamond .content i { color: white; } #about .top img { background-image: url(https://metricdesign.net/wp-content/uploads/2019/11/About_GIF_190908_notext.gif); background-position: left bottom; background-size: contain; background-repeat: no-repeat; } h2.bottom img, h2.top img { position: unset; bottom: 0; } .archive.category .wp-die-message { display: none; } /** LIGHTBOX MARKUP **/ .lightbox { /** Default lightbox to hidden */ display: none; /** Position and style */ position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0,0,0,0.8); } .lightbox img { /** Pad the lightbox image */ max-width: 90%; max-height: 80%; margin-top: 2%; } .lightbox:target { /** Remove default browser outline */ outline: none; /** Unhide lightbox **/ display: flex; align-items: center; } .member-bio { width: 80%; max-width: 720px; margin: auto; padding: 32px; background: #143E69; color: white; text-align: left; max-height: 85vh; overflow-x: scroll; } .member-name { color: white; } .furryFriends .member{ width:200px; } .furryFriends img{ width:200px;height:200px; } .flex{ display:flex; justify-content:center; align-items:center; } .flex:before, .flex:after{ content:none; } .leftAward{ width:28%; } .rightAwards{ width:70%; } .awards3{ display:flex; } #partners a { display:inline-block; margin:10px 0; } .featuredOn img{ margin:10px 0; } #bloomberg{ width:80%; height:auto; margin:auto; } .main-services .row{ margin:0 auto; } .main-services .icon-text{ border:1px solid #f0f0f0; border-bottom:none; } .main-services{ border:1px solid #f0f0f0; } .main-services .row:last-child .columns:last-child .icon-text{ padding:80px 60px 30px 60px } .dot-separator::before{ font-size:50px !important; } /* BOTTOM CONTACT SECTION */ .row.contact-footer-row { display: flex; justify-content: stretch; flex-direction: row } p.footer-copyright { font-size: 12px; position: absolute; bottom: 0; } .contact-details { position: relative; height: 100% } i.fa.fa-skype::before {content: "\f1d7";} @media(max-width: 40.0624em) { #about{ overflow-x:hidden; } .commitment p, .main-services p{ font-size: 12px !important; } .row.contact-footer-row { flex-direction: column; } .flex{ flex-direction:column; } .leftAward{ width:55%; margin-bottom:15px; } .rightAwards{ width:100%; } .awards3 a{ width:33%; margin:auto; } #yahoofinancelogo{ width:70%; } .single-portfolio div{ display:block !important; } .contact-footer-row .large-4.columns {margin-top: 50px;} p.footer-copyright { position: relative; margin-top: 20px; }} #cookie-notice .cn-button { padding: 8px 16px; font-size: 0.8rem; } </style>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-E6K6F6DVF7"> </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E6K6F6DVF7'); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N6NN8K39');</script>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '869380660527792'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=869380660527792&ev=PageView &noscript=1"/> </noscript>  </head> <body data-rsssl=1 class="portfolio-template-default single single-portfolio postid-1437 wp-custom-logo cookies-not-set has-site-logo">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6NN8K39" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="full single"> <div class='row'> <div class='large-12 columns'> <div class='nav-wrapper'> <a href="https://metricdesign.net#work-section" class='close'> × </a> <ul class='nav'> <li> <a href="https://metricdesign.net/portfolios/covestro/" title="previous"> <i class='fa fa-angle-left'></i> </a> </li> <li> <a href="https://metricdesign.net/portfolios/infiniti/" title="next"> <i class='fa fa-angle-right'></i> </a> </li> </ul> </div> </div> </div> <div class="two spacing"></div> <div class='row'> <div class='large-12 columns'> </div> </div> <div class='row'> <div class='large-12 columns'> <div class="spacing"></div> <div class="section-header alt"> <h3>Bayer</h3> </div> <h4 style="text-align: center;"><a href="https://metricdesign.net/wp-content/uploads/2018/08/Bayer2.jpg"><img fetchpriority="high" decoding="async" class="aligncenter wp-image-1747 size-full" src="https://metricdesign.net/wp-content/uploads/2018/08/Bayer2.jpg" alt="" width="1188" height="801" srcset="https://metricdesign.net/wp-content/uploads/2018/08/Bayer2.jpg 1188w, https://metricdesign.net/wp-content/uploads/2018/08/Bayer2-300x202.jpg 300w, https://metricdesign.net/wp-content/uploads/2018/08/Bayer2-768x518.jpg 768w, https://metricdesign.net/wp-content/uploads/2018/08/Bayer2-1024x690.jpg 1024w" sizes="(max-width: 1188px) 100vw, 1188px" /></a></h4> <p> </p> <div style="display: flex; gap: 10%; width: 85%; margin: auto;"> <div class="left" style="flex: 40%;"> <div> <p><strong>LOCATION 地点</strong></p> <p>Shanghai, China</p> </div> <div> <p><strong>DELIVERABLES 交付服务</strong></p> <p>Digital Strategy 数字化策略<br /> WeChat Management 微信帐户管理<br /> Videography 图文视传</p> </div> </div> <div class="right" style="flex: 40%;"> <p><strong>THE STORY 品牌故事</strong></p> <p>Bayer AG is one of the largest pharmaceutical and life sciences companies in the world, most well-known for its product Aspirin.</p> <p>拜耳是世界上最大的医药与生命科学公司之一，以旗下的阿司匹林在业界出名。</p> </div> </div> <hr class="dot-separator wp-block-separator has-text-color is-style-dots flex" /> <p> </p> <div style="display: flex; gap: 10%; width: 85%; margin: auto;"> <div class="left" style="flex: 40%;"> <p><strong>CHALLENGES 面临的挑战</strong></p> <p>Bayer hired MDS to design and improve graphics for its WeChat Official Account. MDS was also tasked with shooting a launch video for its accelerator, G4A (short for Grant4Apps).</p> <p>拜耳委托 MDS 为他们的微信公众号内容设计更好的插画及配图。我们之后也为他们的孵化器 G4A (全称 grant4apps的缩写) 制作做了发布推广视频。</p> </div> <div class="right" style="flex: 40%;"> <p><strong>OUR SOLUTION 我们的解决方案</strong></p> <div> <p><strong style="color: gray;"><strong>PLATFORM 平台</strong></strong></p> <p>MDS planned the layout and designed the graphics for Bayer’s WeChat account, as well as shot and edited the launch video for G4A.</p> <p>我们规划并设计了拜耳公众号的图画内容，也拍摄剪辑了G4A的发布推广视频。</p> <p><strong style="color: gray;"><strong>DESIGN 设计</strong></strong></p> <p>The G4A launch video contained relaxed, conversation-based interviews with individuals, meant to showcase the various perspectives of Bayer staff and their expectations for the new accelerator project.</p> <p>G4A发布视频是在与几位拜耳员工的在轻松的对话中进行拍摄的，其中的问答环节展示出了他们对同样问题的多种想法以及对新孵化器项目的展望与期待。</p> <p> </p> </div> </div> </div> <div></div> <h4 style="text-align: center;"><a href="https://metricdesign.net/wp-content/uploads/2018/08/Bayer2.png"><img decoding="async" class="size-full wp-image-1750 aligncenter" src="https://metricdesign.net/wp-content/uploads/2018/08/Bayer2.png" alt="" width="1439" height="800" srcset="https://metricdesign.net/wp-content/uploads/2018/08/Bayer2.png 1439w, https://metricdesign.net/wp-content/uploads/2018/08/Bayer2-300x167.png 300w, https://metricdesign.net/wp-content/uploads/2018/08/Bayer2-768x427.png 768w, https://metricdesign.net/wp-content/uploads/2018/08/Bayer2-1024x569.png 1024w" sizes="(max-width: 1439px) 100vw, 1439px" /></a></h4> <h4 style="text-align: center;"><a href="https://metricdesign.net/wp-content/uploads/2018/08/Bayer1.png"><img decoding="async" class="size-full wp-image-1752 aligncenter" src="https://metricdesign.net/wp-content/uploads/2018/08/Bayer1.png" alt="" width="1429" height="800" srcset="https://metricdesign.net/wp-content/uploads/2018/08/Bayer1.png 1429w, https://metricdesign.net/wp-content/uploads/2018/08/Bayer1-300x168.png 300w, https://metricdesign.net/wp-content/uploads/2018/08/Bayer1-768x430.png 768w, https://metricdesign.net/wp-content/uploads/2018/08/Bayer1-1024x573.png 1024w" sizes="(max-width: 1429px) 100vw, 1429px" /></a></h4> <div> <h4 style="text-align: center;"><img loading="lazy" decoding="async" class="size-full wp-image-1758 aligncenter" src="https://metricdesign.net/wp-content/uploads/2018/08/Bayer-1.jpg" alt="" width="1434" height="800" srcset="https://metricdesign.net/wp-content/uploads/2018/08/Bayer-1.jpg 1434w, https://metricdesign.net/wp-content/uploads/2018/08/Bayer-1-300x167.jpg 300w, https://metricdesign.net/wp-content/uploads/2018/08/Bayer-1-768x428.jpg 768w, https://metricdesign.net/wp-content/uploads/2018/08/Bayer-1-1024x571.jpg 1024w" sizes="(max-width: 1434px) 100vw, 1434px" /></h4> </div> <div>Photo Credits to: https://www.handelsblatt.com | http://www.evaluate.com<br /> 图片版权归属：https://www.handelsblatt.com | http://www.evaluate.com</div> <p> </p> <div> <p><strong>RESULTS 展示成果</strong></p> <p>MDS improved graphics and created a better layout to complement the text content of Bayer’s WeChat Official Account. The G4A launch video successfully introduced and promoted their new app to a Chinese consumer-base as their product entered the digital market.</p> <p>提供了与拜耳微信公众号文字内容更匹配的的布局和图画与让客户满意的G4A发布推广视频，用于其在大中华区的宣传。</p> </div> <p> </p> <div class="spacing"></div> <ul class='info'> </ul> <div class='two spacing'></div> <div class='spacing'></div> </div> </div> </div> <div class="four spacing"></div> <div class="two spacing"></div> <script type='text/javascript' src='https://metricdesign.net/wp-content/uploads/winp-css-js/3529.js?ver=1616493088'></script> <style type="text/css"> #wp-admin-bar-themes { display: block !important; } #wp-admin-bar-customize-themes { display: none; } </style> <style id='core-block-supports-inline-css' type='text/css'> /** * Core styles: block-supports */ </style> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/bower_components/foundation/js/foundation.min.js?ver=1.1.3" id="layers-foundation.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/slick.min.js?ver=1.1.3" id="layers-slick.min.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/masonry.pkgd.js?ver=1.1.3" id="layers-masonry.pkgd.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/imagesloaded.pkgd.min.js?ver=1.1.3" id="layers-imagesloaded.pkgd.min.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/jquery.appear.js?ver=1.1.3" id="layers-jquery.appear.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/jquery.validate.js?ver=1.1.3" id="layers-jquery.validate.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/app.js?ver=1.1.3" id="layers-app.js-js"></script> <script type="text/javascript" id="wp_slimstat-js-extra"> /* <![CDATA[ */ var SlimStatParams = {"ajaxurl":"https:\/\/metricdesign.net\/wp-admin\/admin-ajax.php","baseurl":"\/","dnt":"noslimstat,ab-item","ci":"YTo0OntzOjEyOiJjb250ZW50X3R5cGUiO3M6MTM6ImNwdDpwb3J0Zm9saW8iO3M6ODoiY2F0ZWdvcnkiO3M6MTA6IjE0LDM4LDE1LDkiO3M6MTA6ImNvbnRlbnRfaWQiO2k6MTQzNztzOjY6ImF1dGhvciI7czo3OiJtZXRyaWNzIjt9.7293a3df41ed4ae8c8c13619077ff846"}; /* ]]> */ </script> <script defer type="text/javascript" src="https://cdn.jsdelivr.net/wp/wp-slimstat/tags/5.1.5/wp-slimstat.min.js" id="wp_slimstat-js"></script>  <div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Cookie Notice" style="background-color: rgba(50,50,58,1);"><div class="cookie-notice-container" style="color: #fff"><span id="cn-notice-text" class="cn-text-container">We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it. Please view our Terms of Use & Privacy Policy.</span><span id="cn-notice-buttons" class="cn-buttons-container"><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button cn-button-custom button" aria-label="Thanks! 谢谢">Thanks! 谢谢</a><a href="https://metricdesign.net/terms-of-use-privacy-policy/" target="_blank" id="cn-more-info" class="cn-more-info cn-button cn-button-custom button" aria-label="Privacy Policy">Privacy Policy</a></span><span id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" title="No"></span></div> </div>  </body> </html>