{"id":5903,"date":"2016-08-03T00:00:00","date_gmt":"2016-08-03T00:00:00","guid":{"rendered":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost\/"},"modified":"2023-03-13T10:21:07","modified_gmt":"2023-03-13T14:21:07","slug":"responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost","title":{"rendered":"Responsive-Aware and Mobile-Aware Design See Gains as Marketers Focus on Production Cost"},"content":{"rendered":"

Seventy-seven percent of B2C brands have adopted mobile-friendly email design<\/a> approaches, up from 56% a year ago, according to joint research between Litmus and Salesforce into mobile-friendly trends<\/a>. However, those gains were not the result of brands adopting sophisticated responsive and hybrid email design<\/a>.<\/p>\n

Instead, they were the result of brands adopting mobile-aware design and responsive-aware design<\/a>.<\/p>\n

\n
\"[CHART]Popularity-of-Email-Design-Approaches\"<\/a><\/figure>\n<\/figure>\n
<\/figure>\n

Tweet this chart \u2192<\/a><\/p>\n

Mobile-aware and responsive-aware emails are popular because they are easier to produce than hybrid emails and fully responsive emails, which essentially involve designing and coding at least two versions of every email\u2014one optimized for desktops and another optimized for smartphones. By designing a single-column email with large images and text and large, well-spaced buttons and links, mobile-aware design allows marketers to create a single email design that works across all screen sizes.<\/p>\n

Responsive-aware design uses responsive elements mainly for the header, navigation bar, and footer of an email. Since these sections tend to have small text and tightly clustered links in desktop versions, they benefit the most from this approach. They\u2019re also the part of an email that rarely changes, so this coding can be worked into your template using partials<\/a> and reused without the need to touch the code between sends.<\/p>\n

The Potential Downside of this Trend<\/h2>\n

Efficiency in an email marketing production process is great. As we highlighted in our State of Email Production report<\/a>, a range of tools can be used to speed up production, including Emmet<\/a>, task runners, static site generators<\/a>, and email templates<\/a> built with the design approach that best suits your operations.<\/p>\n

However, be careful that you\u2019re not defining efficient as \u201clow cost.\u201d You should pay greater attention to the subscriber experience and return on investment, as these are higher order markers of efficiency. Yes, responsive and hybrid email design approaches require more production time and more highly trained email developers. But those additional costs might easily pay for themselves and then some by delivering a more compelling email experience to your subscribers.<\/p>\n

\n\n\n\n
\"\"<\/td>\n\n

Add responsive designs into your workflow<\/h2>\n

Kickstart your next campaign with one of Litmus’ pre-tested (and free!) templates. Each template comes with a responsive, hybrid, and mobile-aware version that can be used with any ESP.<\/p>\n

Access the templates \u2192<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

The adoption of mobile-aware and responsive-aware design was responsible for most of the increase in mobile-friendly emails over the past year. That’s because these design approaches make it much easier to produce emails compared to hybrid and fully responsive design.<\/p>\n","protected":false},"author":3,"featured_media":5904,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[478,179,1344],"blog_category":[57],"class_list":["post-5903","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-design","tag-responsive-email","tag-templates","blog_category-observations"],"yoast_head":"\nResponsive-Aware and Mobile-Aware Design See Gains as Marketers Focus on Production Cost - Litmus<\/title>\n<meta name=\"description\" content=\"The adoption of mobile-aware and responsive-aware design was responsible for most of the increase in mobile-friendly emails over the past year. That's because these design approaches make it much easier to produce emails compared to hybrid and fully responsive design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive-Aware and Mobile-Aware Design See Gains as Marketers Focus on Production Cost\" \/>\n<meta property=\"og:description\" content=\"The adoption of mobile-aware and responsive-aware design was responsible for most of the increase in mobile-friendly emails over the past year. That's because these design approaches make it much easier to produce emails compared to hybrid and fully responsive design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost\" \/>\n<meta property=\"og:site_name\" content=\"Litmus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/litmusapp\" \/>\n<meta property=\"article:published_time\" content=\"2016-08-03T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-13T14:21:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/responsive-aware-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1380\" \/>\n\t<meta property=\"og:image:height\" content=\"724\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@litmusapp\" \/>\n<meta name=\"twitter:site\" content=\"@litmusapp\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Responsive-Aware and Mobile-Aware Design See Gains as Marketers Focus on Production Cost - Litmus","description":"The adoption of mobile-aware and responsive-aware design was responsible for most of the increase in mobile-friendly emails over the past year. That's because these design approaches make it much easier to produce emails compared to hybrid and fully responsive design.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost","og_locale":"en_US","og_type":"article","og_title":"Responsive-Aware and Mobile-Aware Design See Gains as Marketers Focus on Production Cost","og_description":"The adoption of mobile-aware and responsive-aware design was responsible for most of the increase in mobile-friendly emails over the past year. That's because these design approaches make it much easier to produce emails compared to hybrid and fully responsive design.","og_url":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2016-08-03T00:00:00+00:00","article_modified_time":"2023-03-13T14:21:07+00:00","og_image":[{"width":1380,"height":724,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/responsive-aware-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@litmusapp","twitter_site":"@litmusapp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost"},"author":{"name":"","@id":""},"headline":"Responsive-Aware and Mobile-Aware Design See Gains as Marketers Focus on Production Cost","datePublished":"2016-08-03T00:00:00+00:00","dateModified":"2023-03-13T14:21:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost"},"wordCount":382,"commentCount":0,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/responsive-aware-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost.png","keywords":["Design","Responsive Email","Templates"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost","url":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost","name":"Responsive-Aware and Mobile-Aware Design See Gains as Marketers Focus on Production Cost - Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/responsive-aware-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost.png","datePublished":"2016-08-03T00:00:00+00:00","dateModified":"2023-03-13T14:21:07+00:00","description":"The adoption of mobile-aware and responsive-aware design was responsible for most of the increase in mobile-friendly emails over the past year. That's because these design approaches make it much easier to produce emails compared to hybrid and fully responsive design.","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/responsive-aware-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/responsive-aware-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost.png","width":1380,"height":724},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/responsive-aware-and-mobile-aware-design-see-gains-as-marketers-focus-on-production-cost#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"Responsive-Aware and Mobile-Aware Design See Gains as Marketers Focus on Production Cost"}]},{"@type":"WebSite","@id":"https:\/\/www.litmus.com\/#website","url":"https:\/\/www.litmus.com\/","name":"Litmus","description":"Are you getting the most out of your email marketing?","publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.litmus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.litmus.com\/#organization","name":"Litmus Software","url":"https:\/\/www.litmus.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","width":600,"height":314,"caption":"Litmus Software"},"image":{"@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/litmusapp","https:\/\/x.com\/litmusapp"]},{"@type":"Person","@id":""}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/5903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=5903"}],"version-history":[{"count":1,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/5903\/revisions"}],"predecessor-version":[{"id":63525,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/5903\/revisions\/63525"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media\/5904"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=5903"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=5903"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=5903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}