CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>U.S. News Global Education - Metric Design Studio (MDS)</title> <meta name="description" content="Metric Design Studio MDS, founded by Daniel Cheng, is an award winning digital agency based in Shanghai. We help brands from all over the world enter the Chinese market. We work with WeChat, Weibo, Xiaohongshu, Zhihu, Toutiao, TMall, JD, Taobao, and more." /> <link rel="canonical" href="https://metricdesign.net/portfolios/usnge/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="U.S. News Global Education - Metric Design Studio (MDS)" /> <meta property="og:description" content="Metric Design Studio MDS, founded by Daniel Cheng, is an award winning digital agency based in Shanghai. We help brands from all over the world enter the Chinese market. We work with WeChat, Weibo, Xiaohongshu, Zhihu, Toutiao, TMall, JD, Taobao, and more." /> <meta property="og:url" content="https://metricdesign.net/portfolios/usnge/" /> <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-04T10:29:13+00:00" /> <meta property="og:image" content="https://metricdesign.net/wp-content/uploads/2019/01/upcoming-events-image-2.jpg" /> <meta property="og:image:width" content="768" /> <meta property="og:image:height" content="768" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="1 minute" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://metricdesign.net/portfolios/usnge/","url":"https://metricdesign.net/portfolios/usnge/","name":"U.S. News Global Education - Metric Design Studio (MDS)","isPartOf":{"@id":"https://metricdesign.net/#website"},"primaryImageOfPage":{"@id":"https://metricdesign.net/portfolios/usnge/#primaryimage"},"image":{"@id":"https://metricdesign.net/portfolios/usnge/#primaryimage"},"thumbnailUrl":"https://metricdesign.net/wp-content/uploads/2019/01/upcoming-events-image-2.jpg","datePublished":"2019-01-31T08:16:27+00:00","dateModified":"2022-03-04T10:29:13+00:00","description":"Metric Design Studio MDS, founded by Daniel Cheng, is an award winning digital agency based in Shanghai. We help brands from all over the world enter the Chinese market. We work with WeChat, Weibo, Xiaohongshu, Zhihu, Toutiao, TMall, JD, Taobao, and more.","breadcrumb":{"@id":"https://metricdesign.net/portfolios/usnge/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://metricdesign.net/portfolios/usnge/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://metricdesign.net/portfolios/usnge/#primaryimage","url":"https://metricdesign.net/wp-content/uploads/2019/01/upcoming-events-image-2.jpg","contentUrl":"https://metricdesign.net/wp-content/uploads/2019/01/upcoming-events-image-2.jpg","width":768,"height":768},{"@type":"BreadcrumbList","@id":"https://metricdesign.net/portfolios/usnge/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://metricdesign.net/"},{"@type":"ListItem","position":2,"name":"Portfolios","item":"https://metricdesign.net/portfolios/"},{"@type":"ListItem","position":3,"name":"U.S. News Global Education"}]},{"@type":"WebSite","@id":"https://metricdesign.net/#website","url":"https://metricdesign.net/","name":"Metric Design Studio (MDS)","description":"Top digital social media marketing agency in Shanghai, China","publisher":{"@id":"https://metricdesign.net/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://metricdesign.net/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://metricdesign.net/#organization","name":"Metric Design Studio (MDS)","url":"https://metricdesign.net/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://metricdesign.net/#/schema/logo/image/","url":"https://metricdesign.net/wp-content/uploads/2017/08/20161222_MDS_New-Logo-512x512-blue.png","contentUrl":"https://metricdesign.net/wp-content/uploads/2017/08/20161222_MDS_New-Logo-512x512-blue.png","width":513,"height":513,"caption":"Metric Design Studio (MDS)"},"image":{"@id":"https://metricdesign.net/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/metricdesignstudioshanghai","https://www.linkedin.com/company/10086851"]}]}</script>  <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Metric Design Studio (MDS) » Feed" href="https://metricdesign.net/feed/" /> <link rel="alternate" type="application/rss+xml" title="Metric Design Studio (MDS) » Comments Feed" href="https://metricdesign.net/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"wpemoji":"https:\/\/metricdesign.net\/wp-includes\/js\/wp-emoji.js?ver=6.4.5","twemoji":"https:\/\/metricdesign.net\/wp-includes\/js\/twemoji.js?ver=6.4.5"}}; /** * @output wp-includes/js/wp-emoji-loader.js */ /** * Emoji Settings as exported in PHP via _print_emoji_detection_script(). * @typedef WPEmojiSettings * @type {object} * @property {?object} source * @property {?string} source.concatemoji * @property {?string} source.twemoji * @property {?string} source.wpemoji * @property {?boolean} DOMReady * @property {?Function} readyCallback */ /** * Support tests. * @typedef SupportTests * @type {object} * @property {?boolean} flag * @property {?boolean} emoji */ /** * IIFE to detect emoji support and load Twemoji if needed. * * @param {Window} window * @param {Document} document * @param {WPEmojiSettings} settings */ ( function wpEmojiLoader( window, document, settings ) { if ( typeof Promise === 'undefined' ) { return; } var sessionStorageKey = 'wpEmojiSettingsSupports'; var tests = [ 'flag', 'emoji' ]; /** * Checks whether the browser supports offloading to a Worker. * * @since 6.3.0 * * @private * * @returns {boolean} */ function supportsWorkerOffloading() { return ( typeof Worker !== 'undefined' && typeof OffscreenCanvas !== 'undefined' && typeof URL !== 'undefined' && URL.createObjectURL && typeof Blob !== 'undefined' ); } /** * @typedef SessionSupportTests * @type {object} * @property {number} timestamp * @property {SupportTests} supportTests */ /** * Get support tests from session. * * @since 6.3.0 * * @private * * @returns {?SupportTests} Support tests, or null if not set or older than 1 week. */ function getSessionSupportTests() { try { /** @type {SessionSupportTests} */ var item = JSON.parse( sessionStorage.getItem( sessionStorageKey ) ); if ( typeof item === 'object' && typeof item.timestamp === 'number' && new Date().valueOf() < item.timestamp + 604800 && // Note: Number is a week in seconds. typeof item.supportTests === 'object' ) { return item.supportTests; } } catch ( e ) {} return null; } /** * Persist the supports in session storage. * * @since 6.3.0 * * @private * * @param {SupportTests} supportTests Support tests. */ function setSessionSupportTests( supportTests ) { try { /** @type {SessionSupportTests} */ var item = { supportTests: supportTests, timestamp: new Date().valueOf() }; sessionStorage.setItem( sessionStorageKey, JSON.stringify( item ) ); } catch ( e ) {} } /** * Checks if two sets of Emoji characters render the same visually. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 4.9.0 * * @private * * @param {CanvasRenderingContext2D} context 2D Context. * @param {string} set1 Set of Emoji to test. * @param {string} set2 Set of Emoji to test. * * @return {boolean} True if the two sets render the same. */ function emojiSetsRenderIdentically( context, set1, set2 ) { // Cleanup from previous test. context.clearRect( 0, 0, context.canvas.width, context.canvas.height ); context.fillText( set1, 0, 0 ); var rendered1 = new Uint32Array( context.getImageData( 0, 0, context.canvas.width, context.canvas.height ).data ); // Cleanup from previous test. context.clearRect( 0, 0, context.canvas.width, context.canvas.height ); context.fillText( set2, 0, 0 ); var rendered2 = new Uint32Array( context.getImageData( 0, 0, context.canvas.width, context.canvas.height ).data ); return rendered1.every( function ( rendered2Data, index ) { return rendered2Data === rendered2[ index ]; } ); } /** * Determines if the browser properly renders Emoji that Twemoji can supplement. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 4.2.0 * * @private * * @param {CanvasRenderingContext2D} context 2D Context. * @param {string} type Whether to test for support of "flag" or "emoji". * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification. * * @return {boolean} True if the browser can render emoji, false if it cannot. */ function browserSupportsEmoji( context, type, emojiSetsRenderIdentically ) { var isIdentical; switch ( type ) { case 'flag': /* * Test for Transgender flag compatibility. Added in Unicode 13. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly (white flag emoji + transgender symbol). */ isIdentical = emojiSetsRenderIdentically( context, '\uD83C\uDFF3\uFE0F\u200D\u26A7\uFE0F', // as a zero-width joiner sequence '\uD83C\uDFF3\uFE0F\u200B\u26A7\uFE0F' // separated by a zero-width space ); if ( isIdentical ) { return false; } /* * Test for UN flag compatibility. This is the least supported of the letter locale flags, * so gives us an easy test for full support. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly ([U] + [N]). */ isIdentical = emojiSetsRenderIdentically( context, '\uD83C\uDDFA\uD83C\uDDF3', // as the sequence of two code points '\uD83C\uDDFA\u200B\uD83C\uDDF3' // as the two code points separated by a zero-width space ); if ( isIdentical ) { return false; } /* * Test for English flag compatibility. England is a country in the United Kingdom, it * does not have a two letter locale code but rather a five letter sub-division code. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly (black flag emoji + [G] + [B] + [E] + [N] + [G]). */ isIdentical = emojiSetsRenderIdentically( context, // as the flag sequence '\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67\uDB40\uDC7F', // with each code point separated by a zero-width space '\uD83C\uDFF4\u200B\uDB40\uDC67\u200B\uDB40\uDC62\u200B\uDB40\uDC65\u200B\uDB40\uDC6E\u200B\uDB40\uDC67\u200B\uDB40\uDC7F' ); return ! isIdentical; case 'emoji': /* * Why can't we be friends? Everyone can now shake hands in emoji, regardless of skin tone! * * To test for Emoji 14.0 support, try to render a new emoji: Handshake: Light Skin Tone, Dark Skin Tone. * * The Handshake: Light Skin Tone, Dark Skin Tone emoji is a ZWJ sequence combining 🫱 Rightwards Hand, * 🏻 Light Skin Tone, a Zero Width Joiner, 🫲 Leftwards Hand, and 🏿 Dark Skin Tone. * * 0x1FAF1 == Rightwards Hand * 0x1F3FB == Light Skin Tone * 0x200D == Zero-Width Joiner (ZWJ) that links the code points for the new emoji or * 0x200B == Zero-Width Space (ZWS) that is rendered for clients not supporting the new emoji. * 0x1FAF2 == Leftwards Hand * 0x1F3FF == Dark Skin Tone. * * When updating this test for future Emoji releases, ensure that individual emoji that make up the * sequence come from older emoji standards. */ isIdentical = emojiSetsRenderIdentically( context, '\uD83E\uDEF1\uD83C\uDFFB\u200D\uD83E\uDEF2\uD83C\uDFFF', // as the zero-width joiner sequence '\uD83E\uDEF1\uD83C\uDFFB\u200B\uD83E\uDEF2\uD83C\uDFFF' // separated by a zero-width space ); return ! isIdentical; } return false; } /** * Checks emoji support tests. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 6.3.0 * * @private * * @param {string[]} tests Tests. * @param {Function} browserSupportsEmoji Reference to browserSupportsEmoji function, needed due to minification. * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification. * * @return {SupportTests} Support tests. */ function testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically ) { var canvas; if ( typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope ) { canvas = new OffscreenCanvas( 300, 150 ); // Dimensions are default for HTMLCanvasElement. } else { canvas = document.createElement( 'canvas' ); } var context = canvas.getContext( '2d', { willReadFrequently: true } ); /* * Chrome on OS X added native emoji rendering in M41. Unfortunately, * it doesn't work when the font is bolder than 500 weight. So, we * check for bold rendering support to avoid invisible emoji in Chrome. */ context.textBaseline = 'top'; context.font = '600 32px Arial'; var supports = {}; tests.forEach( function ( test ) { supports[ test ] = browserSupportsEmoji( context, test, emojiSetsRenderIdentically ); } ); return supports; } /** * Adds a script to the head of the document. * * @ignore * * @since 4.2.0 * * @param {string} src The url where the script is located. * * @return {void} */ function addScript( src ) { var script = document.createElement( 'script' ); script.src = src; script.defer = true; document.head.appendChild( script ); } settings.supports = { everything: true, everythingExceptFlag: true }; // Create a promise for DOMContentLoaded since the worker logic may finish after the event has fired. var domReadyPromise = new Promise( function ( resolve ) { document.addEventListener( 'DOMContentLoaded', resolve, { once: true } ); } ); // Obtain the emoji support from the browser, asynchronously when possible. new Promise( function ( resolve ) { var supportTests = getSessionSupportTests(); if ( supportTests ) { resolve( supportTests ); return; } if ( supportsWorkerOffloading() ) { try { // Note that the functions are being passed as arguments due to minification. var workerScript = 'postMessage(' + testEmojiSupports.toString() + '(' + [ JSON.stringify( tests ), browserSupportsEmoji.toString(), emojiSetsRenderIdentically.toString() ].join( ',' ) + '));'; var blob = new Blob( [ workerScript ], { type: 'text/javascript' } ); var worker = new Worker( URL.createObjectURL( blob ), { name: 'wpTestEmojiSupports' } ); worker.onmessage = function ( event ) { supportTests = event.data; setSessionSupportTests( supportTests ); worker.terminate(); resolve( supportTests ); }; return; } catch ( e ) {} } supportTests = testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically ); setSessionSupportTests( supportTests ); resolve( supportTests ); } ) // Once the browser emoji support has been obtained from the session, finalize the settings. .then( function ( supportTests ) { /* * Tests the browser support for flag emojis and other emojis, and adjusts the * support settings accordingly. */ for ( var test in supportTests ) { settings.supports[ test ] = supportTests[ test ]; settings.supports.everything = settings.supports.everything && settings.supports[ test ]; if ( 'flag' !== test ) { settings.supports.everythingExceptFlag = settings.supports.everythingExceptFlag && settings.supports[ test ]; } } settings.supports.everythingExceptFlag = settings.supports.everythingExceptFlag && ! settings.supports.flag; // Sets DOMReady to false and assigns a ready function to settings. settings.DOMReady = false; settings.readyCallback = function () { settings.DOMReady = true; }; } ) .then( function () { return domReadyPromise; } ) .then( function () { // When the browser can not render everything we need to load a polyfill. if ( ! settings.supports.everything ) { settings.readyCallback(); var src = settings.source || {}; if ( src.concatemoji ) { addScript( src.concatemoji ); } else if ( src.wpemoji && src.twemoji ) { addScript( src.twemoji ); addScript( src.wpemoji ); } } } ); } )( window, document, window._wpemojiSettings ); /* ]]> */ </script> <style> #wp-admin-bar-layers-edit-layout .ab-icon:before{ font-family: "layers-interface" !important; content: "\e62f" !important; font-size: 16px !important; } </style> <link rel='stylesheet' id='formidable-css' href='https://metricdesign.net/wp-content/plugins/formidable/css/formidableforms.css?ver=422630' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://metricdesign.net/wp-includes/css/dist/block-library/style.css?ver=6.4.5' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /** * These rules are needed for backwards compatibility. * They should match the button element rules in the base theme.json file. */ .wp-block-button__link { color: #ffffff; background-color: #32373c; border-radius: 9999px; /* 100% causes an oval, but any explicit but really high value retains the pill shape. */ /* This needs a low specificity so it won't override the rules from the button element if defined in theme.json. */ box-shadow: none; text-decoration: none; /* The extra 2px are added to size solids the same as the outline versions.*/ padding: calc(0.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #ffffff; text-decoration: none; } </style> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='cookie-notice-front-css' href='https://metricdesign.net/wp-content/plugins/cookie-notice/css/front.css?ver=2.4.16' type='text/css' media='all' /> <link rel='stylesheet' id='layers-app-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/app.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-style-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/style.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-responsive-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/responsive.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-fontello-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/fontello.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-font-awesome-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/font-awesome.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-nevis-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/nevis.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-slick-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/slick.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-slick-theme-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/slick-theme.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-google-fonts-css' href='https://fonts.googleapis.com/css?family=Raleway%3A400%2C700%2C300&ver=1.1.3' type='text/css' media='all' /> <script type="text/javascript" id="cookie-notice-front-js-before"> /* <![CDATA[ */ var cnArgs = {"ajaxUrl":"https:\/\/metricdesign.net\/wp-admin\/admin-ajax.php","nonce":"bb00dedcdb","hideEffect":"fade","position":"bottom","onScroll":false,"onScrollOffset":100,"onClick":false,"cookieName":"cookie_notice_accepted","cookieTime":2592000,"cookieTimeRejected":2592000,"globalCookie":false,"redirection":false,"cache":false,"revokeCookies":false,"revokeCookiesOpt":"automatic"}; /* ]]> */ </script> <script type="text/javascript" src="https://metricdesign.net/wp-content/plugins/cookie-notice/js/front.js?ver=2.4.16" id="cookie-notice-front-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-includes/js/jquery/jquery.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-includes/js/jquery/jquery-migrate.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/bower_components/modernizr/modernizr.js?ver=6.4.5" id="layers-modernizr.js-js"></script> <link rel="https://api.w.org/" href="https://metricdesign.net/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://metricdesign.net/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://metricdesign.net/?p=2035' /> <link rel="alternate" type="application/json+oembed" href="https://metricdesign.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetricdesign.net%2Fportfolios%2Fusnge%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://metricdesign.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetricdesign.net%2Fportfolios%2Fusnge%2F&format=xml" /> <script type="text/javascript">document.documentElement.className += " js";</script> <script type="text/javascript"> var ajaxurl = 'https://metricdesign.net/wp-admin/admin-ajax.php'; var templateurl = 'https://metricdesign.net/wp-content/themes/creative'; var postsCount = 146; </script> <link rel="icon" href="https://metricdesign.net/wp-content/uploads/2017/06/cropped-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://metricdesign.net/wp-content/uploads/2017/06/cropped-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://metricdesign.net/wp-content/uploads/2017/06/cropped-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://metricdesign.net/wp-content/uploads/2017/06/cropped-favicon-270x270.png" /> <style type="text/css" id="wp-custom-css"> /* You can add your own CSS here. Click the help icon above to learn more. */ .no-hand { color: #999999; cursor: default; } textarea.other-needs { display: none; height: 0 !important; transition: ease-in-out 600ms; } input[name="others-field"] { display: none; } input.others-field:checked ~ .other-needs {display: block !important;height: 11rem !important;} #custom_html-7 img { cursor: default; transition: ease 800ms; } #custom_html-7 img:hover { filter: grayscale(100%); } .letter-overlay { opacity: 0; } .icon-text-diamond .content i { color: white; } #about .top img { background-image: url(https://metricdesign.net/wp-content/uploads/2019/11/About_GIF_190908_notext.gif); background-position: left bottom; background-size: contain; background-repeat: no-repeat; } h2.bottom img, h2.top img { position: unset; bottom: 0; } .archive.category .wp-die-message { display: none; } /** LIGHTBOX MARKUP **/ .lightbox { /** Default lightbox to hidden */ display: none; /** Position and style */ position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0,0,0,0.8); } .lightbox img { /** Pad the lightbox image */ max-width: 90%; max-height: 80%; margin-top: 2%; } .lightbox:target { /** Remove default browser outline */ outline: none; /** Unhide lightbox **/ display: flex; align-items: center; } .member-bio { width: 80%; max-width: 720px; margin: auto; padding: 32px; background: #143E69; color: white; text-align: left; max-height: 85vh; overflow-x: scroll; } .member-name { color: white; } .furryFriends .member{ width:200px; } .furryFriends img{ width:200px;height:200px; } .flex{ display:flex; justify-content:center; align-items:center; } .flex:before, .flex:after{ content:none; } .leftAward{ width:28%; } .rightAwards{ width:70%; } .awards3{ display:flex; } #partners a { display:inline-block; margin:10px 0; } .featuredOn img{ margin:10px 0; } #bloomberg{ width:80%; height:auto; margin:auto; } .main-services .row{ margin:0 auto; } .main-services .icon-text{ border:1px solid #f0f0f0; border-bottom:none; } .main-services{ border:1px solid #f0f0f0; } .main-services .row:last-child .columns:last-child .icon-text{ padding:80px 60px 30px 60px } .dot-separator::before{ font-size:50px !important; } /* BOTTOM CONTACT SECTION */ .row.contact-footer-row { display: flex; justify-content: stretch; flex-direction: row } p.footer-copyright { font-size: 12px; position: absolute; bottom: 0; } .contact-details { position: relative; height: 100% } i.fa.fa-skype::before {content: "\f1d7";} @media(max-width: 40.0624em) { #about{ overflow-x:hidden; } .commitment p, .main-services p{ font-size: 12px !important; } .row.contact-footer-row { flex-direction: column; } .flex{ flex-direction:column; } .leftAward{ width:55%; margin-bottom:15px; } .rightAwards{ width:100%; } .awards3 a{ width:33%; margin:auto; } #yahoofinancelogo{ width:70%; } .single-portfolio div{ display:block !important; } .contact-footer-row .large-4.columns {margin-top: 50px;} p.footer-copyright { position: relative; margin-top: 20px; }} #cookie-notice .cn-button { padding: 8px 16px; font-size: 0.8rem; } </style>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-E6K6F6DVF7"> </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E6K6F6DVF7'); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N6NN8K39');</script>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '869380660527792'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=869380660527792&ev=PageView &noscript=1"/> </noscript>  </head> <body data-rsssl=1 class="portfolio-template-default single single-portfolio postid-2035 wp-custom-logo cookies-not-set has-site-logo">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6NN8K39" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="full single"> <div class='row'> <div class='large-12 columns'> <div class='nav-wrapper'> <a href="https://metricdesign.net#work-section" class='close'> × </a> <ul class='nav'> <li> <a href="https://metricdesign.net/portfolios/tonino-lamborghini-hotels/" title="previous"> <i class='fa fa-angle-left'></i> </a> </li> <li> <a href="https://metricdesign.net/portfolios/conor-thornton/" title="next"> <i class='fa fa-angle-right'></i> </a> </li> </ul> </div> </div> </div> <div class="two spacing"></div> <div class='row'> <div class='large-12 columns'> </div> </div> <div class='row'> <div class='large-12 columns'> <div class="spacing"></div> <div class="section-header alt"> <h3>U.S. News Global Education</h3> </div> <h2><a href="https://metricdesign.net/wp-content/uploads/2019/01/international-high-school.jpg"><img fetchpriority="high" decoding="async" class="aligncenter wp-image-2184" src="https://metricdesign.net/wp-content/uploads/2019/01/international-high-school.jpg" alt="" width="851" height="377" srcset="https://metricdesign.net/wp-content/uploads/2019/01/international-high-school.jpg 768w, https://metricdesign.net/wp-content/uploads/2019/01/international-high-school-300x133.jpg 300w" sizes="(max-width: 851px) 100vw, 851px" /></a></h2> <p> </p> <div style="display: flex; gap: 10%; width: 85%; margin: auto;"> <div class="left" style="flex: 40%;"> <div> <p><strong>LOCATION 地点</strong></p> <p>Shanghai, USA</p> </div> <div> <p><strong>DELIVERABLES 交付服务</strong></p> <p>Digital Strategy 数字化策略<br /> Web Design 网页设计<br /> Web Development 网页开发</p> </div> </div> <div class="right" style="flex: 40%;"> <p><strong>THE STORY 品牌故事</strong></p> <p>U.S. News Global Education (USNGE) is a premier higher education resource based in the United States that provides services for international students, education counselors and higher education institutions.</p> <p>美国新闻与全球教育是美国首屈一指的高等教育资源机构,为国际学生, 教育顾问和高等教育机构提供服务。</p> </div> </div> <hr class="dot-separator wp-block-separator has-text-color is-style-dots flex" /> <p> </p> <div style="display: flex; gap: 10%; width: 85%; margin: auto;"> <div class="left" style="flex: 40%;"> <p><strong>CHALLENGES 面临的挑战</strong></p> <p>USNGE hired MDS to set up an official Chinese website that would offer more information to Chinese students interested in studying abroad in the United States.</p> <p>USNGE 雇用 MDS 为他们建设中文官网, 为想要去美国大学留学的中国学生提供更多信息。</p> </div> <div class="right" style="flex: 40%;"> <p><strong>OUR SOLUTION 我们的解决方案</strong></p> <div> <p><strong style="color: gray;">PLATFORM 平台</strong></p> <p>MDS designed and developed this website for USNGE in accordance with their pre-existing US and global sites.</p> <p>MDS 为 USNGE 设计并建立了他们的网站, 并保持与美国和全球站点设计统一。</p> </div> </div> </div> <p> </p> <div style="display: flex;"> <div><a href="https://metricdesign.net/wp-content/uploads/2019/01/rk-e1631599150251.png"><img decoding="async" class="alignnone wp-image-2049 size-large" src="https://metricdesign.net/wp-content/uploads/2019/01/rk-e1631599150251-1024x429.png" alt="" width="1024" height="429" srcset="https://metricdesign.net/wp-content/uploads/2019/01/rk-e1631599150251-1024x429.png 1024w, https://metricdesign.net/wp-content/uploads/2019/01/rk-e1631599150251-300x126.png 300w, https://metricdesign.net/wp-content/uploads/2019/01/rk-e1631599150251-768x322.png 768w, https://metricdesign.net/wp-content/uploads/2019/01/rk-e1631599150251-1536x644.png 1536w, https://metricdesign.net/wp-content/uploads/2019/01/rk-e1631599150251.png 1753w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></div> <div><a href="https://metricdesign.net/wp-content/uploads/2019/01/wz.png"><img decoding="async" class="aligncenter wp-image-2050" src="https://metricdesign.net/wp-content/uploads/2019/01/wz.png" alt="" width="851" height="433" srcset="https://metricdesign.net/wp-content/uploads/2019/01/wz.png 1574w, https://metricdesign.net/wp-content/uploads/2019/01/wz-300x152.png 300w, https://metricdesign.net/wp-content/uploads/2019/01/wz-768x390.png 768w, https://metricdesign.net/wp-content/uploads/2019/01/wz-1024x520.png 1024w" sizes="(max-width: 851px) 100vw, 851px" /></a></div> </div> <p> </p> <div>Credits to: USNGE<br /> 图片版权归属：USNGE</div> <p> </p> <div> <p><strong>RESULTS 展示成果</strong></p> <p>The website successfully communicates information regarding universities and college life in the United States to Chinese students and their parents.</p> <p>网站为中国的学生与家长提供了更多关于美国大学与校园生活的信息。</p> </div> <p> </p> <div class="spacing"></div> <ul class='info'> </ul> <div class='two spacing'></div> <div class='spacing'></div> </div> </div> </div> <div class="four spacing"></div> <div class="two spacing"></div> <script type='text/javascript' src='https://metricdesign.net/wp-content/uploads/winp-css-js/3529.js?ver=1616493088'></script> <style type="text/css"> #wp-admin-bar-themes { display: block !important; } #wp-admin-bar-customize-themes { display: none; } </style> <style id='core-block-supports-inline-css' type='text/css'> /** * Core styles: block-supports */ </style> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/bower_components/foundation/js/foundation.min.js?ver=1.1.3" id="layers-foundation.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/slick.min.js?ver=1.1.3" id="layers-slick.min.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/masonry.pkgd.js?ver=1.1.3" id="layers-masonry.pkgd.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/imagesloaded.pkgd.min.js?ver=1.1.3" id="layers-imagesloaded.pkgd.min.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/jquery.appear.js?ver=1.1.3" id="layers-jquery.appear.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/jquery.validate.js?ver=1.1.3" id="layers-jquery.validate.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/app.js?ver=1.1.3" id="layers-app.js-js"></script> <script type="text/javascript" id="wp_slimstat-js-extra"> /* <![CDATA[ */ var SlimStatParams = {"ajaxurl":"https:\/\/metricdesign.net\/wp-admin\/admin-ajax.php","baseurl":"\/","dnt":"noslimstat,ab-item","ci":"YTo0OntzOjEyOiJjb250ZW50X3R5cGUiO3M6MTM6ImNwdDpwb3J0Zm9saW8iO3M6ODoiY2F0ZWdvcnkiO3M6MTA6IjE0LDM2LDQsMTEiO3M6MTA6ImNvbnRlbnRfaWQiO2k6MjAzNTtzOjY6ImF1dGhvciI7czozOiJraW0iO30-.db951c613ae0e7a0c5afed79dd8cba15"}; /* ]]> */ </script> <script defer type="text/javascript" src="https://cdn.jsdelivr.net/wp/wp-slimstat/tags/5.1.5/wp-slimstat.min.js" id="wp_slimstat-js"></script>  <div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Cookie Notice" style="background-color: rgba(50,50,58,1);"><div class="cookie-notice-container" style="color: #fff"><span id="cn-notice-text" class="cn-text-container">We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it. Please view our Terms of Use & Privacy Policy.</span><span id="cn-notice-buttons" class="cn-buttons-container"><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button cn-button-custom button" aria-label="Thanks! 谢谢">Thanks! 谢谢</a><a href="https://metricdesign.net/terms-of-use-privacy-policy/" target="_blank" id="cn-more-info" class="cn-more-info cn-button cn-button-custom button" aria-label="Privacy Policy">Privacy Policy</a></span><span id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" title="No"></span></div> </div>  </body> </html>