Metric Design Studio (MDS) - Top digital social media marketing agency in Shanghai, China

<!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>Metric Design Studio (MDS) - Top digital social media marketing agency in Shanghai, China</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 launch into the Chinese market. We work with WeChat, Weibo, Xiaohongshu, Zhihu, Toutiao, TMall, JD, Taobao, and more." /> <link rel="canonical" href="https://metricdesign.net/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Metric Design Studio (MDS) - Top digital social media marketing agency in Shanghai, China" /> <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 launch into the Chinese market. We work with WeChat, Weibo, Xiaohongshu, Zhihu, Toutiao, TMall, JD, Taobao, and more." /> <meta property="og:url" content="https://metricdesign.net/" /> <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="2022-03-18T10:20:05+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://metricdesign.net/","url":"https://metricdesign.net/","name":"Metric Design Studio (MDS) - Top digital social media marketing agency in Shanghai, China","isPartOf":{"@id":"https://metricdesign.net/#website"},"about":{"@id":"https://metricdesign.net/#organization"},"datePublished":"2015-05-15T03:24:53+00:00","dateModified":"2022-03-18T10:20:05+00:00","description":"Metric Design Studio MDS, founded by Daniel Cheng, is an award winning digital agency based in Shanghai. We help brands launch into the Chinese market. We work with WeChat, Weibo, Xiaohongshu, Zhihu, Toutiao, TMall, JD, Taobao, and more.","breadcrumb":{"@id":"https://metricdesign.net/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://metricdesign.net/"]}]},{"@type":"BreadcrumbList","@id":"https://metricdesign.net/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@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> <meta name="google-site-verification" content="googlef90551b2f2b1c56c" />  <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/" /> <link rel="alternate" type="application/rss+xml" title="Metric Design Studio (MDS) » Home Comments Feed" href="https://metricdesign.net/home/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":"97f428542d","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="alternate" type="application/json" href="https://metricdesign.net/wp-json/wp/v2/pages/162" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://metricdesign.net/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://metricdesign.net/' /> <link rel="alternate" type="application/json+oembed" href="https://metricdesign.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetricdesign.net%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://metricdesign.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetricdesign.net%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="home page-template page-template-template-home page-template-template-home-php page page-id-162 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 id="about" class="box"> <div class="header" id="layers-widget-header-5"> <div class="special-title"> <nav> <h2 class='top'> <a href="#"> <img width="3201" height="2001" src="https://metricdesign.net/wp-content/uploads/2019/11/About-Us-text@288x.png" class="attachment-full size-full" alt="" decoding="async" fetchpriority="high" srcset="https://metricdesign.net/wp-content/uploads/2019/11/About-Us-text@288x.png 3201w, https://metricdesign.net/wp-content/uploads/2019/11/About-Us-text@288x-300x188.png 300w, https://metricdesign.net/wp-content/uploads/2019/11/About-Us-text@288x-768x480.png 768w, https://metricdesign.net/wp-content/uploads/2019/11/About-Us-text@288x-1024x640.png 1024w" sizes="(max-width: 3201px) 100vw, 3201px" /> </a> </h2> </nav> </div> <div class="desc invisible"> <h2>Established in 2013, MDS is an award-winning, independently owned integrated digital marketing agency in Shanghai and Singapore. We specialize in Chinese social media marketing, branding, web design, e-commerce, and content creation.</h2> </div> </div><aside id="custom_html-4" class="widget_text content well push-bottom-large widget widget_custom_html"><div class="textwidget custom-html-widget"><br><br> <center> <h3 style="text-align:center">MDS is recognized as a Top Digital Agency in China:</h3> <br> <div class="row flex" style="justify-content:space-between">  <div style="flex-direction:column"> <div class="awards3" style="padding:0%"> <a href="http://successfuldesign.org"><img src="https://metricdesign.net/wp-content/uploads/2024/04/MDS-successful-design-awards-2024.png"></a> <a href="http://www.successfuldesign.org/work/63ad026ad9512e3150a2b43e"><img src="https://metricdesign.net/wp-content/uploads/2023/06/Successful_design_2023.png"></a> <a href="https://enter.avaawards.com/entry/kaspersky-digital-marketing-in-mainland-china/"><img src="https://metricdesign.net/wp-content/uploads/2022/02/AVA-digital-award.png"></a> <a href="https://www.communicatorawards.com/winners/list/?event=1052&category=42&award=8"><img src="https://metricdesign.net/wp-content/uploads/2022/05/Communicator-awards-Award-of-Excellence-2022.png"></a> <a href="https://adworldmasters.com/top-ad-agencies-in-China-ad-world-masters-agency-of-the-year-2022-winners/"><img src="https://metricdesign.net/wp-content/uploads/2023/03/AD-World-Masters-2022-gold.png"></a> </div> <div class="awards3" > <a href="https://creativepool.com/annual/2022/?action=downloadannual"><img src="https://metricdesign.net/wp-content/uploads/2022/09/creativepool2022shortlist.png"></a> <a href="https://www.c2award.com/jury/daniel-cheng/"><img src="https://metricdesign.net/wp-content/uploads/2022/09/creative-communication-awards2022judge.png"></a> <a href="http://www.successfuldesign.org/work/61961931bd796b41030a4234"><img src="https://metricdesign.net/wp-content/uploads/2022/03/MDS-successful-design-awards.png"></a> <a href="https://enter.marcomawards.com/entry/kaspersky-digital-marketing-in-mainland-china-2/"><img src="https://metricdesign.net/wp-content/uploads/2021/11/mds-marcon-awards-2021.png"></a> <a href="https://adworldmasters.com/top-ad-agencies-in-China-ad-world-masters-agency-of-the-year-2021-winners/"><img src="https://metricdesign.net/wp-content/uploads/2022/02/mds-awards-2021-AD-WORLD-MASTERS.png"></a> </div> <div class="awards3" style="padding-right:0%;padding-left:0%"> <a href="https://mp.weixin.qq.com/s/ZX-jdZHJ1W_AJ5mJQeL_og"><img src="https://metricdesign.net/wp-content/uploads/2022/02/mds-awards-2021-Golden-Wheat-Awards.png"></a> <a href="https://startupill.com/these-are-the-top-web-design-startups-in-china-2021/"><img src="https://metricdesign.net/wp-content/uploads/2021/09/mds-awards-2021-start-up-pill.png"></a> <a href="https://www.c2award.com/jury/daniel-cheng/"><img src="https://metricdesign.net/wp-content/uploads/2021/09/mds-awards-2021-creative-communication-awards.png"></a> <a href="https://adworldmasters.com/top-ad-agencies-in-China-ad-world-masters-agency-of-the-year-2020-winners/"><img src="https://metricdesign.net/wp-content/uploads/2021/09/mds-awards-2020-ad-world-masters.png"></a> <a href="https://digitalagencynetwork.com/agencies/shanghai/"><img src="https://metricdesign.net/wp-content/uploads/2021/09/mds-awards-2020-digital-agency-network.png"></a> </div> <div class="awards3" style="padding-right:10%;padding-left:10%"> <a href="https://www.c2award.com/jury/daniel-cheng/"><img src="https://metricdesign.net/wp-content/uploads/2021/09/mds-awards-2020-creative-communication-awards.png"></a> <a href="https://www.c2award.com/winners/hm/2019/95-21110-19/"><img src="https://metricdesign.net/wp-content/uploads/2021/09/mds-awards-2019-creative-communication-awards.png"></a> <a href="https://www.cv-magazine.com/winners/2019-metric-design-studio/"><img src="https://metricdesign.net/wp-content/uploads/2021/09/mds-awards-2019-CV.png"></a> <a href="https://www.topinteractiveagencies.com/digital/agency/asia/metric-design-studio/"><img src="https://metricdesign.net/wp-content/uploads/2021/09/mds-awards-2018-top-interactive-agencies.png"></a> </div> </div></div> <div class="row flex commitment" style="justify-content:space-between"> <div class="columns large-7" style="margin:3rem 0;text-align:start"> <h4> Our Commitment to Excellence </h4> <p> We are an independent foreign owned digital marketing agency based in Shanghai. We value our independence so that we can continue delivering world-class work to our clients with our clients needs being our top priority. </p> <p>MDS is the first Global Affiliate in China at Stagwell (NASDAQ: STGW), a global award-winning challenger holding company built to transform marketing. </p> </div> <div class="large-4 medium-5 columns"> <a href="https://www.stagwellglobal.com/"> <img src="https://metricdesign.net/wp-content/uploads/2021/11/Stagwell-Logo-mds.png"></a> </div> </div> </center></div></aside> <div class="four spacing"></div> <div class="row"> <div class="large-12 columns"> <div class="section-title"> <h2>Meet Our Team</h2> </div> </div> </div> <div class="row"> <div class="large-4 columns"> <div class="member"> <img width="640" height="640" src="https://metricdesign.net/wp-content/uploads/2019/04/daniel-cheng-metric-design-studio-shanghai-mds.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2019/04/daniel-cheng-metric-design-studio-shanghai-mds.jpg 640w, https://metricdesign.net/wp-content/uploads/2019/04/daniel-cheng-metric-design-studio-shanghai-mds-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2019/04/daniel-cheng-metric-design-studio-shanghai-mds-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2019/04/daniel-cheng-metric-design-studio-shanghai-mds-480x480.jpg 480w" sizes="(max-width: 640px) 100vw, 640px" /> <img width="640" height="640" src="https://metricdesign.net/wp-content/uploads/2019/04/daniel-cheng-metric-design-studio-shanghai-mds-1.jpg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2019/04/daniel-cheng-metric-design-studio-shanghai-mds-1.jpg 640w, https://metricdesign.net/wp-content/uploads/2019/04/daniel-cheng-metric-design-studio-shanghai-mds-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2019/04/daniel-cheng-metric-design-studio-shanghai-mds-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2019/04/daniel-cheng-metric-design-studio-shanghai-mds-1-480x480.jpg 480w" sizes="(max-width: 640px) 100vw, 640px" /> <div class="letter-overlay">D</div> <h4>Daniel Cheng</h4> <p class='position'>Founder + CEO</p> <ul> <li><a href="#daniel"><i class='fa fa-user'></i></a></li> </ul> </div> </div> <div class="large-4 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2023/11/未标题-1.png" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2023/11/未标题-1.png 700w, https://metricdesign.net/wp-content/uploads/2023/11/未标题-1-300x300.png 300w, https://metricdesign.net/wp-content/uploads/2023/11/未标题-1-150x150.png 150w, https://metricdesign.net/wp-content/uploads/2023/11/未标题-1-480x480.png 480w" sizes="(max-width: 700px) 100vw, 700px" /> <div class="letter-overlay">R</div> <h4>Raymond Liu</h4> <p class='position'>General Manager</p> <ul> <li><a href="http://raymond"><i class='fa fa-user'></i></a></li> </ul> </div> </div> <div class="large-4 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/kim-chee-mds-2021-1.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/09/kim-chee-mds-2021-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/kim-chee-mds-2021-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/kim-chee-mds-2021-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/kim-chee-mds-2021-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/kim-chee-mds-2021-2.jpg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/09/kim-chee-mds-2021-2.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/kim-chee-mds-2021-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/kim-chee-mds-2021-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/kim-chee-mds-2021-2-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <div class="letter-overlay">K</div> <h4>Kim Chee</h4> <p class='position'>Head of Development</p> <ul> <li><a href="#kimchi"><i class='fa fa-user'></i></a></li> </ul> </div> </div> </div> <div class="row"> <div class="large-4 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/chen-ziyang-mds-2021-1-1.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/09/chen-ziyang-mds-2021-1-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/chen-ziyang-mds-2021-1-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/chen-ziyang-mds-2021-1-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/chen-ziyang-mds-2021-1-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/chen-ziyang-mds-2021-2.jpg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/09/chen-ziyang-mds-2021-2.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/chen-ziyang-mds-2021-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/chen-ziyang-mds-2021-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/chen-ziyang-mds-2021-2-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <div class="letter-overlay">C</div> <h4>Chen Ziyang</h4> <p class='position'>Content Strategist</p> <ul> <li><a href="#chen_ziyang"><i class='fa fa-user'></i></a></li> </ul> </div> </div> <div class="large-4 columns"> <div class="member"> <img width="445" height="445" src="https://metricdesign.net/wp-content/uploads/2021/02/nathaniel-xue-mds.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/02/nathaniel-xue-mds.jpg 445w, https://metricdesign.net/wp-content/uploads/2021/02/nathaniel-xue-mds-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/02/nathaniel-xue-mds-150x150.jpg 150w" sizes="(max-width: 445px) 100vw, 445px" /> <img width="450" height="450" src="https://metricdesign.net/wp-content/uploads/2021/02/nathaniel-xue-mds-1.jpg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/02/nathaniel-xue-mds-1.jpg 450w, https://metricdesign.net/wp-content/uploads/2021/02/nathaniel-xue-mds-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/02/nathaniel-xue-mds-1-150x150.jpg 150w" sizes="(max-width: 450px) 100vw, 450px" /> <div class="letter-overlay">N</div> <h4>Nathaniel Xue</h4> <p class='position'>Senior Account Manager</p> <ul> <li><a href="#nathaniel"><i class='fa fa-user'></i></a></li> </ul> </div> </div> <div class="large-4 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2023/09/fan-mds-2023-1.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2023/09/fan-mds-2023-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2023/09/fan-mds-2023-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2023/09/fan-mds-2023-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2023/09/fan-mds-2023-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2023/09/fan-mds-2023-2.jpg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2023/09/fan-mds-2023-2.jpg 700w, https://metricdesign.net/wp-content/uploads/2023/09/fan-mds-2023-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2023/09/fan-mds-2023-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2023/09/fan-mds-2023-2-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <div class="letter-overlay">F</div> <h4>Fan Pu</h4> <p class='position'>Senior Account Executive</p> <ul> <li><a href="#fan"><i class='fa fa-user'></i></a></li> </ul> </div> </div> </div> <div class="row"> <div class="large-4 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2023/09/yolanda-mds-2023-2.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2023/09/yolanda-mds-2023-2.jpg 700w, https://metricdesign.net/wp-content/uploads/2023/09/yolanda-mds-2023-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2023/09/yolanda-mds-2023-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2023/09/yolanda-mds-2023-2-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2023/09/yolanda-mds-2023-1.jpg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2023/09/yolanda-mds-2023-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2023/09/yolanda-mds-2023-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2023/09/yolanda-mds-2023-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2023/09/yolanda-mds-2023-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <div class="letter-overlay">Y</div> <h4>Yolanda Sun</h4> <p class='position'>Senior Account Executive</p> <ul> <li><a href="#yolanda"><i class='fa fa-user'></i></a></li> </ul> </div> </div> <div class="large-4 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/weiwei-liu-mds-2021-1.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/09/weiwei-liu-mds-2021-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/weiwei-liu-mds-2021-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/weiwei-liu-mds-2021-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/weiwei-liu-mds-2021-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/weiwei-liu-mds-2021-2.jpg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/09/weiwei-liu-mds-2021-2.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/weiwei-liu-mds-2021-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/weiwei-liu-mds-2021-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/weiwei-liu-mds-2021-2-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <div class="letter-overlay">L</div> <h4>Lindsay Chu</h4> <p class='position'>Account Executive</p> <ul> <li><a href="#lindsay"><i class='fa fa-user'></i></a></li> </ul> </div> </div> <div class="large-4 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/11/mei-zhang-mds-2021-1.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/11/mei-zhang-mds-2021-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/11/mei-zhang-mds-2021-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/11/mei-zhang-mds-2021-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/11/mei-zhang-mds-2021-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/11/mei-zhang-mds-2021-2-1.jpg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/11/mei-zhang-mds-2021-2-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/11/mei-zhang-mds-2021-2-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/11/mei-zhang-mds-2021-2-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/11/mei-zhang-mds-2021-2-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <div class="letter-overlay">M</div> <h4>Mei Zhang</h4> <p class='position'>Senior Graphic Designer</p> <ul> <li><a href="#mei"><i class='fa fa-user'></i></a></li> </ul> </div> </div> </div> <div class="row"> <div class="large-4 columns"> <div class="member"> <img width="650" height="650" src="https://metricdesign.net/wp-content/uploads/2022/11/Arreya1-1.jpeg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2022/11/Arreya1-1.jpeg 650w, https://metricdesign.net/wp-content/uploads/2022/11/Arreya1-1-300x300.jpeg 300w, https://metricdesign.net/wp-content/uploads/2022/11/Arreya1-1-150x150.jpeg 150w, https://metricdesign.net/wp-content/uploads/2022/11/Arreya1-1-480x480.jpeg 480w" sizes="(max-width: 650px) 100vw, 650px" /> <img width="882" height="881" src="https://metricdesign.net/wp-content/uploads/2022/11/Arreya2-1.jpeg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2022/11/Arreya2-1.jpeg 882w, https://metricdesign.net/wp-content/uploads/2022/11/Arreya2-1-300x300.jpeg 300w, https://metricdesign.net/wp-content/uploads/2022/11/Arreya2-1-150x150.jpeg 150w, https://metricdesign.net/wp-content/uploads/2022/11/Arreya2-1-768x767.jpeg 768w, https://metricdesign.net/wp-content/uploads/2022/11/Arreya2-1-480x480.jpeg 480w" sizes="(max-width: 882px) 100vw, 882px" /> <div class="letter-overlay">A</div> <h4>Arreya Xu</h4> <p class='position'>Senior Designer</p> <ul> <li><a href="#arreya"><i class='fa fa-user'></i></a></li> </ul> </div> </div> <div class="large-4 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2023/09/dahlia-mds-2023-1-1.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2023/09/dahlia-mds-2023-1-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2023/09/dahlia-mds-2023-1-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2023/09/dahlia-mds-2023-1-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2023/09/dahlia-mds-2023-1-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2023/09/dahlia-mds-2023-2.jpg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2023/09/dahlia-mds-2023-2.jpg 700w, https://metricdesign.net/wp-content/uploads/2023/09/dahlia-mds-2023-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2023/09/dahlia-mds-2023-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2023/09/dahlia-mds-2023-2-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <div class="letter-overlay">D</div> <h4>Dahlia Liu</h4> <p class='position'>Designer</p> <ul> <li><a href="#dahlia"><i class='fa fa-user'></i></a></li> </ul> </div> </div> <div class="large-4 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2023/09/kimberly-mds-2023-1.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2023/09/kimberly-mds-2023-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2023/09/kimberly-mds-2023-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2023/09/kimberly-mds-2023-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2023/09/kimberly-mds-2023-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2023/09/kimberly-mds-2023-2.jpg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2023/09/kimberly-mds-2023-2.jpg 700w, https://metricdesign.net/wp-content/uploads/2023/09/kimberly-mds-2023-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2023/09/kimberly-mds-2023-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2023/09/kimberly-mds-2023-2-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <div class="letter-overlay">K</div> <h4>Kimberly Yau</h4> <p class='position'>Production Assistant</p> <ul> <li><a href="#kimberly"><i class='fa fa-user'></i></a></li> </ul> </div> </div> </div> <div class="row"> <div class="large-4 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2023/09/victoria-mds-2023-1.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2023/09/victoria-mds-2023-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2023/09/victoria-mds-2023-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2023/09/victoria-mds-2023-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2023/09/victoria-mds-2023-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2023/09/victoria-mds-2023-2.jpg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2023/09/victoria-mds-2023-2.jpg 700w, https://metricdesign.net/wp-content/uploads/2023/09/victoria-mds-2023-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2023/09/victoria-mds-2023-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2023/09/victoria-mds-2023-2-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <div class="letter-overlay">V</div> <h4>Victoria Cheng</h4> <p class='position'>Marketing Executive</p> <ul> <li><a href="#victoria"><i class='fa fa-user'></i></a></li> </ul> </div> </div> <div class="large-4 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/10/ethan-hart-mds-2021-1.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/10/ethan-hart-mds-2021-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/10/ethan-hart-mds-2021-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/10/ethan-hart-mds-2021-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/10/ethan-hart-mds-2021-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/10/ethan-hart-mds-2021-2.jpg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/10/ethan-hart-mds-2021-2.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/10/ethan-hart-mds-2021-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/10/ethan-hart-mds-2021-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/10/ethan-hart-mds-2021-2-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <div class="letter-overlay">E</div> <h4>Ethan Hart</h4> <p class='position'>Design & Marketing</p> <ul> <li><a href="#ethan"><i class='fa fa-user'></i></a></li> </ul> </div> </div> <div class="large-4 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/cindy-li-mds-2021-1-1.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/09/cindy-li-mds-2021-1-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/cindy-li-mds-2021-1-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/cindy-li-mds-2021-1-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/cindy-li-mds-2021-1-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/cindy-li-mds-2021-2-1.jpg" class="colored" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/09/cindy-li-mds-2021-2-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/cindy-li-mds-2021-2-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/cindy-li-mds-2021-2-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/cindy-li-mds-2021-2-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px" /> <div class="letter-overlay">C</div> <h4>Cindy Li</h4> <p class='position'>Developer</p> <ul> <li><a href="#cindy"><i class='fa fa-user'></i></a></li> </ul> </div> </div> </div> <aside id="custom_html-13" class="widget_text content well push-bottom-large widget widget_custom_html"><div class="textwidget custom-html-widget"><div class="four spacing"></div> <div class="row"> <div class="large-12 columns"> <div class="section-title"> <h2>Meet Our Furry Friends</h2> </div> </div> </div> <div class="row furryFriends"> <div class="large-3 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/lola-mds-2021-1.jpg" class="attachment-full size-full" alt="" srcset="https://metricdesign.net/wp-content/uploads/2021/09/lola-mds-2021-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/lola-mds-2021-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/lola-mds-2021-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/lola-mds-2021-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/lola-mds-2021-2.jpg" class="colored" alt="" srcset="https://metricdesign.net/wp-content/uploads/2021/09/lola-mds-2021-2.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/lola-mds-2021-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/lola-mds-2021-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/lola-mds-2021-2-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px"> <div class="letter-overlay">L</div> <h4>Lola</h4> </div> </div> <div class="large-3 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/juno-mds-2021-1.jpg" class="attachment-full size-full" alt="" srcset="https://metricdesign.net/wp-content/uploads/2021/09/juno-mds-2021-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/juno-mds-2021-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/juno-mds-2021-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/juno-mds-2021-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/juno-mds-2021-2.jpg" class="colored" alt="" srcset="https://metricdesign.net/wp-content/uploads/2021/09/juno-mds-2021-2.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/juno-mds-2021-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/juno-mds-2021-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/juno-mds-2021-2-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px"> <div class="letter-overlay">J</div> <h4>Juno</h4> </div> </div> <div class="large-3 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/stitches-mds-2021-1.jpg" class="attachment-full size-full" alt="" srcset="https://metricdesign.net/wp-content/uploads/2021/09/stitches-mds-2021-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/stitches-mds-2021-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/stitches-mds-2021-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/stitches-mds-2021-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/stitches-mds-2021-2.jpg" class="colored" alt="" srcset="https://metricdesign.net/wp-content/uploads/2021/09/stitches-mds-2021-2.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/stitches-mds-2021-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/stitches-mds-2021-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/stitches-mds-2021-2-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px"> <div class="letter-overlay">S</div> <h4>Stitches</h4> </div> </div> <div class="large-3 columns"> <div class="member"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/chewy-mds-2021-1.jpg" class="attachment-full size-full" alt="" srcset="https://metricdesign.net/wp-content/uploads/2021/09/chewy-mds-2021-1.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/chewy-mds-2021-1-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/chewy-mds-2021-1-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/chewy-mds-2021-1-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px"> <img width="700" height="700" src="https://metricdesign.net/wp-content/uploads/2021/09/chewy-mds-2021-2.jpg" class="colored" alt="" srcset="https://metricdesign.net/wp-content/uploads/2021/09/chewy-mds-2021-2.jpg 700w, https://metricdesign.net/wp-content/uploads/2021/09/chewy-mds-2021-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/chewy-mds-2021-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2021/09/chewy-mds-2021-2-480x480.jpg 480w" sizes="(max-width: 700px) 100vw, 700px"> <div class="letter-overlay">C</div> <h4>Chewy</h4> </div> </div> </div> <div class="four spacing"></div> <center> <div class="row"> <div class="section-title featuredTitle"> <h2> Featured On </h2> </div> <div class="row featuredOn flex" style="width:89%;align-items:stretch;gap:5%;padding:10px"> <a href="https://finance.yahoo.com/news/stagwell-stgw-accelerates-asia-pacific-231000464.html"><img id="yahoofinancelogo" src="https://metricdesign.net/wp-content/uploads/2021/11/Yahoo_Finance_logo_Featured_MDS.png" alt="yahoo-finance-logo"/></a> <a href="https://www.bloomberg.com/press-releases/2021-11-18/stagwell-stgw-accelerates-asia-pacific-growth-with-opening-of-new-global-office-in-singapore-kw5kgsto" style="margin:auto"><img id="bloomberglogo" style="width:90%;float:right" src="https://metricdesign.net/wp-content/uploads/2021/11/Bloomberg_Logo_featured_mds.png" alt="bloomberg-logo"/></a> <a href="https://www.wsj.com/articles/stagwell-stgw-accelerates-asia-pacific-growth-with-opening-of-new-global-office-in-singapore-01637277327"><img id="wsjlogo" src="https://metricdesign.net/wp-content/uploads/2021/11/The_Wall_Street_Journal_logo_featured_mds.png" alt="wsj-logo"/></a> <a href="https://www.campaignasia.com/article/stagwell-brings-coconuts-media-into-its-global-affiliate-network/475149"><img id="campaignlogo" src="https://metricdesign.net/wp-content/uploads/2022/01/campaign-logo-e1642400186651.png" alt="campaign-logo"/></a> </div> </div> </center> <div class="two spacing"></div> </div></aside> <div style="display: none;" class="four spacing"></div> <div class="row"> <div style="opacity: 0" class="large-12 columns"> <div class="section-title"> <h2></h2> </div> </div> </div> <div style="display: none;" class='row'> <div style="opacity: 0" class='large-12 columns'> <div class='clients'> <div><a href="#"></a></div> </div> </div> </div><aside id="custom_html-7" class="widget_text content well push-bottom-large widget widget_custom_html"><div class="textwidget custom-html-widget"><div class="row"> <div class="large-12 columns"><div class="section-title"><h2>Clients We Have Served</h2></div></div> <div class="row flex" style="justify-content:space-evenly"> <a onclick=”” href="https://metricdesign.net/portfolios/bayer/"> <img src="https://metricdesign.net/wp-content/uploads/2018/11/bayer-mds-e1542098701407.png" height=”73“ width="133"> </a> <a onclick=”” href="https://metricdesign.net/portfolios/uber/"> <img src="https://metricdesign.net/wp-content/uploads/2018/11/uber-mds-e1542098713571.png" height=”73“ width="133"> </a> <a> <img src="https://metricdesign.net/wp-content/uploads/2018/11/nfl-mds-e1542098740980.png" height=”73“ width="133"> </a> <a> <img src="https://metricdesign.net/wp-content/uploads/2018/11/bowflex-mds-e1542096462571.png" height=”73“ width="133"> </a> <a onclick=”” href="https://metricdesign.net/portfolios/covestro/"> <img src="https://metricdesign.net/wp-content/uploads/2018/11/covesto-mds-e1542096474441.png" height=”73“ width="133"> </a> </div> <br><br> <div class="row flex" style="justify-content:space-evenly"> <a onclick=”” href="https://metricdesign.net/portfolios/shangri-la-hotel/"> <img src="https://metricdesign.net/wp-content/uploads/2018/11/shangri-la-mds.png" height=”73“ width="133"> </a> <a onclick=”” href="https://metricdesign.net/portfolios/kipling/"> <img src="https://metricdesign.net/wp-content/uploads/2018/11/kipling-mds.png" height=”73“ width="133"> </a> <a> <img src="https://metricdesign.net/wp-content/uploads/2018/11/tbwa-mds.png" height=”73“ width="133"> </a> <a> <img src="https://metricdesign.net/wp-content/uploads/2018/11/edelman-mds.png" height=”73“ width="133"> </a> <a onclick=”” href="https://metricdesign.net/portfolios/infiniti/"> <img src="https://metricdesign.net/wp-content/uploads/2018/11/infiniti-mds.png" height=”73“ width="133"> </a> </div> <br><br> <div class="row flex" style="justify-content:space-evenly"> <a onclick=”” href="https://metricdesign.net/portfolios/usnge/"> <img src="https://metricdesign.net/wp-content/uploads/2018/11/usnge-mds.png" height=”73“ width="133"> </a> <a> <img src="https://metricdesign.net/wp-content/uploads/2018/11/umass-mds.png" height=”73“ width="133"> </a> <a onclick=”” href="https://metricdesign.net/portfolios/duke-kunshan-university/"> <img src="https://metricdesign.net/wp-content/uploads/2018/11/duke-university-mds.png" height=”73“ width="133"> </a> <a> <img src="https://metricdesign.net/wp-content/uploads/2018/11/rcs-mds.png" height=”73“ width="133"> </a> <a onclick=”” href="https://metricdesign.net/portfolios/shanghai-jiao-tong-university/"> <img src="https://metricdesign.net/wp-content/uploads/2018/11/jiaoda-mds.png" height=”73“ width="133"> </a> </div> <br><br> <div class="row flex" style="justify-content:space-evenly"> <a> <img src="https://metricdesign.net/wp-content/uploads/2018/11/mob-logo-mds.png" height=”73“ width="133"> </a> <a onclick=”” href="https://metricdesign.net/portfolios/kaspersky/"> <img src="https://metricdesign.net/wp-content/uploads/2020/10/kaspersky-logo-1-01-01.png" height=”73“ width="133"> </a> <a onclick=”” href="https://metricdesign.net/portfolios/polymaker/"> <img src="https://metricdesign.net/wp-content/uploads/2018/11/polymaker-logo-mds.png" height=”73“ width="133"> </a> <a onclick=”” href="https://metricdesign.net/portfolios/tonino-lamborghini-hotels/"> <img src="https://metricdesign.net/wp-content/uploads/2018/11/tonino-logo-mds.png" height=”73“ width="133"> </a> <a> <img src="https://metricdesign.net/wp-content/uploads/2018/11/xixilab-logo-mds.png" height=”73“ width="133"> </a> </div> <br><br> <div class="row flex" style="justify-content:space-evenly"> <a> <img src="https://metricdesign.net/wp-content/uploads/2019/04/mds-logos_LUX.png" height=”73“ width="133"> </a> <a> <img src="https://metricdesign.net/wp-content/uploads/2019/04/mds-logos_Raise3D.png" height=”73“ width="133"> </a> <a onclick=”” href="https://metricdesign.net/portfolios/four-loko/"> <img src="https://metricdesign.net/wp-content/uploads/2019/04/mds-logos_Four-Loko.png" height=”73“ width="133"> </a> <a onclick=”” href=""> <img src="https://metricdesign.net/wp-content/uploads/2020/04/about_clients_basefx_logo_mds_shanghai.png" height=”73“ width="133"> </a> <a onclick=”” href=""> <img src="https://metricdesign.net/wp-content/uploads/2020/04/mds-logos_MHTC.png" height=”73“ width="133"> </a> </div> <br><br> <div class="row flex" style="justify-content:space-evenly"> <a> <img src="https://metricdesign.net/wp-content/uploads/2020/10/imperial-school-logo-1-01-01.png" height=”73“ width="133"> </a> <a> <img src="https://metricdesign.net/wp-content/uploads/2020/10/cages-logo-01-01.png" height=”73“ width="133"> </a> <a> <img src="https://metricdesign.net/wp-content/uploads/2021/02/summergate-logo-01.png" height=”73“ width="133"> </a> <a onclick=”” href=""> <img src="https://metricdesign.net/wp-content/uploads/2020/10/rp-logo-01-01.png" height=”73“ width="133"> </a> </div> </div></div></aside> <div class="four spacing"></div> <div class="row"> <div class="large-12 columns"> <div class="section-title"> <h2>What Our Clients Say</h2> </div> </div> </div> <div class="row"> <div class='mod testimonials'> <div class='items'> <div class='item'> <div class="large-8 columns no-padding"> <p class='quote'> <i class='fa fa-quote-left'></i> <span style="font-size: 70%">MDS was one of the mission critical components to helping us launch our products direct to consumers in China. Daniel and his team brought the skills needed to deploy our digital experience across mobile, e-commerce, key social channels, influencer curation and more. A good launch strategy requires the ability to test, learn and quickly pivot where necessary. MDS had the resources and creativity to support us every step of the way.</span> </p> </div> <div class="large-4 columns no-padding no-overflow"> <div class='author'> <p class='author-avatar'> <img width="80" height="80" src="https://metricdesign.net/wp-content/uploads/2018/06/aaron-bowflex-1.jpg" class="attachment-full size-full" alt="" decoding="async" /> </p> <p class='author-name'> <strong>Aaron Brotherton</strong> </p> <p>Sr. Marketing Director, Bowflex (Nautilus Inc.)</p> </div> </div> </div> <div class='item'> <div class="large-8 columns no-padding"> <p class='quote'> <i class='fa fa-quote-left'></i> Awesome work! With only a few visual cues, Daniel and his team were able to quickly iterate on a design for our new branding that we absolutely loved. </p> </div> <div class="large-4 columns no-padding no-overflow"> <div class='author'> <p class='author-avatar'> <img width="80" height="80" src="https://metricdesign.net/wp-content/uploads/2022/08/BW-small-Alex-Le-Wagon-China-General-Manager.jpg" class="attachment-full size-full" alt="" decoding="async" /> </p> <p class='author-name'> <strong>Alex Smith</strong> </p> <p>China General Manager, Le Wagon </p> </div> </div> </div> <div class='item'> <div class="large-8 columns no-padding"> <p class='quote'> <i class='fa fa-quote-left'></i> Daniel and his team at MDS helped create and design my company's website. The team was courteous and professional. What I liked best was that Daniel saw the vision that we wanted and followed through with excellent design and a quick turn around. </p> </div> <div class="large-4 columns no-padding no-overflow"> <div class='author'> <p class='author-avatar'> <img width="80" height="80" src="https://metricdesign.net/wp-content/uploads/2015/10/Logan1.jpg" class="attachment-full size-full" alt="" decoding="async" /> </p> <p class='author-name'> <strong>Logan Brouse</strong> </p> <p>Owner, Logan's Punch & Tacolicious</p> </div> </div> </div> <div class='item'> <div class="large-8 columns no-padding"> <p class='quote'> <i class='fa fa-quote-left'></i> Talis Crew has been working with Metric Design from day 1 and continues to be amazed by their great depth. Owner and designer Daniel Cheng understands the market, and consistently offers fresh prospectives and quality work. </p> </div> <div class="large-4 columns no-padding no-overflow"> <div class='author'> <p class='author-avatar'> <img width="80" height="80" src="https://metricdesign.net/wp-content/uploads/2016/01/albertwang.jpg" class="attachment-full size-full" alt="" decoding="async" /> </p> <p class='author-name'> <strong>Albert Wang</strong> </p> <p>Founder, Talis Crew </p> </div> </div> </div> <div class='item'> <div class="large-8 columns no-padding"> <p class='quote'> <i class='fa fa-quote-left'></i> Metric has worked with PRISMO numerous of times and has always proven themselves not just as dedicated programmers, but as consultants towards details and content. We highly recommend this multi disciplinary and cross cultural agency. </p> </div> <div class="large-4 columns no-padding no-overflow"> <div class='author'> <p class='author-avatar'> <img width="80" height="80" src="https://metricdesign.net/wp-content/uploads/2015/10/florian1.jpg" class="attachment-full size-full" alt="" decoding="async" /> </p> <p class='author-name'> <strong>Florian Ritter</strong> </p> <p>Founder, PRISMO</p> </div> </div> </div> <div class='item'> <div class="large-8 columns no-padding"> <p class='quote'> <i class='fa fa-quote-left'></i> We were looking for a logo design with a touch of modernism. The Metric Design team grasped our needs and produced a trendy design. The team is incredibly organized and easy to communicate with. </p> </div> <div class="large-4 columns no-padding no-overflow"> <div class='author'> <p class='author-avatar'> <img width="80" height="80" src="https://metricdesign.net/wp-content/uploads/2015/11/lorettachan.jpg" class="attachment-full size-full" alt="" decoding="async" /> </p> <p class='author-name'> <strong>Loretta Chan</strong> </p> <p>SVP of Operations, HUBS1</p> </div> </div> </div> <div class='item'> <div class="large-8 columns no-padding"> <p class='quote'> <i class='fa fa-quote-left'></i> We were looking for a logo that would help distinguish us from others in our space and serve as the foundation of our brand identity. Daniel and his team delivered a masterpiece -- I haven't left a single meeting without someone commenting about how unique and awesome our logo is. It has helped shape our company culture and brand. </p> </div> <div class="large-4 columns no-padding no-overflow"> <div class='author'> <p class='author-avatar'> <img width="80" height="80" src="https://metricdesign.net/wp-content/uploads/2015/11/sunil.jpg" class="attachment-full size-full" alt="" decoding="async" /> </p> <p class='author-name'> <strong>Sunil Pticek-Damle</strong> </p> <p>Co-Founder, Mentorverse</p> </div> </div> </div> <div class='item'> <div class="large-8 columns no-padding"> <p class='quote'> <i class='fa fa-quote-left'></i> <span style="font-size: 65%">MDS is one of the best agencies I have ever worked with. They are creative, professional and they do not rely only on the client. They do their own job without supervising them on a daily basis which was the most important for us. Daniel and Chloe are super responsive and it was a great pleasure to choose them for our Chinese social media. I have interviewed 15 agencies and after 1 year I can tell that this was the best decision to choose them from 15 agencies! Keep going MDS! </span> </p> </div> <div class="large-4 columns no-padding no-overflow"> <div class='author'> <p class='author-avatar'> <img width="70" height="70" src="https://metricdesign.net/wp-content/uploads/2022/09/Roland-Horvath.jpg" class="attachment-full size-full" alt="" decoding="async" /> </p> <p class='author-name'> <strong>Roland Horvath</strong> </p> <p>Manager, HAUSER</p> </div> </div> </div> <div class='item'> <div class="large-8 columns no-padding"> <p class='quote'> <i class='fa fa-quote-left'></i> <span style="font-size: 100%">I had a great experience with MDS! Daniel and Mei did an amazing job creating the logo of my start-up. I love it! They were very professional and always available for any question or request. </span> </p> </div> <div class="large-4 columns no-padding no-overflow"> <div class='author'> <p class='author-avatar'> <img width="70" height="70" src="https://metricdesign.net/wp-content/uploads/2024/06/federica.png" class="attachment-full size-full" alt="" decoding="async" /> </p> <p class='author-name'> <strong>Federica</strong> </p> <p>Founder, The Olive Effect</p> </div> </div> </div> </div> </div> </div> <div class="four spacing"></div> <div class="row"> <div class="large-12 columns"> <div class="section-title"> <h2>Our Space In The Heart of Shanghai</h2> </div> </div> </div> <div class="studio-images full no-overflow no-padding"> <div class="large-4 columns no-padding"> <img width="800" height="600" src="https://metricdesign.net/wp-content/uploads/2021/02/mds-office-union-square-meeting-room.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/02/mds-office-union-square-meeting-room.jpg 800w, https://metricdesign.net/wp-content/uploads/2021/02/mds-office-union-square-meeting-room-300x225.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/02/mds-office-union-square-meeting-room-768x576.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /> </div> <div class="large-4 columns no-padding"> <img width="800" height="600" src="https://metricdesign.net/wp-content/uploads/2021/02/mds-office-union-square-art.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/02/mds-office-union-square-art.jpg 800w, https://metricdesign.net/wp-content/uploads/2021/02/mds-office-union-square-art-300x225.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/02/mds-office-union-square-art-768x576.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /> </div> <div class="large-4 columns no-padding"> <img width="800" height="600" src="https://metricdesign.net/wp-content/uploads/2021/09/mds-office-background-img-2.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2021/09/mds-office-background-img-2.jpg 800w, https://metricdesign.net/wp-content/uploads/2021/09/mds-office-background-img-2-300x225.jpg 300w, https://metricdesign.net/wp-content/uploads/2021/09/mds-office-background-img-2-768x576.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /> </div> </div> <div class="four spacing"></div> <div class="row"> <div class="large-12 columns"> <div class="section-title"> <h2>Proud Partners</h2> </div> </div> </div> <div class="studio-images full no-overflow no-padding"> <div class="large-4 columns no-padding"> </div> <div class="large-4 columns no-padding"> </div> <div class="large-4 columns no-padding"> </div> <div class="large-4 columns no-padding"> </div> <div class="large-4 columns no-padding"> </div> </div><aside id="custom_html-3" class="widget_text content well push-bottom-large widget widget_custom_html"><div class="textwidget custom-html-widget"><div id="partners"> <center> <a href="https://cloudflare.com/"> <img src="https://metricdesign.net/wp-content/uploads/2021/02/cf-logo-v-rgb-2.png"> </a> <a href="https://www.mimosamarketing.net"> <img style="padding:0 35px 0 40px" src="https://metricdesign.net/wp-content/uploads/2021/10/Mimosa_Marketing_Logo_MDS.png"></a> <a href="https://cbichinabridge.com/"> <img style="padding:0 23px 0 0" src="https://metricdesign.net/wp-content/uploads/2018/03/cbi-china-bridge-mds.png"> </a> <a href="http://successfuldesign.org/"> <img style="padding:40px 0 40px 40px" src="https://metricdesign.net/wp-content/uploads/2018/03/successful-design-mds.png"> </a> </center> </div> <div id="partnersline2"> <center> <a href="http://www.wearesocial.cn"> <img src="https://metricdesign.net/wp-content/uploads/2018/03/we-are-social-mds.png"> </a> <a href="https://www.chinafy.com/agencies/metric-design-studio"> <img src="https://metricdesign.net/wp-content/uploads/2022/06/Partner-Badge_White_Chinafy.png" alt="chinafy"> </a> <a href="https://www.internetsolutions.hk/dashboard/aff.php?aff=20"> <img style="width:15%;height:15%;" src="https://metricdesign.net/wp-content/uploads/2022/10/20221010_internet-solutions-HK_logo-.png" alt="internet-solution-HK"> </a> </center> </div></div></aside> <div style="display: none;" class="four spacing"></div> <div class="row"> <div style="opacity: 0" class="large-12 columns"> <div class="section-title"> <h2></h2> </div> </div> </div> <div style="display: none;" class='row'> <div style="opacity: 0" class='large-12 columns'> <div class='clients'> <div><a href="#"></a></div> </div> </div> </div> <div class="full centered-text grey"> <div class="four spacing"></div> <div class="two spacing"></div> <h1>Have a project in mind? Reach out for a consultation. <br> Please keep in mind that we tend to book out a few months in advance.</h1> <div class="spacing"></div> <a href="" class="button let-us-talk">FIRE AWAY</a> <div class="four spacing"></div> <div class="two spacing"></div> </div><aside id="custom_html-9" class="widget_text content well push-bottom-large widget widget_custom_html"><div class="textwidget custom-html-widget"><a href="#_" class="lightbox" id="daniel"> <div class="member-bio"> <h4 class="member-name">Daniel Cheng </h4> <p class="position"> Owner + Creative Director </p> <p class="bio-content"> Daniel Cheng is a Boston native who has been working in marketing and design for 13 years in Shanghai, and is the founder and creative director of the award-winning digital agency Metric Design Studio (MDS). By combining expertise in the digital landscape in China with strong technical skills, MDS is able to fill the void between marketing and design. </p> <p> MDS has served over 150 local and multinational clients, and holds eight industry awards. Their diverse range of clients have spanned from fashion powerhouses MaxMara and Kipling, to luxury hospitality chains Shangri-la Hotels, Tonino Lamborghini Hotels, and LUX* Resorts, to athletes, musicians, and celebrities such as Cristiano Ronaldo, HAUSER, and Julia Jones. </p> <p> Daniel has been featured in various publications including Surface, That’s Shanghai, Smart Shanghai, Expat Startup, and City Weekend. Daniel has served on the jury panel of the Creative Communication Awards (C2A) since 2020.</p> <p> Daniel is an MBA graduate from Imperial College Business School, a Magna Cum Laude graduate from the University of Massachusetts Amherst with a BSc in Environmental Design, and a recipient of a Fulbright Fellowship and Imperial Business Scholarship. </p> <p> He speaks English, Cantonese, and Mandarin fluently. Daniel spends his free time playing with his rescue dogs. </p> </div> </a> <a href="#_" class="lightbox" id="kimchi"> <div class="member-bio"> <h4 class="member-name">Kim Chee </h4> <p class="position"> Head of Development </p> <p class="bio-content"> Kim is a self-taught web developer that was born and half-raised in Canada. She has lived in Canada, Hong Kong and is now residing in Shanghai. Having spent all her life in various culturally diversed cities, Kim is able to understand the needs of clients and deliver work that are effective in the special and peculiar space that is China. </p> <p> Kim has over 10 years of practice in web development. Her specializations are Wordpress (PHP), frontend (HTML and CSS), Javascript development, and she is also experienced in API integration. She had been involved over 50 projects, and frequently work with teams of both Chinese and English speakers. Kim obtained her Bachelor degree from University of British Columbia and her Master degree from University of Hong Kong. </p> <p> In her free time, she enjoys spending time with her (way too) many pets and modifying electric scooters (a China specialty). </p> </div> </a> <a href="#_" class="lightbox" id="wechat"> <div class="member-bio"> <p class="bio-content" style="text-align: center;"> <img src="https://metricdesign.net/wp-content/uploads/2021/03/361616492793_.pic_.jpg"> </p> </div> </a> <a href="#_" class="lightbox" id="chen_ziyang"> <div class="member-bio"> <h4 class="member-name">Chen Ziyang </h4> <p class="position"> Content Strategist </p> <p class="bio-content">Chen is our Content Strategist who has fruitful experiences of living and studying in different countries. He spent all his college life in Spain and had lived in Japan and Canada. Now, he is residing in Shanghai and putting his all heart and effort into the MDS business.</p> <p> With the knowledge of 4 languages (Spanish, English, Japanese and Chinese), Chen is able to create appropriate content depending on our client's needs and various cultural backgrounds. He is good at working in a cross-cultural environment and giving quick reactions to different situations. He obtained his Bachelor's degree from Universitat Autònoma de Barcelona in Spain and his Master's degree from Brock University in Canada. </p> <p> Chen is a big fan of science-fiction movies. In his free time, he enjoys watching movies, His favorite movies are Solaris and Welt am Draht. </p> </div> </a> <a href="#_" class="lightbox" id="xiamu"> <div class="member-bio"> <h4 class="member-name">Xia Mu </h4> <p class="position"> Senior Designer </p> <p class="bio-content">Xia Mu is MDS's senior graphic designer, who designs and communicates with MDS's biggest clients. By being proficient in both English and Chinese, she's able to throughly grasp the needs of both her domestic and international clients. With years of experience on hand, Xia Mu is able to create beautiful designs and pieces in a timely fashion. </p> <p> Xia Mu started drawing when she was very little which opened the doors of art and design to her. She received her BA majoring in Graphic Design, where she was able to master many design tools including Adobe Creative Suites. She continued to study and received her master's degree in Graphic Design from Kingston University. </p> <p> In her free time, Xia Mu loves to travel. Experiencing different cities and countries is always an exciting and refreshing feeling for her. She's been to Korea, Japan, the UK, and many other European countries. After coming back to China, she kept exploring to reveal the beauty of her homeland. On a regular basis, Xia Mu also loves cooking. She never intended to learn to cook, but she mastered it during her college years. To her, cooking is a way of healing. </p> </div> </a> <a href="#_" class="lightbox" id="nathaniel"> <div class="member-bio"> <h4 class="member-name">Nathaniel Xue </h4> <p class="position"> Senior Account Executive </p> <p class="bio-content">Nathaniel is an executive in digital marketing who has studied and lived in Shanghai for more than 7 years. Many clients consider Nathaniel as a hard-working, careful, attentive, and professional. He is always willing to help and solves his client's problems in a timely fashion.</p> <p> Nathaniel has more than 3 years of experience in digital marketing, especially for social media management (WeChat, Weibo, Red, TikTok/Douyin). He has served clients in a variety of fields such as automobiles, cosmetics, medical, travel and hospitality with great passion. Before joining MDS, he worked at Bluefocus and Fleishman Hillard. Nathaniel has worked with famous brands which include Volvo, O'real, and Hilton. Nathaniel obtained his bachelor degree in Shanghai International Studies University and majored in Public Relations and English literature. </p> <p> In his free time, he enjoys reading Japanese literature and listening to Japanese music. His favorite author is Mishima Yukio and his favorite singer is Sheena Ringo. He also loves dancing and has the certification of Latin Dance. </p> </div> </a> <a href="#_" class="lightbox" id="chloe"> <div class="member-bio"> <h4 class="member-name">Chloe Li </h4> <p class="position"> Account Executive </p> <p class="bio-content">Chloe is an account executive who works for MDS. She is a native of Jiangsu province and currently residing in Shanghai. </p> <p> Chloe obtained her master degree from University of Westminster in London, majoring in international media business. Because of her great interest in fashion, Chloe was working for clients in luxury industry before joining MDS. She also has experience serving clients in real estate industry and spirits industry. Being an account, Chloe is always aiming to help clients find solutions to solve their problems. </p> <p> In her free time, she loves photography, playing the piano and creating content for her personal blogs. Besides these, Chloe also enjoys travelling to different countries to experiencing different cultures. </p> </div> </a> <a href="#_" class="lightbox" id="charlotte"> <div class="member-bio"> <h4 class="member-name">Charlotte Tang </h4> <p class="position"> Business Development </p> <p class="bio-content">Charlotte works as business development. She has previously lived in Beijing, Hangzhou and Wuhan, and is now residing in Shanghai. She is very enthusiastic about maintaining cooperative relationships with clients and helping them develop new opportunities. </p> <p> Charlotte’s focus in Business development, but she also has 3 years of experience in digital marketing. She has worked with big international clients like Woolworths and Malaysia Healthcare Travel Council (MHTC). She also has experience with product operation and social media management. Before joining MDS, Charlotte worked at RRTV as one of their TV show content marketers. She studied television and broadcast editing at Hubei Nationality University. </p> <p> In her free time, she loves exploring new coffee shops and cycling routes in the city. She also fell in love with HIIT because of MDS. </p> </div> </a> <a href="#_" class="lightbox" id="cindy"> <div class="member-bio"> <h4 class="member-name">Cindy Li </h4> <p class="position"> Developer </p> <p class="bio-content">Cindy is a front end developer born and raised in NYC. She is based in New York and Shanghai, but currently in Shanghai. Cindy typically works in front end development but also dabbles in back end dev, game design and development, UI/UX, and digital fabrication. </p> <p> Cindy's interest in development started in freshman year of high school when she was introduced to Java and Python, but later ventured into web design and web development. Her focus is in frontend, JS development, PHP, and other JS libraries. She also has experience with Unity and WeChat mini programs. Cindy studied interactive media business at New York University Shanghai. </p> <p> In her spare time, she enjoys working out and attends yoga classes with her friends and colleagues. On the weekends, she also finds time to brush up her rusty Cantonese, Japanese and Korean. </p> </div> </a> <a href="#_" class="lightbox" id="arreya"> <div class="member-bio"> <h4 class="member-name">Arreya Xu </h4> <p class="position"> Designer </p> <p class="bio-content">Arreya is graphic designer that was born in Jiangsu province but raised in Shanghai. Arreya always keeps her head up and strives to hold a positive attitude everyday. </p> <p> Arreya studied at Assumption University in Bangkok for 5 years, majoring in visual communication design. After returning to Shanghai, she became skilled in designing business image designs, logos, posters, packaging, and so on. She plans be continue to polish her skills to become a senior designer. </p> <p> In her free time, she enjoys design for personal projects, photography, walking, and listening to music. Arreya is also athletic! She likes to go swimming, play badminton and work out at the gym. </p> </div> </a> <a href="#_" class="lightbox" id="helen"> <div class="member-bio"> <h4 class="member-name">Helen Ren </h4> <p class="position"> Community Manager </p> <p class="bio-content">Helen is Shanghai native who has been working in community operations in a number of agencies. With her years of working in Shanghai, Helen has dealt with a variety of clients ranging from start ups to multinational corporations. She values her professionalism whether it is working in person or digitally. </p> <p> Helen has previously worked under many famous clothing companies, including Adidas, Under Armour, and HM. She also has participated in a one-year management training program at Belle Footwear Co.,Ltd. Through her years of experience, she has accumulated a rich understanding of the community operations industry. Helen obtained both her Bachelor and Masters degree from Donghua University, majoring in fashion design and engineering. </p> <p> In her free time, she likes to paint, draw, and travel with her friends. </p> </div> </a> <a href="#_" class="lightbox" id="weiwei"> <div class="member-bio"> <h4 class="member-name">Wei Wei Liu </h4> <p class="position"> Marketing Executive </p> <p class="bio-content">Wei Wei is a Shanghai native who has always been active and curious about the new and upcoming. Working as a marketing executive, Wei Wei is able to utilize her strong socializing skills and is able to deeply engage her clients in conversation. </p> <p> Wei Wei studied management accounting at Shanghai Maritime University. She also leads the Animal Protection Society (NGO) which is committed to rescue stray animals, which includes birds, dogs, and cats. </p> <p> In her free time, she enjoys playing League of Legends and Switch games. As an avid fan of video games, she has leveled up to diamond rank in LOL and her favorite character is Ahri. </p> </div> </a> <a href="#_" class="lightbox" id="ethan"> <div class="member-bio"> <h4 class="member-name">Ethan Hart </h4> <p class="position"> Design + Marketing </p> <p class="bio-content">Ethan is a designer currently living in the US where he assists in marketing with different designs and uses his native fluency in English to write articles and blog posts. </p> <p> Ethan studied communication design at the University of Cincinnati, but he soon discovered his love for motion design and animation, leading him to develop skills throughout the Adobe Suite, especially AfterEffects. Along with a passion for motion and design, Ethan is also a skilled writer, being able to shift his creative intentions to craft purposefully worded writing. </p> <p> In his free time, Ethan loves to move anyway he can, whether that be pilates, climbing, or dancing. He also hopes to travel around the world, meeting new people and experiencing different ways of thinking. </p> </div> </a> <a href="#_" class="lightbox" id="chao"> <div class="member-bio"> <h4 class="member-name">Chao Zhang </h4> <p class="position"> Marketing Executive </p> <p class="bio-content">Chao is a marketing executive at MDS. He’s a native of Sichuan province and now lives in Shanghai. Chao lived overseas in a handful of cities, which led him to work with diverse clients with different cultural backgrounds. </p> <p> Chao studied abroad in the states and obtained his BS and MBA degrees from Rider University. He has experience operating and managing Chinese social media accounts. As a big fan of sports, Chao naturally has been involved within the industry and obtained his professional expertise through his years of working. With his knowledge and background, Chao is able to help clients with their needs. </p> <p> Chao is 100% a sports guy. He has been practicing Jiujitsu for years, and is currently a brown belt. He is a big fan of American Football, go Chiefs! He also loves lifting weights and spends a lot of his free time at the gym. </p> </div> </a> <a href="#_" class="lightbox" id="mei"> <div class="member-bio"> <h4 class="member-name">Mei Zhang </h4> <p class="position"> Designer </p> <p class="bio-content">Mei was born and raised in Beijing. She previously lived in Milan for two years and recently lives in Shanghai. She mainly works as a designer, but sometimes she still dreams to be an artist. </p> <p> Mei used Adobe Photoshop for the first time in junior high, which became the ultimately prompted her to pursue careers in graphic design. She received her bachelors degree in graphic design from Beihang University. With her interest and curiosity in different cultures, she took an Italian course and passed the B2 level language test to go to Milan to continue studying. She received her masters degree in communication design from Nuova Accademia di Belle Arti Milano (NABA). With her diverse educational backgrounds, she can communicate in Chinese, English and Italian. </p> <p> She previously worked as a UI/UX designer and a graphic designer in Beijing, which allowed her to gain extensive design experience. Now in Shanghai, she brings her experience and curiosity to MDS to meet and challenge new things. </p> <p> Mei has always loved drawing and she always tells herself to continue drawing. She's passion about sharing her cute style of art with a wider audience, so has been constantly publishing her illustrations on social media platforms at the end of every month. She has also made and published her own WeChat stickers! </p> </div> </a> <a href="#_" class="lightbox" id="belle"> <div class="member-bio"> <h4 class="member-name">Belle Chen </h4> <p class="position"> Marketing Executive </p> <p class="bio-content">Belle is a marketing executive who is a native of Fujian province. She is task-oriented but easy-going. She is passionate about marketing and assists in marketing with her creative thinking. </p> <p> Belle majored in marketing at the University of Western Australia. She also studied in Singapore for a Certificate in English Proficiency and a Diploma in Business Administration. By being exposed to different cultures, Belle has consolidated her communication abilities and adaptability. With her previous work experience as a sales assistant and a human resource assistant, Belle is now utilizing her marketing knowledge with clients like MHTC and ZUJU. </p> <p> Belle enjoys watching dramas and talk shows, reading books, and listening to music. During her free time, Belle likes to discover delicious food or coffee shops. </p> </div> </a></div></aside> </div> <div id="service" class="box"> <div class="header" id="layers-widget-header-12"> <div class="special-title"> <nav> <h2 class='top'> <a href="#"> <img width="800" height="500" src="https://metricdesign.net/wp-content/uploads/2019/11/ourservices_photo.png" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2019/11/ourservices_photo.png 800w, https://metricdesign.net/wp-content/uploads/2019/11/ourservices_photo-300x188.png 300w, https://metricdesign.net/wp-content/uploads/2019/11/ourservices_photo-768x480.png 768w" sizes="(max-width: 800px) 100vw, 800px" /> </a> </h2> </nav> </div> <div class="desc invisible"> <h2>We help both international and domestic brands navigate China's ever-changing digital landscape. Whether it's China market entry or integrated WeChat campaigns, we're ready for the next challenge.</h2> </div> </div><div class="four spacing"></div> <div class="row"> <div class="large-12 columns"> <div class="section-title"> <h2>Our Services</h2> </div> </div> </div> <div class="row"> <div class="main-services no-overflow"> <div class="row"> <div class='large-6 columns'> <div class='mod icon-text' id="layers-widget-services-5-service-1"> <style type="text/css"> #layers-widget-services-5-service-1:hover { background-image: url(); background-position: center center; background-repeat: no-repeat; } </style> <div class='icon-text-advanced'> <div class='wrapper'> <div class='content'> <i class='fa fa-fa fa-html5'></i> </div> </div> <h3>Web Design & Development</h3> <p>From design to development, we do all of our work under one roof. We study the latest web design trends and code with the latest technologies. Whether your company is a start-up or a corporate, we'll tailor something to your needs. We code in HTML5, CSS, PHP, and JavaScript.</p> <div class="spacing"></div> </div> </div> </div> <div class='large-6 columns'> <div class='mod icon-text' id="layers-widget-services-5-service-3"> <style type="text/css"> #layers-widget-services-5-service-3:hover { background-image: url(); background-position: center center; background-repeat: no-repeat; } </style> <div class='icon-text-advanced'> <div class='wrapper'> <div class='content'> <i class='fa fa-fa fa-weixin'></i> </div> </div> <h3>China Social Media Management</h3> <p>Engage with your customers more intimately with tailored, localized content. We help our clients register and verify their official WeChat and Xiaohongshu (Little Red Book) accounts, as well as strategize and execute on their social media plans. </p> <div class="spacing"></div> </div> </div> </div> </div> <div class="row"> <div class='large-6 columns'> <div class='mod icon-text' id="layers-widget-services-5-service-5"> <style type="text/css"> #layers-widget-services-5-service-5:hover { background-image: url(); background-position: center center; background-repeat: no-repeat; } </style> <div class='icon-text-advanced'> <div class='wrapper'> <div class='content'> <i class='fa fa-fa fa-shopping-cart'></i> </div> </div> <h3>E-Commerce</h3> <p>We help clients sell their products online through beautiful and effective online shopping solutions that are tailor-made for the Chinese market, through Taobao, TMall, and JD.com. We integrate Alipay and WeChat Wallet with all of our e-commerce projects. 如果您的公司正在发展品牌出海业务，<p style="color:#FF0060"><a style="text-decoration:underline;color:#FF0060" href="https://www.mdsglobal.cn">请浏览我们的全球出海网站</a></p></p> <div class="spacing"></div> </div> </div> </div> <div class='large-6 columns'> <div class='mod icon-text' id="layers-widget-services-5-service-6"> <style type="text/css"> #layers-widget-services-5-service-6:hover { background-image: url(); background-position: center center; background-repeat: no-repeat; } </style> <div class='icon-text-advanced'> <div class='wrapper'> <div class='content'> <i class='fa fa-fa fa-anchor'></i> </div> </div> <h3>Branding & Visual Identity</h3> <p>We establish your brand's visuals by learning all about your product, demographic and vision. We'll create your visual identity by unifying specific colors, graphics, typefaces, and a unique logo to increase your brand recognition in China. </p> <div class="spacing"></div> </div> </div> </div> </div> <div class="row"> <div class='large-6 columns'> <div class='mod icon-text' id="layers-widget-services-5-service-2"> <style type="text/css"> #layers-widget-services-5-service-2:hover { background-image: url(); background-position: center center; background-repeat: no-repeat; } </style> <div class='icon-text-advanced'> <div class='wrapper'> <div class='content'> <i class='fa fa-fa fa-magic'></i> </div> </div> <h3>WeChat Mini Apps</h3> <p>We design and develop WeChat Mini Apps. From conceptualization and wireframing to graphic design to development, to public launch, we will guide you through the entire process.</p> <div class="spacing"></div> </div> </div> </div> <div class='large-6 columns'> <div class='mod icon-text' id="layers-widget-services-5-service-4"> <style type="text/css"> #layers-widget-services-5-service-4:hover { background-image: url(); background-position: center center; background-repeat: no-repeat; } </style> <div class='icon-text-advanced'> <div class='wrapper'> <div class='content'> <i class='fa fa-fa fa-film'></i> </div> </div> <h3>Videography</h3> <p>Our clients often request one to two minute introduction videos as part of their package. We got pretty good at it - from storyboarding to line production to editing and post-production. We have the resources to oversee small to large scale video requests and can scale as necessary with each request. <p style="color:#FF0060"><a style="text-decoration:underline;color:#FF0060" href="https://vimeo.com/806269072">Click here to see our latest reel.</a></p></p> <div class="spacing"></div> </div> </div> </div> </div> </div> </div><div class="four spacing"></div> <div class="row"> <div class="large-12 columns"> <div class="section-title"> <h2>The Process</h2> </div> </div> </div> <div class="row"> <div class='large-4 columns'> <div class='moveup' data-delay='0'> <div class='icon-text-diamond'> <div class='wrapper'> <div class='content'> <i class='fa fa-fa fa-lightbulb-o'></i> </div> </div> <h3><span>01</span> IDEATION</h3> <p>We work to fully understand your vision and your industry. We then create detailed wireframes and share our ideas with you.</p> </div> <div class='two spacing'></div> </div> </div> <div class='large-4 columns'> <div class='moveup' data-delay='0'> <div class='icon-text-diamond'> <div class='wrapper'> <div class='content'> <i class='fa fa-fa fa-pencil-square-o'></i> </div> </div> <h3><span>02</span> DESIGN</h3> <p>We hand craft various design sets from scratch, focusing on creating a look-and-feel to fit your brand and speak to your visitors. We present, revise and collaborate with you until we finalize the design or NFT.</p> </div> <div class='two spacing'></div> </div> </div> <div class='large-4 columns'> <div class='moveup' data-delay='0'> <div class='icon-text-diamond'> <div class='wrapper'> <div class='content'> <i class='fa fa-fa fa-paper-plane-o'></i> </div> </div> <h3><span>03</span> LAUNCH</h3> <p>We code and develop your website or WeChat Mini App using powerful technology and advanced backend management software. We turn our designs into a world-class product, and program the various functionalities that make everything come to life.</p> </div> <div class='two spacing'></div> </div> </div> </div> <div class="full centered-text grey"> <div class="four spacing"></div> <div class="two spacing"></div> <h1>Have a project in mind? Reach out for a consultation. <br> Please keep in mind that we tend to book out a few months in advance.</h1> <div class="spacing"></div> <a href="" class="button let-us-talk">FIRE AWAY</a> <div class="four spacing"></div> <div class="two spacing"></div> </div> </div> <div id="work" class="box"> <div class="header" id="layers-widget-header-14"> <div class="special-title"> <nav> <h2 class='bottom'> <a href="#"> <img width="800" height="500" src="https://metricdesign.net/wp-content/uploads/2019/08/mds-selected-works-1.png" class="attachment-full size-full" alt="" decoding="async" srcset="https://metricdesign.net/wp-content/uploads/2019/08/mds-selected-works-1.png 800w, https://metricdesign.net/wp-content/uploads/2019/08/mds-selected-works-1-300x188.png 300w, https://metricdesign.net/wp-content/uploads/2019/08/mds-selected-works-1-768x480.png 768w" sizes="(max-width: 800px) 100vw, 800px" /> </a> </h2> </nav> </div> <div class="desc invisible"> <h2>Here's a slice of some of the work we have done for small companies and large companies. Please reach out to us for our full portfolio.</h2> </div> </div><div class="four spacing"></div> <div class="full"> <div class='row'> <div class="two spacing"></div> <div class='large-12 columns'> <div class='masonry-gallery' data-gutter="" id="masonry-gallery"> <div class='gallery-nav'> <ul> <li class='current'> <a data-cat='all' href='#'>All</a> </li> <li> <a href='#' data-cat="architecture">Architecture</a> </li> <li> <a href='#' data-cat="automotive">Automotive</a> </li> <li> <a href='#' data-cat="bilibili-management">Bilibili Management</a> </li> <li> <a href='#' data-cat="celebrities,-athletes-&-musicians">Celebrities, Athletes & Musicians</a> </li> <li> <a href='#' data-cat="digital-strategy">Digital Strategy</a> </li> <li> <a href='#' data-cat="douyin-management">Douyin Management</a> </li> <li> <a href='#' data-cat="e-commerce-solutions">E-Commerce Solutions</a> </li> <li> <a href='#' data-cat="fashion">Fashion</a> </li> <li> <a href='#' data-cat="finance">Finance</a> </li> <li> <a href='#' data-cat="food-&-beverages">Food & Beverages</a> </li> <li> <a href='#' data-cat="graphic-design">Graphic Design</a> </li> <li> <a href='#' data-cat="higher-education">Higher Education</a> </li> <li> <a href='#' data-cat="hospitality">Hospitality</a> </li> <li> <a href='#' data-cat="market-entry-consulting">Market Entry Consulting</a> </li> <li> <a href='#' data-cat="movie-and-tv-program">Movie And TV Program</a> </li> <li> <a href='#' data-cat="pharmaceuticals">Pharmaceuticals</a> </li> <li> <a href='#' data-cat="polymers">Polymers</a> </li> <li> <a href='#' data-cat="real-estate">Real Estate</a> </li> <li> <a href='#' data-cat="videography">Videography</a> </li> <li> <a href='#' data-cat="wechat-management">WeChat Management</a> </li> <li> <a href='#' data-cat="wechat-mini-program">WeChat Mini-Program</a> </li> <li> <a href='#' data-cat="web-design">Web Design</a> </li> <li> <a href='#' data-cat="web-development">Web Development</a> </li> <li> <a href='#' data-cat="weibo-management">Weibo Management</a> </li> <li> <a href='#' data-cat="xiaohongshu-management">XiaoHongShu Management</a> </li> </ul> </div> <ul class='gallery'> <li class="movie-and-tv-program"> <a href="https://metricdesign.net/portfolios/city-of-darkness/"> <img width="1080" height="1529" src="https://metricdesign.net/wp-content/uploads/2023/05/portfolio_CoD_poster.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2023/05/portfolio_CoD_poster.jpg 1080w, https://metricdesign.net/wp-content/uploads/2023/05/portfolio_CoD_poster-212x300.jpg 212w, https://metricdesign.net/wp-content/uploads/2023/05/portfolio_CoD_poster-723x1024.jpg 723w, https://metricdesign.net/wp-content/uploads/2023/05/portfolio_CoD_poster-768x1087.jpg 768w, https://metricdesign.net/wp-content/uploads/2023/05/portfolio_CoD_poster-340x480.jpg 340w" sizes="(max-width: 1080px) 100vw, 1080px" /> <div class='overlay'> <div class='thumb-info'> <h3>City of Darkness</h3> <p>Movie And Tv Program</p> </div> </div> </a> </li> <li class="bilibili-management celebrities,-athletes-&-musicians douyin-management web-design web-development wechat-management weibo-management xiaohongshu-management"> <a href="https://metricdesign.net/portfolios/hauser/"> <img width="560" height="567" src="https://metricdesign.net/wp-content/uploads/2021/11/hauser-portfolio-featured-img-mds.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2021/11/hauser-portfolio-featured-img-mds.jpg 560w, https://metricdesign.net/wp-content/uploads/2021/11/hauser-portfolio-featured-img-mds-296x300.jpg 296w" sizes="(max-width: 560px) 100vw, 560px" /> <div class='overlay'> <div class='thumb-info'> <h3>HAUSER</h3> <p>Bilibili Management & Celebrities, Athletes & Musicians & Douyin Management & Web Design & Web Development & Wechat Management & Weibo Management & Xiaohongshu Management</p> </div> </div> </a> </li> <li class="digital-strategy graphic-design web-design web-development wechat-management weibo-management"> <a href="https://metricdesign.net/portfolios/kaspersky/"> <img width="806" height="958" src="https://metricdesign.net/wp-content/uploads/2019/08/kaspersky-blog-new_thumbnail.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2019/08/kaspersky-blog-new_thumbnail.jpg 806w, https://metricdesign.net/wp-content/uploads/2019/08/kaspersky-blog-new_thumbnail-252x300.jpg 252w, https://metricdesign.net/wp-content/uploads/2019/08/kaspersky-blog-new_thumbnail-768x913.jpg 768w" sizes="(max-width: 806px) 100vw, 806px" /> <div class='overlay'> <div class='thumb-info'> <h3>Kaspersky</h3> <p>Digital Strategy & Graphic Design & Web Design & Web Development & Wechat Management & Weibo Management</p> </div> </div> </a> </li> <li class="celebrities,-athletes-&-musicians food-&-beverages web-design web-development"> <a href="https://metricdesign.net/portfolios/jason-wu-x-martell/"> <img width="470" height="376" src="https://metricdesign.net/wp-content/uploads/2020/03/jason-wu3.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2020/03/jason-wu3.jpg 470w, https://metricdesign.net/wp-content/uploads/2020/03/jason-wu3-300x240.jpg 300w" sizes="(max-width: 470px) 100vw, 470px" /> <div class='overlay'> <div class='thumb-info'> <h3>Jason Wu x Martell</h3> <p>Celebrities, Athletes & Musicians & Food & Beverages & Web Design & Web Development</p> </div> </div> </a> </li> <li class="food-&-beverages graphic-design web-design web-development"> <a href="https://metricdesign.net/portfolios/m-on-the-bund/"> <img width="691" height="1000" src="https://metricdesign.net/wp-content/uploads/2020/03/m-on-the-bund-image5.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2020/03/m-on-the-bund-image5.jpg 691w, https://metricdesign.net/wp-content/uploads/2020/03/m-on-the-bund-image5-207x300.jpg 207w" sizes="(max-width: 691px) 100vw, 691px" /> <div class='overlay'> <div class='thumb-info'> <h3>M on the Bund</h3> <p>Food & Beverages & Graphic Design & Web Design & Web Development</p> </div> </div> </a> </li> <li class="finance graphic-design web-design web-development"> <a href="https://metricdesign.net/portfolios/barbican-capital/"> <img width="900" height="528" src="https://metricdesign.net/wp-content/uploads/2020/03/barbican-capital-mds.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2020/03/barbican-capital-mds.jpg 900w, https://metricdesign.net/wp-content/uploads/2020/03/barbican-capital-mds-300x176.jpg 300w, https://metricdesign.net/wp-content/uploads/2020/03/barbican-capital-mds-768x451.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /> <div class='overlay'> <div class='thumb-info'> <h3>Barbican Capital</h3> <p>Finance & Graphic Design & Web Design & Web Development</p> </div> </div> </a> </li> <li class="finance graphic-design"> <a href="https://metricdesign.net/portfolios/acacia-venture-partners/"> <img width="1000" height="667" src="https://metricdesign.net/wp-content/uploads/2020/03/acacia-coverpage-mds-1.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2020/03/acacia-coverpage-mds-1.jpg 1000w, https://metricdesign.net/wp-content/uploads/2020/03/acacia-coverpage-mds-1-300x200.jpg 300w, https://metricdesign.net/wp-content/uploads/2020/03/acacia-coverpage-mds-1-768x512.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /> <div class='overlay'> <div class='thumb-info'> <h3>Acacia Venture Partners</h3> <p>Finance & Graphic Design</p> </div> </div> </a> </li> <li class="polymers web-design web-development"> <a href="https://metricdesign.net/portfolios/raise3d/"> <img width="900" height="600" src="https://metricdesign.net/wp-content/uploads/2020/03/raise3d-coverpage-mds3.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2020/03/raise3d-coverpage-mds3.jpg 900w, https://metricdesign.net/wp-content/uploads/2020/03/raise3d-coverpage-mds3-300x200.jpg 300w, https://metricdesign.net/wp-content/uploads/2020/03/raise3d-coverpage-mds3-768x512.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /> <div class='overlay'> <div class='thumb-info'> <h3>Raise3D</h3> <p>Polymers & Web Design & Web Development</p> </div> </div> </a> </li> <li class="hospitality web-design web-development wechat-management wechat-mini-program"> <a href="https://metricdesign.net/portfolios/salt-resorts/"> <img width="800" height="800" src="https://metricdesign.net/wp-content/uploads/2020/03/salt-resorts-mds.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2020/03/salt-resorts-mds.jpg 800w, https://metricdesign.net/wp-content/uploads/2020/03/salt-resorts-mds-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2020/03/salt-resorts-mds-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2020/03/salt-resorts-mds-768x768.jpg 768w, https://metricdesign.net/wp-content/uploads/2020/03/salt-resorts-mds-480x480.jpg 480w" sizes="(max-width: 800px) 100vw, 800px" /> <div class='overlay'> <div class='thumb-info'> <h3>SALT Resorts</h3> <p>Hospitality & Web Design & Web Development & Wechat Management & Wechat Mini-program</p> </div> </div> </a> </li> <li class="digital-strategy hospitality web-design web-development wechat-management wechat-mini-program"> <a href="https://metricdesign.net/portfolios/lux-resorts-hotels/"> <img width="900" height="900" src="https://metricdesign.net/wp-content/uploads/2020/03/lux-resort-image4.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2020/03/lux-resort-image4.jpg 900w, https://metricdesign.net/wp-content/uploads/2020/03/lux-resort-image4-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2020/03/lux-resort-image4-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2020/03/lux-resort-image4-768x768.jpg 768w, https://metricdesign.net/wp-content/uploads/2020/03/lux-resort-image4-480x480.jpg 480w" sizes="(max-width: 900px) 100vw, 900px" /> <div class='overlay'> <div class='thumb-info'> <h3>LUX* Resorts & Hotels</h3> <p>Digital Strategy & Hospitality & Web Design & Web Development & Wechat Management & Wechat Mini-program</p> </div> </div> </a> </li> <li class="celebrities,-athletes-&-musicians web-design web-development"> <a href="https://metricdesign.net/portfolios/cristiano-ronaldo/"> <img width="768" height="960" src="https://metricdesign.net/wp-content/uploads/2020/03/Cristiano-Ronaldo-image5.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2020/03/Cristiano-Ronaldo-image5.jpg 768w, https://metricdesign.net/wp-content/uploads/2020/03/Cristiano-Ronaldo-image5-240x300.jpg 240w" sizes="(max-width: 768px) 100vw, 768px" /> <div class='overlay'> <div class='thumb-info'> <h3>Cristiano Ronaldo</h3> <p>Celebrities, Athletes & Musicians & Web Design & Web Development</p> </div> </div> </a> </li> <li class="celebrities,-athletes-&-musicians graphic-design web-design web-development"> <a href="https://metricdesign.net/portfolios/alessandro-costacurta/"> <img width="768" height="960" src="https://metricdesign.net/wp-content/uploads/2020/03/Alessandro-Costacurta-image3-e1584593358541.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2020/03/Alessandro-Costacurta-image3-e1584593358541.jpg 768w, https://metricdesign.net/wp-content/uploads/2020/03/Alessandro-Costacurta-image3-e1584593358541-240x300.jpg 240w" sizes="(max-width: 768px) 100vw, 768px" /> <div class='overlay'> <div class='thumb-info'> <h3>Alessandro Costacurta</h3> <p>Celebrities, Athletes & Musicians & Graphic Design & Web Design & Web Development</p> </div> </div> </a> </li> <li class="celebrities,-athletes-&-musicians wechat-management weibo-management"> <a href="https://metricdesign.net/portfolios/conor-thornton/"> <img width="1080" height="1619" src="https://metricdesign.net/wp-content/uploads/2020/02/conor-thornton-image6.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2020/02/conor-thornton-image6.jpg 1080w, https://metricdesign.net/wp-content/uploads/2020/02/conor-thornton-image6-200x300.jpg 200w, https://metricdesign.net/wp-content/uploads/2020/02/conor-thornton-image6-683x1024.jpg 683w, https://metricdesign.net/wp-content/uploads/2020/02/conor-thornton-image6-768x1151.jpg 768w, https://metricdesign.net/wp-content/uploads/2020/02/conor-thornton-image6-1025x1536.jpg 1025w" sizes="(max-width: 1080px) 100vw, 1080px" /> <div class='overlay'> <div class='thumb-info'> <h3>Conor Thornton</h3> <p>Celebrities, Athletes & Musicians & Wechat Management & Weibo Management</p> </div> </div> </a> </li> <li class="digital-strategy higher-education web-design web-development"> <a href="https://metricdesign.net/portfolios/usnge/"> <img width="768" height="768" src="https://metricdesign.net/wp-content/uploads/2019/01/upcoming-events-image-2.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2019/01/upcoming-events-image-2.jpg 768w, https://metricdesign.net/wp-content/uploads/2019/01/upcoming-events-image-2-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2019/01/upcoming-events-image-2-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2019/01/upcoming-events-image-2-480x480.jpg 480w" sizes="(max-width: 768px) 100vw, 768px" /> <div class='overlay'> <div class='thumb-info'> <h3>U.S. News Global Education</h3> <p>Digital Strategy & Higher Education & Web Design & Web Development</p> </div> </div> </a> </li> <li class="digital-strategy hospitality web-design web-development"> <a href="https://metricdesign.net/portfolios/tonino-lamborghini-hotels/"> <img width="800" height="600" src="https://metricdesign.net/wp-content/uploads/2019/01/303528_16053016390042879461.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2019/01/303528_16053016390042879461.jpg 800w, https://metricdesign.net/wp-content/uploads/2019/01/303528_16053016390042879461-300x225.jpg 300w, https://metricdesign.net/wp-content/uploads/2019/01/303528_16053016390042879461-768x576.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /> <div class='overlay'> <div class='thumb-info'> <h3>Tonino Lamborghini Hotels</h3> <p>Digital Strategy & Hospitality & Web Design & Web Development</p> </div> </div> </a> </li> <li class="digital-strategy polymers web-design web-development"> <a href="https://metricdesign.net/portfolios/polymaker/"> <img width="451" height="521" src="https://metricdesign.net/wp-content/uploads/2019/01/22071108_443765806017426_8370525174071558144_n-e1562225353569.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2019/01/22071108_443765806017426_8370525174071558144_n-e1562225353569.jpg 451w, https://metricdesign.net/wp-content/uploads/2019/01/22071108_443765806017426_8370525174071558144_n-e1562225353569-260x300.jpg 260w" sizes="(max-width: 451px) 100vw, 451px" /> <div class='overlay'> <div class='thumb-info'> <h3>Polymaker</h3> <p>Digital Strategy & Polymers & Web Design & Web Development</p> </div> </div> </a> </li> <li class="celebrities,-athletes-&-musicians weibo-management"> <a href="https://metricdesign.net/portfolios/julia-jones/"> <img width="498" height="577" src="https://metricdesign.net/wp-content/uploads/2019/01/JuliaCover-e1562225538750.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2019/01/JuliaCover-e1562225538750.jpg 498w, https://metricdesign.net/wp-content/uploads/2019/01/JuliaCover-e1562225538750-259x300.jpg 259w" sizes="(max-width: 498px) 100vw, 498px" /> <div class='overlay'> <div class='thumb-info'> <h3>Julia Jones</h3> <p>Celebrities, Athletes & Musicians & Weibo Management</p> </div> </div> </a> </li> <li class="celebrities,-athletes-&-musicians wechat-management weibo-management"> <a href="https://metricdesign.net/portfolios/kalle-ohlson/"> <img width="807" height="801" src="https://metricdesign.net/wp-content/uploads/2019/01/kalle-1-1-e1561971895346.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2019/01/kalle-1-1-e1561971895346.jpg 807w, https://metricdesign.net/wp-content/uploads/2019/01/kalle-1-1-e1561971895346-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2019/01/kalle-1-1-e1561971895346-300x298.jpg 300w, https://metricdesign.net/wp-content/uploads/2019/01/kalle-1-1-e1561971895346-768x762.jpg 768w" sizes="(max-width: 807px) 100vw, 807px" /> <div class='overlay'> <div class='thumb-info'> <h3>Kalle Ohlson</h3> <p>Celebrities, Athletes & Musicians & Wechat Management & Weibo Management</p> </div> </div> </a> </li> <li class="automotive digital-strategy graphic-design"> <a href="https://metricdesign.net/portfolios/uber/"> <img width="482" height="784" src="https://metricdesign.net/wp-content/uploads/2018/08/akrales_181010_3013_0148.0.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2018/08/akrales_181010_3013_0148.0.jpg 482w, https://metricdesign.net/wp-content/uploads/2018/08/akrales_181010_3013_0148.0-184x300.jpg 184w" sizes="(max-width: 482px) 100vw, 482px" /> <div class='overlay'> <div class='thumb-info'> <h3>Uber</h3> <p>Automotive & Digital Strategy & Graphic Design</p> </div> </div> </a> </li> <li class="automotive digital-strategy web-design web-development weibo-management"> <a href="https://metricdesign.net/portfolios/infiniti/"> <img width="683" height="801" src="https://metricdesign.net/wp-content/uploads/2018/08/Infiniti-A-Taste-Of-China-MDS.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2018/08/Infiniti-A-Taste-Of-China-MDS.jpg 683w, https://metricdesign.net/wp-content/uploads/2018/08/Infiniti-A-Taste-Of-China-MDS-256x300.jpg 256w" sizes="(max-width: 683px) 100vw, 683px" /> <div class='overlay'> <div class='thumb-info'> <h3>Infiniti</h3> <p>Automotive & Digital Strategy & Web Design & Web Development & Weibo Management</p> </div> </div> </a> </li> <li class="digital-strategy pharmaceuticals videography wechat-management"> <a href="https://metricdesign.net/portfolios/bayer/"> <img width="665" height="801" src="https://metricdesign.net/wp-content/uploads/2018/08/bayerfeatured.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2018/08/bayerfeatured.jpg 665w, https://metricdesign.net/wp-content/uploads/2018/08/bayerfeatured-249x300.jpg 249w" sizes="(max-width: 665px) 100vw, 665px" /> <div class='overlay'> <div class='thumb-info'> <h3>Bayer</h3> <p>Digital Strategy & Pharmaceuticals & Videography & Wechat Management</p> </div> </div> </a> </li> <li class="digital-strategy graphic-design polymers web-design web-development"> <a href="https://metricdesign.net/portfolios/covestro/"> <img width="750" height="799" src="https://metricdesign.net/wp-content/uploads/2017/09/covestro-logo-e1562223894989.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2017/09/covestro-logo-e1562223894989.jpg 750w, https://metricdesign.net/wp-content/uploads/2017/09/covestro-logo-e1562223894989-282x300.jpg 282w" sizes="(max-width: 750px) 100vw, 750px" /> <div class='overlay'> <div class='thumb-info'> <h3>Covestro</h3> <p>Digital Strategy & Graphic Design & Polymers & Web Design & Web Development</p> </div> </div> </a> </li> <li class="digital-strategy e-commerce-solutions food-&-beverages graphic-design market-entry-consulting web-design web-development wechat-management weibo-management"> <a href="https://metricdesign.net/portfolios/four-loko/"> <img width="639" height="844" src="https://metricdesign.net/wp-content/uploads/2017/09/fourloko1.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2017/09/fourloko1.jpg 639w, https://metricdesign.net/wp-content/uploads/2017/09/fourloko1-227x300.jpg 227w" sizes="(max-width: 639px) 100vw, 639px" /> <div class='overlay'> <div class='thumb-info'> <h3>Four Loko</h3> <p>Digital Strategy & E-commerce Solutions & Food & Beverages & Graphic Design & Market Entry Consulting & Web Design & Web Development & Wechat Management & Weibo Management</p> </div> </div> </a> </li> <li class="digital-strategy fashion graphic-design web-design web-development"> <a href="https://metricdesign.net/portfolios/kipling/"> <img width="600" height="599" src="https://metricdesign.net/wp-content/uploads/2017/09/kipling-mds.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2017/09/kipling-mds.jpg 600w, https://metricdesign.net/wp-content/uploads/2017/09/kipling-mds-300x300.jpg 300w, https://metricdesign.net/wp-content/uploads/2017/09/kipling-mds-150x150.jpg 150w, https://metricdesign.net/wp-content/uploads/2017/09/kipling-mds-480x480.jpg 480w" sizes="(max-width: 600px) 100vw, 600px" /> <div class='overlay'> <div class='thumb-info'> <h3>Kipling</h3> <p>Digital Strategy & Fashion & Graphic Design & Web Design & Web Development</p> </div> </div> </a> </li> <li class="graphic-design real-estate"> <a href="https://metricdesign.net/portfolios/jll/"> <img width="947" height="1080" src="https://metricdesign.net/wp-content/uploads/2017/09/JLL-London-is-the-Top-‘Established-World-City’-e1562558434329.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2017/09/JLL-London-is-the-Top-‘Established-World-City’-e1562558434329.jpg 947w, https://metricdesign.net/wp-content/uploads/2017/09/JLL-London-is-the-Top-‘Established-World-City’-e1562558434329-263x300.jpg 263w, https://metricdesign.net/wp-content/uploads/2017/09/JLL-London-is-the-Top-‘Established-World-City’-e1562558434329-768x876.jpg 768w, https://metricdesign.net/wp-content/uploads/2017/09/JLL-London-is-the-Top-‘Established-World-City’-e1562558434329-898x1024.jpg 898w" sizes="(max-width: 947px) 100vw, 947px" /> <div class='overlay'> <div class='thumb-info'> <h3>JLL</h3> <p>Graphic Design & Real Estate</p> </div> </div> </a> </li> <li class="digital-strategy higher-education web-design web-development"> <a href="https://metricdesign.net/portfolios/duke-kunshan-university/"> <img width="560" height="532" src="https://metricdesign.net/wp-content/uploads/2017/09/duke-kunshan.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2017/09/duke-kunshan.jpg 560w, https://metricdesign.net/wp-content/uploads/2017/09/duke-kunshan-300x285.jpg 300w" sizes="(max-width: 560px) 100vw, 560px" /> <div class='overlay'> <div class='thumb-info'> <h3>Duke Kunshan University</h3> <p>Digital Strategy & Higher Education & Web Design & Web Development</p> </div> </div> </a> </li> <li class="digital-strategy graphic-design pharmaceuticals web-design web-development"> <a href="https://metricdesign.net/portfolios/sinocare/"> <img width="811" height="595" src="https://metricdesign.net/wp-content/uploads/2017/09/sinocare-cover.png" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2017/09/sinocare-cover.png 811w, https://metricdesign.net/wp-content/uploads/2017/09/sinocare-cover-300x220.png 300w, https://metricdesign.net/wp-content/uploads/2017/09/sinocare-cover-768x563.png 768w" sizes="(max-width: 811px) 100vw, 811px" /> <div class='overlay'> <div class='thumb-info'> <h3>Sinocare</h3> <p>Digital Strategy & Graphic Design & Pharmaceuticals & Web Design & Web Development</p> </div> </div> </a> </li> <li class="graphic-design hospitality wechat-management"> <a href="https://metricdesign.net/portfolios/shangri-la-hotel/"> <img width="600" height="500" src="https://metricdesign.net/wp-content/uploads/2017/09/shangri-la-cover.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2017/09/shangri-la-cover.jpg 600w, https://metricdesign.net/wp-content/uploads/2017/09/shangri-la-cover-300x250.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /> <div class='overlay'> <div class='thumb-info'> <h3>Shangri-La Hotels</h3> <p>Graphic Design & Hospitality & Wechat Management</p> </div> </div> </a> </li> <li class="digital-strategy food-&-beverages"> <a href="https://metricdesign.net/portfolios/jameson-irish-whiskey/"> <img width="1545" height="2000" src="https://metricdesign.net/wp-content/uploads/2017/09/Jameson.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2017/09/Jameson.jpg 1545w, https://metricdesign.net/wp-content/uploads/2017/09/Jameson-232x300.jpg 232w, https://metricdesign.net/wp-content/uploads/2017/09/Jameson-768x994.jpg 768w, https://metricdesign.net/wp-content/uploads/2017/09/Jameson-791x1024.jpg 791w" sizes="(max-width: 1545px) 100vw, 1545px" /> <div class='overlay'> <div class='thumb-info'> <h3>Jameson Irish Whiskey</h3> <p>Digital Strategy & Food & Beverages</p> </div> </div> </a> </li> <li class="digital-strategy food-&-beverages graphic-design market-entry-consulting videography web-design wechat-management"> <a href="https://metricdesign.net/portfolios/joes-pizza/"> <img width="550" height="412" src="https://metricdesign.net/wp-content/uploads/2017/09/shanghai-branch-of-the.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2017/09/shanghai-branch-of-the.jpg 550w, https://metricdesign.net/wp-content/uploads/2017/09/shanghai-branch-of-the-300x225.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" /> <div class='overlay'> <div class='thumb-info'> <h3>Joe’s Pizza</h3> <p>Digital Strategy & Food & Beverages & Graphic Design & Market Entry Consulting & Videography & Web Design & Wechat Management</p> </div> </div> </a> </li> <li class="digital-strategy food-&-beverages web-design web-development"> <a href="https://metricdesign.net/portfolios/crafted-bistro-burger/"> <img width="1700" height="1134" src="https://metricdesign.net/wp-content/uploads/2017/09/Crafted-by-bistro-burger-.jpeg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2017/09/Crafted-by-bistro-burger-.jpeg 1700w, https://metricdesign.net/wp-content/uploads/2017/09/Crafted-by-bistro-burger--300x200.jpeg 300w, https://metricdesign.net/wp-content/uploads/2017/09/Crafted-by-bistro-burger--768x512.jpeg 768w, https://metricdesign.net/wp-content/uploads/2017/09/Crafted-by-bistro-burger--1024x683.jpeg 1024w" sizes="(max-width: 1700px) 100vw, 1700px" /> <div class='overlay'> <div class='thumb-info'> <h3>CRAFTED</h3> <p>Digital Strategy & Food & Beverages & Web Design & Web Development</p> </div> </div> </a> </li> <li class="architecture digital-strategy web-design web-development"> <a href="https://metricdesign.net/portfolios/bnjn/"> <img width="984" height="623" src="https://metricdesign.net/wp-content/uploads/2017/08/project-gtja-01-e1562655483444.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2017/08/project-gtja-01-e1562655483444.jpg 984w, https://metricdesign.net/wp-content/uploads/2017/08/project-gtja-01-e1562655483444-300x190.jpg 300w, https://metricdesign.net/wp-content/uploads/2017/08/project-gtja-01-e1562655483444-768x486.jpg 768w" sizes="(max-width: 984px) 100vw, 984px" /> <div class='overlay'> <div class='thumb-info'> <h3>BNJN Design</h3> <p>Architecture & Digital Strategy & Web Design & Web Development</p> </div> </div> </a> </li> <li class="digital-strategy web-design web-development"> <a href="https://metricdesign.net/portfolios/pizzaview/"> <div class='overlay'> <div class='thumb-info'> <h3>PizzaView</h3> <p>Digital Strategy & Web Design & Web Development</p> </div> </div> </a> </li> <li class="digital-strategy higher-education web-design web-development"> <a href="https://metricdesign.net/portfolios/shanghai-jiao-tong-university/"> <img width="600" height="857" src="https://metricdesign.net/wp-content/uploads/2016/12/shanghai-jiaotong-university-mds-library.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2016/12/shanghai-jiaotong-university-mds-library.jpg 600w, https://metricdesign.net/wp-content/uploads/2016/12/shanghai-jiaotong-university-mds-library-210x300.jpg 210w" sizes="(max-width: 600px) 100vw, 600px" /> <div class='overlay'> <div class='thumb-info'> <h3>Shanghai Jiao Tong University</h3> <p>Digital Strategy & Higher Education & Web Design & Web Development</p> </div> </div> </a> </li> <li class="digital-strategy hospitality web-design web-development"> <a href="https://metricdesign.net/portfolios/regalia-group/"> <img width="1488" height="1131" src="https://metricdesign.net/wp-content/uploads/2016/12/Regalia-cover-e1562727524481.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2016/12/Regalia-cover-e1562727524481.jpg 1488w, https://metricdesign.net/wp-content/uploads/2016/12/Regalia-cover-e1562727524481-300x228.jpg 300w, https://metricdesign.net/wp-content/uploads/2016/12/Regalia-cover-e1562727524481-768x584.jpg 768w, https://metricdesign.net/wp-content/uploads/2016/12/Regalia-cover-e1562727524481-1024x778.jpg 1024w" sizes="(max-width: 1488px) 100vw, 1488px" /> <div class='overlay'> <div class='thumb-info'> <h3>Regalia Group</h3> <p>Digital Strategy & Hospitality & Web Design & Web Development</p> </div> </div> </a> </li> <li class="digital-strategy food-&-beverages graphic-design web-design web-development"> <a href="https://metricdesign.net/portfolios/cages-bar-sports/"> <img width="800" height="534" src="https://metricdesign.net/wp-content/uploads/2016/12/1474346433.jpg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2016/12/1474346433.jpg 800w, https://metricdesign.net/wp-content/uploads/2016/12/1474346433-300x200.jpg 300w, https://metricdesign.net/wp-content/uploads/2016/12/1474346433-768x513.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /> <div class='overlay'> <div class='thumb-info'> <h3>CAGES</h3> <p>Digital Strategy & Food & Beverages & Graphic Design & Web Design & Web Development</p> </div> </div> </a> </li> <li class="digital-strategy web-design web-development"> <a href="https://metricdesign.net/portfolios/liquid-laundry/"> <div class='overlay'> <div class='thumb-info'> <h3>Liquid Laundry</h3> <p>Digital Strategy & Web Design & Web Development</p> </div> </div> </a> </li> <li class="digital-strategy higher-education web-design web-development"> <a href="https://metricdesign.net/portfolios/jiaotong-university/"> <img width="451" height="681" src="https://metricdesign.net/wp-content/uploads/2016/06/UM-SJTU-e1562735881468.jpeg" class="attachment-portfolio size-portfolio wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2016/06/UM-SJTU-e1562735881468.jpeg 451w, https://metricdesign.net/wp-content/uploads/2016/06/UM-SJTU-e1562735881468-199x300.jpeg 199w" sizes="(max-width: 451px) 100vw, 451px" /> <div class='overlay'> <div class='thumb-info'> <h3>UM-SJTU Joint Institute</h3> <p>Digital Strategy & Higher Education & Web Design & Web Development</p> </div> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="four spacing"></div> <div class="four spacing"></div> </div> <div id="blog" class="box"> <div class="header" id="layers-widget-header-15"> <div class="special-title"> <nav> <h2 class='bottom'> <a href="#"> <img width="800" height="500" src="https://metricdesign.net/wp-content/uploads/2019/11/mds_inspiration.png" class="attachment-full size-full" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2019/11/mds_inspiration.png 800w, https://metricdesign.net/wp-content/uploads/2019/11/mds_inspiration-300x188.png 300w, https://metricdesign.net/wp-content/uploads/2019/11/mds_inspiration-768x480.png 768w" sizes="(max-width: 800px) 100vw, 800px" /> </a> </h2> </nav> </div> <div class="desc invisible"> <h2>"You can't start a fire without a spark." - Bruce Springsteen, Dancing in the Dark</h2> </div> </div><div class="four spacing"></div> <div class="two spacing"></div> <div class="row"> <div class="large-12 columns" id="posts"> <div class='post'> <div class="image"> <a href="https://metricdesign.net/40-under-40-2023-daniel-cheng-metric-design-studio/"> <img width="855" height="570" src="https://metricdesign.net/wp-content/uploads/2023/11/daniel-cheng-campaign-asia-40-under-40.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2023/11/daniel-cheng-campaign-asia-40-under-40.png 855w, https://metricdesign.net/wp-content/uploads/2023/11/daniel-cheng-campaign-asia-40-under-40-300x200.png 300w, https://metricdesign.net/wp-content/uploads/2023/11/daniel-cheng-campaign-asia-40-under-40-768x512.png 768w" sizes="(max-width: 855px) 100vw, 855px" /> </a> </div> <div class='content'> <h3><a href="https://metricdesign.net/40-under-40-2023-daniel-cheng-metric-design-studio/">40 Under 40 2023: Daniel Cheng, Metric Design Studio</a></h3> <p class='info'> <span>Nov 22, 2023</span> / <span> by <a href="">mds</a> </span> / <span> In <a href="https://metricdesign.net/category/meetmds/" rel="category tag">#MeetMDS</a>, <a href="https://metricdesign.net/category/news/" rel="category tag">News</a> </span> </p> </div> </div> <div class='post'> <div class="image"> <a href="https://metricdesign.net/leon-bridges-river/"> <img width="560" height="360" src="https://metricdesign.net/wp-content/uploads/2023/11/leon-bridges-mds-river.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2023/11/leon-bridges-mds-river.jpg 560w, https://metricdesign.net/wp-content/uploads/2023/11/leon-bridges-mds-river-300x193.jpg 300w" sizes="(max-width: 560px) 100vw, 560px" /> </a> </div> <div class='content'> <h3><a href="https://metricdesign.net/leon-bridges-river/">Leon Bridges – River</a></h3> <p class='info'> <span>Nov 10, 2023</span> / <span> by <a href="">mds</a> </span> / <span> In <a href="https://metricdesign.net/category/music/" rel="category tag">Music</a> </span> </p> </div> </div> <div class='post'> <div class="image"> <a href="https://metricdesign.net/the-smashing-pumpkins-beguiled/"> <img width="560" height="360" src="https://metricdesign.net/wp-content/uploads/2023/03/the-smashing-pumpkins-beguiled.jpeg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2023/03/the-smashing-pumpkins-beguiled.jpeg 560w, https://metricdesign.net/wp-content/uploads/2023/03/the-smashing-pumpkins-beguiled-300x193.jpeg 300w" sizes="(max-width: 560px) 100vw, 560px" /> </a> </div> <div class='content'> <h3><a href="https://metricdesign.net/the-smashing-pumpkins-beguiled/">The Smashing Pumpkins – Beguiled</a></h3> <p class='info'> <span>Mar 9, 2023</span> / <span> by <a href="">mds</a> </span> / <span> In <a href="https://metricdesign.net/category/music/" rel="category tag">Music</a> </span> </p> </div> </div> <div class='post'> <div class="image"> <a href="https://metricdesign.net/how-to-market-on-wechat-in-2022-and-maximise-your-marketing-efforts-for-results/"> <img width="560" height="360" src="https://metricdesign.net/wp-content/uploads/2022/10/adem-ay-ik_AuIWeBBM-unsplash.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2022/10/adem-ay-ik_AuIWeBBM-unsplash.jpg 560w, https://metricdesign.net/wp-content/uploads/2022/10/adem-ay-ik_AuIWeBBM-unsplash-300x193.jpg 300w" sizes="(max-width: 560px) 100vw, 560px" /> </a> </div> <div class='content'> <h3><a href="https://metricdesign.net/how-to-market-on-wechat-in-2022-and-maximise-your-marketing-efforts-for-results/">How to market on WeChat in 2022 and maximise your marketing efforts for results</a></h3> <p class='info'> <span>Oct 11, 2022</span> / <span> by <a href="">mds</a> </span> / <span> In <a href="https://metricdesign.net/category/news/" rel="category tag">News</a> </span> </p> </div> </div> <div class='post'> <div class="image"> <a href="https://metricdesign.net/niall-horan-lover-ft-fletcher/"> <img width="560" height="360" src="https://metricdesign.net/wp-content/uploads/2022/07/niall-horan-lover-ft-fletcher-mds.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2022/07/niall-horan-lover-ft-fletcher-mds.jpg 560w, https://metricdesign.net/wp-content/uploads/2022/07/niall-horan-lover-ft-fletcher-mds-300x193.jpg 300w" sizes="(max-width: 560px) 100vw, 560px" /> </a> </div> <div class='content'> <h3><a href="https://metricdesign.net/niall-horan-lover-ft-fletcher/">Niall Horan – Lover, ft. FLETCHER</a></h3> <p class='info'> <span>Jul 6, 2022</span> / <span> by <a href="">mds</a> </span> / <span> In <a href="https://metricdesign.net/category/music/" rel="category tag">Music</a> </span> </p> </div> </div> <div class='post'> <div class="image"> <a href="https://metricdesign.net/the-pixies-might-as-well-be-gone/"> <img width="560" height="360" src="https://metricdesign.net/wp-content/uploads/2022/07/mds-loves-the-pixies.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2022/07/mds-loves-the-pixies.jpg 560w, https://metricdesign.net/wp-content/uploads/2022/07/mds-loves-the-pixies-300x193.jpg 300w" sizes="(max-width: 560px) 100vw, 560px" /> </a> </div> <div class='content'> <h3><a href="https://metricdesign.net/the-pixies-might-as-well-be-gone/">The Pixies – Might as Well Be Gone</a></h3> <p class='info'> <span>Jul 1, 2022</span> / <span> by <a href="">mds</a> </span> / <span> In <a href="https://metricdesign.net/category/music/" rel="category tag">Music</a> </span> </p> </div> </div> <div class='post'> <div class="image"> <a href="https://metricdesign.net/boilers-calvin-i-miss-you/"> <img width="560" height="360" src="https://metricdesign.net/wp-content/uploads/2022/05/boilers-i-miss-you.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2022/05/boilers-i-miss-you.jpg 560w, https://metricdesign.net/wp-content/uploads/2022/05/boilers-i-miss-you-300x193.jpg 300w" sizes="(max-width: 560px) 100vw, 560px" /> </a> </div> <div class='content'> <h3><a href="https://metricdesign.net/boilers-calvin-i-miss-you/">Boilers, Calvin – I Miss You</a></h3> <p class='info'> <span>May 4, 2022</span> / <span> by <a href="">mds</a> </span> / <span> In <a href="https://metricdesign.net/category/music/" rel="category tag">Music</a> </span> </p> </div> </div> <div class='post'> <div class="image"> <a href="https://metricdesign.net/carwash-striptease/"> <img width="560" height="360" src="https://metricdesign.net/wp-content/uploads/2022/02/carwash-striptease.jpeg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2022/02/carwash-striptease.jpeg 560w, https://metricdesign.net/wp-content/uploads/2022/02/carwash-striptease-300x193.jpeg 300w" sizes="(max-width: 560px) 100vw, 560px" /> </a> </div> <div class='content'> <h3><a href="https://metricdesign.net/carwash-striptease/">carwash – striptease</a></h3> <p class='info'> <span>Feb 24, 2022</span> / <span> by <a href="">mds</a> </span> / <span> In <a href="https://metricdesign.net/category/music/" rel="category tag">Music</a> </span> </p> </div> </div> <div class='post'> <div class="image"> <a href="https://metricdesign.net/metric-design-studio-joins-stagwell-as-its-first-global-affiliate-in-china/"> <img width="560" height="360" src="https://metricdesign.net/wp-content/uploads/2021/11/mds_x_stagwell.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2021/11/mds_x_stagwell.jpg 560w, https://metricdesign.net/wp-content/uploads/2021/11/mds_x_stagwell-300x193.jpg 300w" sizes="(max-width: 560px) 100vw, 560px" /> </a> </div> <div class='content'> <h3><a href="https://metricdesign.net/metric-design-studio-joins-stagwell-as-its-first-global-affiliate-in-china/">Metric Design Studio joins Stagwell as its first Global Affiliate in China</a></h3> <p class='info'> <span>Nov 19, 2021</span> / <span> by <a href="">mds</a> </span> / <span> In <a href="https://metricdesign.net/category/news/" rel="category tag">News</a> </span> </p> </div> </div> <div class='post'> <div class="image"> <a href="https://metricdesign.net/daft-punk-julian-casablancas-instant-crush/"> <img width="560" height="361" src="https://metricdesign.net/wp-content/uploads/2021/11/daft-punk-mds-560x360-1.jpeg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://metricdesign.net/wp-content/uploads/2021/11/daft-punk-mds-560x360-1.jpeg 560w, https://metricdesign.net/wp-content/uploads/2021/11/daft-punk-mds-560x360-1-300x193.jpeg 300w" sizes="(max-width: 560px) 100vw, 560px" /> </a> </div> <div class='content'> <h3><a href="https://metricdesign.net/daft-punk-julian-casablancas-instant-crush/">Daft Punk, Julian Casablancas – Instant Crush</a></h3> <p class='info'> <span>Nov 16, 2021</span> / <span> by <a href="">mds</a> </span> / <span> In <a href="https://metricdesign.net/category/music/" rel="category tag">Music</a> </span> </p> </div> </div> </div> </div> <div class="two spacing"></div> <div class="row"> <div class="large-12 columns" style="text-align: center;"> <a id="load_more_posts" class="button center" data-page="2">Load more</a> </div> </div> <div class="four spacing"></div> <div class="two spacing"></div> </div> <div class="logo" id="logo"> <h1>Metric Design Studio (MDS)</h1> <div class="logo-image"> <img src="https://metricdesign.net/wp-content/uploads/2016/12/20161222_MDS_New-Logo-1.png" alt=""> </div> </div> <nav> <a href="#" id='back' class="hide"> <i class="fa fa-close"></i> </a> </nav> <div id="contact"> <h2 class="handle"><a href="">Contact</a></h2> <div class="contact-info hide"> <div class="four spacing"></div> <div class="row contact-footer-row"> <div class="large-7 columns">  <div class="frm_forms with_frm_style frm_style_formidable-style" id="frm_form_2_container" data-token="b2b78fb5f4a0c58709c0a5168d53e116"> <form enctype="multipart/form-data" method="post" class="frm-show-form bottom-contact-form frm_js_validate frm_ajax_submit frm_pro_form " id="form_contactus" data-token="b2b78fb5f4a0c58709c0a5168d53e116"> <div class="frm_form_fields "> <fieldset> <legend class="frm_screen_reader">Contact Us</legend> <div class="frm_fields_container"> <input type="hidden" name="frm_action" value="create" /> <input type="hidden" name="form_id" value="2" /> <input type="hidden" name="frm_hide_fields_2" id="frm_hide_fields_2" value="" /> <input type="hidden" name="form_key" value="contactus" /> <input type="hidden" name="item_meta[0]" value="" /> <input type="hidden" id="frm_submit_entry_2" name="frm_submit_entry_2" value="5e8528657d" /><input type="hidden" name="_wp_http_referer" value="/" /><div id="frm_field_6_container" class="frm_form_field form-field frm_required_field frm_none_container frm12"> <label for="field_mwf48" id="field_mwf48_label" class="frm_primary_label">NAME <span class="frm_required">*</span> </label> <input type="text" id="field_mwf48" name="item_meta[6]" value="" placeholder="NAME" data-reqmsg="NAME cannot be blank." aria-required="true" data-invmsg="Text is invalid" aria-invalid="false" /> </div> <div id="frm_field_8_container" class="frm_form_field form-field frm_required_field frm_none_container frm12"> <label for="field_6u9nr" id="field_6u9nr_label" class="frm_primary_label">EMAIL <span class="frm_required">*</span> </label> <input type="email" id="field_6u9nr" name="item_meta[8]" value="" placeholder="EMAIL" data-reqmsg="EMAIL cannot be blank." aria-required="true" data-invmsg="Email is invalid" aria-invalid="false" /> </div> <div id="frm_field_7_container" class="frm_form_field form-field frm_required_field frm_none_container frm12"> <label for="field_xbyg7" id="field_xbyg7_label" class="frm_primary_label">BUSINESS NAME <span class="frm_required">*</span> </label> <input type="text" id="field_xbyg7" name="item_meta[7]" value="" placeholder="BUSINESS NAME" data-reqmsg="BUSINESS NAME cannot be blank." aria-required="true" data-invmsg="Text is invalid" aria-invalid="false" /> </div> <div id="frm_field_9_container" class="frm_form_field form-field frm_required_field frm_top_container frm12 vertical_radio"> <div id="field_zkx4o_label" class="frm_primary_label">PROJECT NEEDS <span class="frm_required"></span> </div> <div class="frm_opt_container" aria-labelledby="field_zkx4o_label" role="group"> <div class="frm_checkbox" id="frm_checkbox_9-0"><label for="field_zkx4o-0"><input type="checkbox" name="item_meta[9][]" id="field_zkx4o-0" value="Social Media: WeChat, Little Red Book, Douyin & Weibo" data-reqmsg="PROJECT NEEDS cannot be blank." data-invmsg="PROJECT NEEDS is invalid" aria-invalid="false" aria-required="true" /> Social Media: WeChat, Little Red Book, Douyin & Weibo</label></div> <div class="frm_checkbox" id="frm_checkbox_9-1"><label for="field_zkx4o-1"><input type="checkbox" name="item_meta[9][]" id="field_zkx4o-1" value="Web Design & Development including ICP Registration" data-reqmsg="PROJECT NEEDS cannot be blank." data-invmsg="PROJECT NEEDS is invalid" aria-invalid="false" /> Web Design & Development including ICP Registration</label></div> <div class="frm_checkbox" id="frm_checkbox_9-2"><label for="field_zkx4o-2"><input type="checkbox" name="item_meta[9][]" id="field_zkx4o-2" value="E-Commerce Management: JD, Taobao & TMall" data-reqmsg="PROJECT NEEDS cannot be blank." data-invmsg="PROJECT NEEDS is invalid" aria-invalid="false" /> E-Commerce Management: JD, Taobao & TMall</label></div> <div class="frm_checkbox" id="frm_checkbox_9-3"><label for="field_zkx4o-3"><input type="checkbox" name="item_meta[9][]" id="field_zkx4o-3" value="China Market Entry & Digital Consulting" data-reqmsg="PROJECT NEEDS cannot be blank." data-invmsg="PROJECT NEEDS is invalid" aria-invalid="false" /> China Market Entry & Digital Consulting</label></div> <div class="frm_checkbox" id="frm_checkbox_9-4"><label for="field_zkx4o-4"><input type="checkbox" name="item_meta[9][]" id="field_zkx4o-4" value="Other" data-reqmsg="PROJECT NEEDS cannot be blank." data-invmsg="PROJECT NEEDS is invalid" aria-invalid="false" /> Other</label></div> </div> </div> <div id="frm_field_10_container" class="frm_form_field form-field frm_none_container frm12"> <label for="field_6nsmc" id="field_6nsmc_label" class="frm_primary_label">Other Needs <span class="frm_required"></span> </label> <input type="text" id="field_6nsmc" name="item_meta[10]" value="" placeholder="PLEASE SPECIFY" data-invmsg="Text is invalid" aria-invalid="false" /> </div> <div id="frm_field_11_container" class="frm_form_field form-field frm_required_field frm_none_container frm12"> <label for="field_n0ikp" id="field_n0ikp_label" class="frm_primary_label">HOW DID YOU FIND US? <span class="frm_required">*</span> </label> <select name="item_meta[11]" id="field_n0ikp" data-placeholder="HOW DID YOU FIND US?" placeholder="HOW DID YOU FIND US?" data-reqmsg="HOW DID YOU FIND US? cannot be blank." aria-required="true" data-invmsg="HOW DID YOU FIND US? is invalid" aria-invalid="false" > <option class="frm-select-placeholder" value="" data-placeholder="true">HOW DID YOU FIND US?</option><option value="Google">Google</option><option value="Baidu">Baidu</option><option value="Digital Agency Network">Digital Agency Network</option><option value="Top Interactive Agencies">Top Interactive Agencies</option><option value="C2A">C2A</option><option value="Ad World Masters">Ad World Masters</option><option value="Friend Referral">Friend Referral</option><option value="Other">Other</option> </select> </div> <div id="frm_field_12_container" class="frm_form_field form-field frm_none_container frm12"> <label for="field_zye0g" id="field_zye0g_label" class="frm_primary_label">Specify How You Found Us <span class="frm_required"></span> </label> <input type="text" id="field_zye0g" name="item_meta[12]" value="" placeholder="PLEASE SPECIFY" data-invmsg="Text is invalid" aria-invalid="false" /> </div> <div id="frm_field_13_container" class="frm_form_field form-field frm_required_field frm_none_container frm12"> <label for="field_3u98v" id="field_3u98v_label" class="frm_primary_label">PROJECT GOALS <span class="frm_required">*</span> </label> <textarea name="item_meta[13]" id="field_3u98v" rows="5" placeholder="WHAT ARE YOUR GOALS FOR THIS PROJECT?" data-reqmsg="PROJECT GOALS cannot be blank." aria-required="true" data-invmsg="PROJECT GOALS is invalid" aria-invalid="false" ></textarea> </div> <div id="frm_field_14_container" class="frm_form_field form-field "> <div class="frm_submit"> <button class="frm_button_submit frm_final_submit" type="submit" formnovalidate="formnovalidate">Submit</button> </div> </div> <input type="hidden" name="item_key" value="" /> <div class="frm__661620f836858"> <label for="frm_email_2" > If you are human, leave this field blank. </label> <input id="frm_email_2" type="email" class="frm_verify" name="frm__661620f836858" value="" /> </div> <input name="frm_state" type="hidden" value="FBz7x8HzTsrXsw3KipdjPebTvfV1JHiAttxaT3uvWBM=" /></div> </fieldset> </div> <p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="72"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div> </div> <div class="large-4 columns"> <div class="contact-details"> <h4>Shanghai Office 上海办公室</h4> <p>上海市静安区武定路1003号201室<br>1003 Wuding Road, Room 201, Jing'An District, Shanghai</p> <h4>Singapore Office 新加坡办公室</h4> <p>112 East Coast Road, 428802</p> <h4>Phone 电话</h4> <p>+86 21 5271 5778</p> <h4>General Inquiries 邮件地址</h4> <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="137a7d757c537e7667617a707776607a747d3d7d7667">[email protected]</a></p> <h4>Careers & Internships 就业和实习机会</h4> <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b7d4d6c5d2d2c5f7dad2c3c5ded4d3d2c4ded0d999d9d2c3">[email protected]</a></p> <h4>Connect With Us</h4> <ul> <li><a target="_blank" href="https://www.linkedin.com/company/10086851"><i class="fa fa-linkedin"></i></a></li> <li><a target="_blank" href="https://www.facebook.com/metricdesignstudioshanghai/"><i class="fa fa-facebook"></i></a></li> <li><a target="_blank" href="#wechat"><i class="fa fa-skype"></i></a></li> <li><a target="_blank" href="https://www.instagram.com/mds_shanghai/"><i class="fa fa-instagram"></i></a></li> </ul> <p class="footer-copyright">© 2024 Metric Design Studio. All Rights Reserved.</p> </div> </div> </div> <div class="two spacing"></div> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><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":"YTozOntzOjEyOiJjb250ZW50X3R5cGUiO3M6NDoicGFnZSI7czoxMDoiY29udGVudF9pZCI7aToxNjI7czo2OiJhdXRob3IiO3M6NzoibWV0cmljcyI7fQ--.035d80eea1e1103ac71fb9364f3dea99"}; /* ]]> */ </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> <script type="text/javascript" id="formidable-js-extra"> /* <![CDATA[ */ var frm_js = {"ajax_url":"https:\/\/metricdesign.net\/wp-admin\/admin-ajax.php","images_url":"https:\/\/metricdesign.net\/wp-content\/plugins\/formidable\/images","loading":"Loading\u2026","remove":"Remove","offset":"4","nonce":"d9d207f7ed","id":"ID","no_results":"No results match","file_spam":"That file looks like Spam.","calc_error":"There is an error in the calculation in the field with key","empty_fields":"Please complete the preceding required fields before uploading a file.","focus_first_error":"1","include_alert_role":"1"}; var frm_password_checks = {"eight-char":{"label":"Eight characters minimum","regex":"\/^.{8,}$\/","message":"Passwords require at least 8 characters"},"lowercase":{"label":"One lowercase letter","regex":"#[a-z]+#","message":"Passwords must include at least one lowercase letter"},"uppercase":{"label":"One uppercase letter","regex":"#[A-Z]+#","message":"Passwords must include at least one uppercase letter"},"number":{"label":"One number","regex":"#[0-9]+#","message":"Passwords must include at least one number"},"special-char":{"label":"One special character","regex":"\/(?=.*[^a-zA-Z0-9])\/","message":"password is invalid"}}; var frm_password_checks = {"eight-char":{"label":"Eight characters minimum","regex":"\/^.{8,}$\/","message":"Passwords require at least 8 characters"},"lowercase":{"label":"One lowercase letter","regex":"#[a-z]+#","message":"Passwords must include at least one lowercase letter"},"uppercase":{"label":"One uppercase letter","regex":"#[A-Z]+#","message":"Passwords must include at least one uppercase letter"},"number":{"label":"One number","regex":"#[0-9]+#","message":"Passwords must include at least one number"},"special-char":{"label":"One special character","regex":"\/(?=.*[^a-zA-Z0-9])\/","message":"password is invalid"}}; /* ]]> */ </script> <script type="text/javascript" src="https://metricdesign.net/wp-content/plugins/formidable/js/formidable.js?ver=6.9" id="formidable-js"></script> <script type="text/javascript" id="formidable-js-after"> /* <![CDATA[ */ window.frm_js.repeaterRowDeleteConfirmation = "Are you sure you want to delete this row?"; window.frm_js.repeaterRowDeleteConfirmation = "Are you sure you want to delete this row?"; /* ]]> */ </script> <script type="text/javascript" src="https://metricdesign.net/wp-content/plugins/formidable-pro/js/formidablepro.js?ver=6.4.2" id="formidablepro-js"></script> <script> /*<![CDATA[*/ var frmrules={"9":{"fieldId":"9","fieldKey":"zkx4o","fieldType":"checkbox","inputType":"checkbox","isMultiSelect":false,"formId":"2","inSection":"0","inEmbedForm":"0","isRepeating":false,"dependents":["10"],"showHide":"show","anyAll":"any","conditions":[]},"10":{"fieldId":"10","fieldKey":"6nsmc","fieldType":"text","inputType":"text","isMultiSelect":false,"formId":"2","inSection":"0","inEmbedForm":"0","isRepeating":false,"dependents":[],"showHide":"show","anyAll":"any","conditions":[{"fieldId":"9","operator":"==","value":"Other"}],"status":"complete"},"11":{"fieldId":"11","fieldKey":"n0ikp","fieldType":"select","inputType":"select","isMultiSelect":false,"formId":"2","inSection":"0","inEmbedForm":"0","isRepeating":false,"dependents":["12","12"],"showHide":"show","anyAll":"any","conditions":[]},"12":{"fieldId":"12","fieldKey":"zye0g","fieldType":"text","inputType":"text","isMultiSelect":false,"formId":"2","inSection":"0","inEmbedForm":"0","isRepeating":false,"dependents":[],"showHide":"show","anyAll":"any","conditions":[{"fieldId":"11","operator":"==","value":"Friend Referral"},{"fieldId":"11","operator":"==","value":"Other"}],"status":"complete"}}; if(typeof __FRMRULES == 'undefined'){__FRMRULES=frmrules;} else{__FRMRULES=jQuery.extend({},__FRMRULES,frmrules);}var frmHide=["10","12"];if(typeof __frmHideOrShowFields == "undefined"){__frmHideOrShowFields=frmHide;}else{__frmHideOrShowFields=__frmHideOrShowFields.concat(frmHide);}/*]]>*/ </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>

CINXE.COM

Metric Design Studio (MDS) - Top digital social media marketing agency in Shanghai, China