{"id":7423,"date":"2017-04-12T18:30:03","date_gmt":"2017-04-12T13:00:03","guid":{"rendered":"https:\/\/email.uplers.com\/blogs\/?p=7423"},"modified":"2024-11-13T15:22:27","modified_gmt":"2024-11-13T09:52:27","slug":"visual-hierarchy-emails-importance-hero-image","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/","title":{"rendered":"Visual Hierarchy in Emails &#038; the Importance of a Hero Image"},"content":{"rendered":"\n\n\n\n<p>As stats and <a href=\"https:\/\/books.google.co.in\/books?id=5UcLAAAAQBAJ&amp;pg=PT64&amp;lpg=PT64&amp;dq=psychology+-+visual+cues+help+us+to+better+retrieve+and+remember+information.&amp;source=bl&amp;ots=VSMQrSqUHU&amp;sig=bYlfkDOoHKJw5uc7XxwfHR4MSCg&amp;hl=en&amp;sa=X&amp;ved=0ahUKEwj8w9H3zZHTAhUrBMAKHS02DH0Q6AEIOjAE#v=onepage&amp;q=psychology%20-%20visual%20cues%20help%20us%20to%20better%20retrieve%20and%20remember%20information.&amp;f=false\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">studies<\/a> indicate, visual cues help us better retrieve and remember information. Since our brain processes visual images more easily as compared to words, visuals have an edge over text.<\/p>\n\n\n\n<p>We are naturally drawn to colors, contrasting patterns, typography, textures and shapes used in emails and otherwise. But there is one more thing that matters a lot in emails- the position, orientation and size of the visuals.<!--HubSpot Call-to-Action Code --><span id=\"hs-cta-wrapper-208f331a-4428-4d94-ace7-e6f0950f53b5\" class=\"hs-cta-wrapper\"><span id=\"hs-cta-208f331a-4428-4d94-ace7-e6f0950f53b5\" class=\"hs-cta-node hs-cta-208f331a-4428-4d94-ace7-e6f0950f53b5\"><!-- [if lte IE 8]>\n\n\n<div id=\"hs-cta-ie-element\"><\/div>\n\n\n<![endif]--><\/span><\/span><!-- end HubSpot Call-to-Action Code --><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A GLIMPSE INTO VISUAL HIERARCHY FOR EMAILS<\/h2>\n\n\n\n<p>Understanding how the visual pattern works, designers and marketers have been working around the term -\u2018Visual Hierarchy\u2019. This is the process of organization and prioritization of content or images in a way that it draws a step-by-step attention to the most important factor or feature in the email &#8211; enabling your information to be scanned and understood easily.<\/p>\n\n\n\n<p>Here, prioritizing the information is extremely crucial. As shown in the image below, visual hierarchy is like a pyramid &#8211; with the most important elements placed at the top (in larger and bolder fonts) the information is gradually aligned as per its importance, as you go down.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"471\" height=\"326\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/vh.png\" alt=\"Visual hierarchy\" class=\"wp-image-7530\"\/><\/figure><\/div>\n\n\n\n<p>As an email marketer, it becomes a challenge to grasp leads not only because of the increasing competitions (with brand marketers trying every trick in the book), but grabbing the attention of your subscriber is nonetheless a task too.<\/p>\n\n\n\n<p>Visual hierarchy can be of great help here. Patterns observed in the typography, colors, font size, placement, etc. of the email decide the attraction quotient of your email.<\/p>\n\n\n\n<p>To know if you\u2019re actually doing things right, the best method marketers swear by is the \u201csquint test\u201d.<\/p>\n\n\n\n<p>Yes, it\u2019s exactly what the name suggests. All you have to do is just sit back from your computer screen so that the visual is completely and clearly visible, then squint at your design so that all the details blur and you just see what <strong>STANDS OUT<\/strong> (It\u2019s actually pretty awesome!).<\/p>\n\n\n\n<p>If you\u2019re pleased with what you see and want your subscribers to see exactly that, then you\u2019re good to go ahead with it \u2013 if not, <a href=\"https:\/\/email.uplers.com\/psd-to-email-html-conversion-service\/\" target=\"_blank\" rel=\"noopener noreferrer\">give your email template a new design<\/a>.<\/p>\n\n\n\n<p>Play around with colors, contrasts, textures, shapes, positions, orientation, and sizes. Getting all these elements in order can give your subscribers an idea of what is the highlight of your email.<\/p>\n\n\n\n<p>Here\u2019s a great email by <a href=\"https:\/\/www.invisionapp.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">InVision<\/a> in which they have used visual hierarchy aptly. Have a look!<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-email-Invision-564x1024.jpg\" alt=\"Designing for email-Invision\" class=\"wp-image-7431\" title=\"Designing for email-Invision\"\/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>The email highlights the important information in a bright pink color.<\/li><li>Overall, it\u2019s a simple and minimal email with the necessary information in place.<\/li><li>You can see the flow of the information in terms of an inverted triangle- with general information at the top the message is narrowing down towards a CTA.<\/li><\/ul>\n\n\n\n<p>Let\u2019s check out another example of great visual hierarchy. The footwear brand TOMS has some amazing emails that are aesthetically perfect and pleasing to the eyes.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"595\" height=\"1759\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-email-Toms2.jpg\" alt=\"Designing for email-Toms\" class=\"wp-image-7437\" title=\"Designing for email-Toms\"\/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>It\u2019s a simple, to-the-point email with a beautiful hero image. However, since the entire content is in an image form, having contrasting alt tabs is a great way in case the image is not rendered.<\/li><li>The headline is catchy and the use of typography makes the email look very attractive.<\/li><li>The CTA tabs stand out and make their purpose clear.<\/li><li>You can try the squint test here and see how well the CTAs and title stand out, grabbing maximum attention.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">HERO IMAGE \u2013 YOUR SUPERPOWER<\/h2>\n\n\n\n<p>A major role in attracting and grabbing the attention of the subscriber is also played by the hero image within your email. This image is often the first visual your subscriber encounters and it encapsulates the overview of the most important content.<\/p>\n\n\n\n<p>A hero image mainly consists of image and text. It can be static or dynamic depending on the brands and their preferences. Lately, many brands have been seen playing around with GIFs, videos and cinemagraphs in their hero images, such as GIFs, videos, and cinemagraphs, and have even begun using an <a href=\"https:\/\/depositphotos.com\/ai-image-generator.html\" target=\"_blank\" rel=\"noreferrer noopener\">AI image generator<\/a> to create visually striking content.<\/p>\n\n\n\n<p>Here\u2019s a stunning example from the luxury fashion brand Burberry, which has been playing around with its promotional emails and has brought together beautiful and catchy GIFs and Videos apart from static images within their hero image.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\n<h3>GIF in Hero Image<\/h3>\n<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"897\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-email-Burberry-GIF.gif\" alt=\"Designing for email-Burberry GIF\" class=\"wp-image-7428\" title=\"Designing for email-Burberry GIF\"\/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>\n<h3>Video In Hero Image<\/h3>\n<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"465\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-email-Burberry-Video.gif\" alt=\"Designing for email-Burberry Video\" class=\"wp-image-7429\" title=\"Designing for email-Burberry Video\"\/><\/figure><\/div>\n\n\n\n<p>Let\u2019s take a look at a cinemagraph email by Mr. Porter, a global online retail destination for men&#8217;s style. Here\u2019s a glimpse of it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7434 size-full\" title=\"Designing for emailMr-Porter GIF\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-emailMr-Porter-GIF.gif\" alt=\"Designing for emailMr-Porter GIF\" width=\"322\" height=\"2648\"\/>HERO IMAGE BEST PRACTICES<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Use HD Quality Images<\/h3>\n\n\n\n<p>Make sure to use good HD quality images for your hero image. Since it\u2019s the first thing a subscriber sees once the email is opened, it tends to make an impact and say a lot about your brand.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7433 size-large\" title=\"Designing for email-Modcloth\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-email-Modcloth-292x1024.jpg\" alt=\"Designing for email-Modcloth\" width=\"292\" height=\"1024\"\/><\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">2. Must Appeal &amp; Connect<\/h3>\n\n\n\n<p>The hero image must appeal and connect with your brand and products. At the same time, the <a href=\"https:\/\/email.uplers.com\/blog\/email-design-best-practices\/\" target=\"_blank\" rel=\"noopener noreferrer\">designs<\/a>, <a href=\"https:\/\/email.uplers.com\/blog\/choose-right-colors-holiday-emails\/\" target=\"_blank\" rel=\"noopener noreferrer\">contrasting colors<\/a>, <a href=\"https:\/\/email.uplers.com\/blog\/challenge-the-challenges-of-typography-to-power-up-your-email-experience\/\" target=\"_blank\" rel=\"noopener noreferrer\">typography<\/a>, etc. must stand out and connect with subscribers as well. Having relevant information that engages the subscriber is also very important.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7435 size-full\" title=\"Designing for email-Toms 1\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-email-Toms-1.jpg\" alt=\"Designing for email-Toms 1\" width=\"600\" height=\"1689\"\/><\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">3. Emphasize on the CTA<\/h3>\n\n\n\n<p>Most static hero images tend to have at least one CTA in a contrasting color. This is a great way to have the CTA above the fold in your email since it can really help in conversions and increase click-through rates.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7436 size-full\" title=\"Designing for email-Toms\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-email-Toms.jpg\" alt=\"Designing for email-Toms\" width=\"601\" height=\"1973\"\/><\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">4. Play Around With Designs<\/h3>\n\n\n\n<p>If you\u2019re thinking of trying something new apart from <a href=\"https:\/\/email.uplers.com\/blog\/essential-of-using-animated-gifs-in-email\/\" target=\"_blank\" rel=\"noopener noreferrer\">GIFs<\/a>, cinemagraphs or static images as your hero image, then illustrations are your best bet. They connect instantly and give a peppy feel to your email.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7432 size-large\" title=\"Designing for email-Mini-Boden\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-email-Mini-Boden-485x1024.jpg\" alt=\"Designing for email-Mini-Boden\" width=\"485\" height=\"1024\"\/><\/h2>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7438 size-full\" title=\"Designing for email-uncommon goods\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-email-uncommon-goods.jpg\" alt=\"Designing for email-uncommon goods\" width=\"564\" height=\"3960\"\/><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">WRAPPING UP<\/h2>\n\n\n\n<p>With time the perceptions of people and marketers alike have changed. Visuals now speak for themselves and with<a href=\"https:\/\/email.uplers.com\/email-marketing-campaign-management-services\/\" target=\"_blank\" rel=\"noopener noreferrer\"> the email marketing world<\/a> constantly improving and experimenting with their visuals, email designs have evolved.<\/p>\n\n\n\n<p>If you <a href=\"https:\/\/email.uplers.com\/email-template-production-services\/\" target=\"_blank\" rel=\"noopener noreferrer\">wish to send such stunning visuals<\/a> to your subscribers, We have been working on some amazing designs for emails and we\u2019d love to chat about them with you!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As stats and studies indicate, visual cues help us better retrieve and remember information. Since our brain processes visual images more easily as compared to words, visuals have an edge over text. We are naturally drawn to colors, contrasting patterns, typography, textures and shapes used in emails and otherwise. But there is one more thing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7494,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[381],"tags":[713],"class_list":["post-7423","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-design","tag-designing-for-email"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Visual Hierarchy in Emails &amp; the Importance of a Hero Image<\/title>\n<meta name=\"description\" content=\"Visuals now speak for themselves and with the email marketing world constantly improving and experimenting with their visuals, email designs have evolved.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual Hierarchy in Emails &amp; the Importance of a Hero Image\" \/>\n<meta property=\"og:description\" content=\"Visuals now speak for themselves and with the email marketing world constantly improving and experimenting with their visuals, email designs have evolved.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/\" \/>\n<meta property=\"og:site_name\" content=\"Email Uplers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/email.uplers\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-12T13:00:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-13T09:52:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-emails-Visual-Hierarchy-in-Emails-the-Importance-of-a-Hero-Image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"217\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kevin George\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:site\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kevin George\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/\",\"name\":\"Visual Hierarchy in Emails & the Importance of a Hero Image\",\"isPartOf\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-emails-Visual-Hierarchy-in-Emails-the-Importance-of-a-Hero-Image.jpg\",\"author\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa\"},\"description\":\"Visuals now speak for themselves and with the email marketing world constantly improving and experimenting with their visuals, email designs have evolved.\",\"breadcrumb\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/#primaryimage\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-emails-Visual-Hierarchy-in-Emails-the-Importance-of-a-Hero-Image.jpg\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-emails-Visual-Hierarchy-in-Emails-the-Importance-of-a-Hero-Image.jpg\",\"width\":\"1170\",\"height\":\"470\",\"caption\":\"Designing for emails - Visual Hierarchy in Emails & the Importance of a Hero Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/email.uplers.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visual Hierarchy in Emails &#038; the Importance of a Hero Image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\",\"url\":\"https:\/\/email.uplers.com\/blog\/\",\"name\":\"Email Uplers\",\"description\":\"Email Marketing Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/email.uplers.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa\",\"name\":\"Kevin George\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png\",\"caption\":\"Kevin George\"},\"description\":\"Kevin is the Head of Marketing at Email Uplers, one of the fastest-growing full-service email marketing companies. He is an email enthusiast at heart and loves to pen down email marketing content. You can reach him at kevin.g@uplers.com or connect with him on LinkedIn.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/kevin-george-email\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visual Hierarchy in Emails & the Importance of a Hero Image","description":"Visuals now speak for themselves and with the email marketing world constantly improving and experimenting with their visuals, email designs have evolved.","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:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/","og_locale":"en_US","og_type":"article","og_title":"Visual Hierarchy in Emails & the Importance of a Hero Image","og_description":"Visuals now speak for themselves and with the email marketing world constantly improving and experimenting with their visuals, email designs have evolved.","og_url":"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/","og_site_name":"Email Uplers","article_publisher":"https:\/\/www.facebook.com\/email.uplers\/","article_published_time":"2017-04-12T13:00:03+00:00","article_modified_time":"2024-11-13T09:52:27+00:00","og_image":[{"url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-emails-Visual-Hierarchy-in-Emails-the-Importance-of-a-Hero-Image.jpg","width":540,"height":217,"type":"image\/jpeg"}],"author":"Kevin George","twitter_card":"summary_large_image","twitter_creator":"@email_uplers","twitter_site":"@email_uplers","twitter_misc":{"Written by":"Kevin George","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/","url":"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/","name":"Visual Hierarchy in Emails & the Importance of a Hero Image","isPartOf":{"@id":"https:\/\/email.uplers.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/#primaryimage"},"image":{"@id":"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/#primaryimage"},"thumbnailUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-emails-Visual-Hierarchy-in-Emails-the-Importance-of-a-Hero-Image.jpg","author":{"@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa"},"description":"Visuals now speak for themselves and with the email marketing world constantly improving and experimenting with their visuals, email designs have evolved.","breadcrumb":{"@id":"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/#primaryimage","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-emails-Visual-Hierarchy-in-Emails-the-Importance-of-a-Hero-Image.jpg","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/04\/Designing-for-emails-Visual-Hierarchy-in-Emails-the-Importance-of-a-Hero-Image.jpg","width":"1170","height":"470","caption":"Designing for emails - Visual Hierarchy in Emails & the Importance of a Hero Image"},{"@type":"BreadcrumbList","@id":"https:\/\/email.uplers.com\/blog\/visual-hierarchy-emails-importance-hero-image\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/email.uplers.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Visual Hierarchy in Emails &#038; the Importance of a Hero Image"}]},{"@type":"WebSite","@id":"https:\/\/email.uplers.com\/blog\/#website","url":"https:\/\/email.uplers.com\/blog\/","name":"Email Uplers","description":"Email Marketing Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/email.uplers.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa","name":"Kevin George","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png","caption":"Kevin George"},"description":"Kevin is the Head of Marketing at Email Uplers, one of the fastest-growing full-service email marketing companies. He is an email enthusiast at heart and loves to pen down email marketing content. You can reach him at kevin.g@uplers.com or connect with him on LinkedIn.","sameAs":["https:\/\/www.linkedin.com\/in\/kevin-george-email\/"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/7423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/comments?post=7423"}],"version-history":[{"count":40,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/7423\/revisions"}],"predecessor-version":[{"id":41568,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/7423\/revisions\/41568"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media\/7494"}],"wp:attachment":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media?parent=7423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/categories?post=7423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/tags?post=7423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}