{"id":97403,"date":"2021-03-03t10:38:25","date_gmt":"2021-03-03t15:38:25","guid":{"rendered":"http:\/\/www-live-app-1111654090.us-east-1.elb.amazonaws.com\/?page_id=97403"},"modified":"2023-08-29t16:58:33","modified_gmt":"2023-08-29t20:58:33","slug":"interactive-infographics","status":"publish","type":"page","link":"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/","title":{"rendered":"interactive infographics"},"content":{"rendered":"<div class=\"full-width site-banner wp-block-acf-brafton-banner-block\" style=\"background-image:url(\/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/interactive-assets_hero.png);background-position:center center;\">\n                <div class=\"wrap cf\">\n            <div class=\"innerblockcontainer\">\n                \n\n<h1 class=\"has-text-align-center has-white-color has-text-color\">interactive infographics<\/h1>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color\">digital engagement is at a premium. generic text, stock imagery and static content are out \u2013 interactive content is in. take your content marketing strategy to the next level with graphics your audience can <em>literally<\/em> engage with.<\/p>\n\n\n<div class=\"m-form-container \">\n <form id=\"mktoform_1177\"><\/form>\n<script>mktoforms2.loadform(\"\/\/app-ab37.marketo.com\", \"593-mit-442\", 1177, function(form){\n    \n        form.addhiddenfields({\"gclid__c\": getgclid()});\n    \n    });<\/script>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color\" style=\"font-size:15px\"><em>by entering your email address, you agree to receive emails from brafton in accordance with our <a href=\"\/privacy\/\" target=\"_blank\" rel=\"noreferrer noopener\">privacy policy<\/a>. you may unsubscribe from these communications at any time.<\/em><\/p>\n\n\n            <\/div>\n        <\/div>\n<\/div>\n\n\n<section id=\"block_6290d93927365\" class=\"brafton-blocks brafton-block__list full-width wp-block-acf-list-row-container brafton-block columns-5\" style=\"\">\n    <div class=\"wrap cf\">\n        \n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column is-vertically-aligned-center\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"\/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/about-brafton-assets_3_mission.png\" alt=\"\" width=\"547\" height=\"856\"\/><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:60%\">\n<h2>how we make eye-catching interactive infographics<\/h2>\n\n\n\n<p>if your brand has big dreams, we\u2019ve got big content.<\/p>\n\n\n\n<p>when you work with brafton, you\u2019ll have direct access to a team of content marketing professionals ready to support your goals, headed up by a project manager and content marketing strategist who get to know your brand, audience and goals very well.<\/p>\n\n\n\n<p>our in-house team of expert graphic designers creates eye-catching branded visuals for their clients. they work closely with our animation and web development teams to create an interactive design that\u2019ll captivate and educate your site visitors.<\/p>\n\n\n\n<p>once complete, we\u2019ll build a search engine-optimized landing page to show off and promote your new infographic design. as a full-service content marketing agency, we know the work doesn\u2019t end with the delivery of the asset. a strong seo and content marketing strategy to support the launch and distribution of your interactive infographic is essential for producing the results you need.<\/p>\n\n\n\n<p>your dedicated team of marketing professionals will devise a distribution strategy to ensure the right people see your most important pieces of visual content.<\/p>\n\n\n\n<p>interactive infographics are the next frontier in content marketing, enabling your site visitors to directly interact with your brand. your readers become active participants in your brand\u2019s content.<\/p>\n<\/div>\n<\/div>\n\n\n    <\/div>\n<\/section>\n\n\n<section id=\"block_6290d98527366\" class=\"brafton-blocks brafton-block__list full-width wp-block-acf-list-row-container brafton-block columns-5\" style=\"background-color:#eaedf2;\">\n    <div class=\"wrap cf\">\n        \n\n<h2 class=\"has-text-align-center\">interactive infographic examples<\/h2>\n\n\n\n<p class=\"has-text-align-center\">click on each interactive infographic example to see it in action:<\/p>\n\n\n\n<div class=\"wp-block-columns examples\">\n<div class=\"wp-block-column\">\n<a class=\"example\" style=\"background-image: url('\/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/objectwave.png');\" href=\"https:\/\/tech.brafton.com\/interactive-graphics\/objectwave\/objectwave-interactive-graphic\/\" target=\"_blank\"><span>hover over each interactive element to see the services our client offers.<\/span><\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<a class=\"example\" style=\"background-image: url('\/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/singlehop.png');\" href=\"https:\/\/tech.brafton.com\/interactive-graphics\/singlehop\/new_graphic.html\" target=\"_blank\"><span>test your aws knowledge with this quiz. what questions would you ask your audience?<\/span><\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<a class=\"example\" style=\"background-image: url('\/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/2018-01-24-12_43_17-redvector_-online-safety-training-infographic.png');\" href=\"https:\/\/tech.brafton.com\/interactive-graphics\/redvector\/\" target=\"_blank\"><span>learn about occupational health and safety with this animated infographic.<\/span><\/a>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<h2 class=\"has-text-align-center\">what is an interactive infographic?<\/h2>\n\n\n\n<div class=\"revealer\">+<\/div>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns reveal-text\">\n<div class=\"wp-block-column\">\n<p class=\"has-text-align-center\">interactive infographics are data-rich, visually compelling and engaging infographics that also utilize animation so users can \u201cinteract\u201d with the design. in essence, viewers can discover information on their own by scrolling, clicking, unfolding, panning and zooming over the infographic. these movements trigger the functions within the design to display<br>additional content.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>common examples include:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\"><\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"160\" height=\"149\" src=\"https:\/\/www.dev.websites.brafton.com\/wp-content\/uploads\/2018\/01\/interactive-assets_2_maps.png\" alt=\"\" class=\"wp-image-97146\"\/><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center\"><strong>maps\/globes<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"206\" height=\"151\" src=\"https:\/\/www.dev.websites.brafton.com\/wp-content\/uploads\/2018\/01\/interactive-assets_3_how-to.png\" alt=\"\" class=\"wp-image-97147\"\/><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center\"><strong>how-to guides<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"150\" height=\"140\" src=\"https:\/\/www.dev.websites.brafton.com\/wp-content\/uploads\/2018\/01\/interactive-assets_4_timelines.png\" alt=\"\" class=\"wp-image-97148\"\/><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center\"><strong>timelines<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\"><\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"218\" height=\"148\" src=\"https:\/\/www.dev.websites.brafton.com\/wp-content\/uploads\/2018\/01\/interactive-assets_5_flowcharts.png\" alt=\"\" class=\"wp-image-97149\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong>flowcharts<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"212\" height=\"149\" src=\"https:\/\/www.dev.websites.brafton.com\/wp-content\/uploads\/2018\/01\/interactive-assets_6_informational.png\" alt=\"\" class=\"wp-image-97150\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong>informational charts<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"230\" height=\"149\" src=\"https:\/\/www.dev.websites.brafton.com\/wp-content\/uploads\/2018\/01\/interactive-assets_7_questions-quizzes.png\" alt=\"\" class=\"wp-image-97151\" srcset=\"\/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/interactive-assets_7_questions-quizzes.png 230w, \/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/interactive-assets_7_questions-quizzes-220x143.png 220w\" sizes=\"(max-width: 230px) 100vw, 230px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong>custom questions\/quizzes<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\"><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center\">interactive infographics are superior forms of static infographics, as they allow for more interesting data visualization, dynamism in the types of information that can be presented and greater user engagement.<\/p>\n\n\n\n<p class=\"has-text-align-center\">interactive elements can easily turn a good infographic into a great infographic.<\/p>\n<\/div>\n<\/div>\n\n\n    <\/div>\n<\/section>\n\n\n<style>\nh2#typewriter {\n  opacity: 0;\n  overflow: hidden;\n  border-right: .15em solid #8cc040;\n  white-space: nowrap;\n  margin: .5em auto;\n  letter-spacing: .05em;\n}\n.revealer {\n\tcursor: pointer;\n\tfont-size: 4em;\n\ttext-align: center;\n}\n.revealer:hover {\n  color: #8cc040;\n}\n.reveal-text {\n  display: none;\n}\n.examples a.example {\n\twidth: 100%;\n\theight: 250px;\n\tbackground-size: 50%;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center center;\n\tbackground-color: #fff;\n\tborder: 5px solid #cbd2df;\n\tdisplay: block;\n\tmargin: 3em 0 6em;\n\tposition: relative;\n}\n.examples a.example span {\n  position: absolute;\n  width: 100%;\n  left: 0;\n  display: block;\n  bottom: -34%;\n  color: #000;\n}\n.reveal-text ul li {\n  -webkit-flex: 1 0 auto;\n  -ms-flex: 1 0 auto;\n  flex: 1 0 auto;\n  padding: 1em;\n  width: 250px;\n}\n.reveal-text ul {\n  margin-bottom: 2em;\n  flex-wrap: wrap;\n  justify-content: center;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n}\n.reveal-text ul li img {\n  height: 140px;\n  width: auto;\n}\n.page-template-template-build-a-page-gutenberg section ul.how { list-style-type: none; margin-left: 0; padding-left: 0}\n.page-template-template-build-a-page-gutenberg section ul.how li { opacity: 0; }\nh3.underline {\n\tcolor: #8cc040;\n\tborder-bottom: 3px solid;\n\tpadding-bottom: 0.5em;\n\ttext-transform: uppercase;\n\tfont-size: 50px;\n\ttext-align: center;\n\tfont-weight: 700;\n}\nh3.uppercase { text-transform: uppercase; }\n.number {\n  margin: 0 auto;\n  width: 260px;\n  height: 200px;\n  background-image: url(\/wp-content\/themes\/brafton2016\/library\/images\/interactive-info-sa2dd6ccbfb.png);\n}\n.number.threehundatwenthree {\n  position: relative;\n  background-position: 10px 0;\n}\n.number.threehundatwenthree span {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  background-image: url(\/wp-content\/themes\/brafton2016\/library\/images\/interactive-info-sa2dd6ccbfb.png);\n  background-position: 10px -204px;\n  opacity: 0;\n}\n.number.thirsev {\n  position: relative;\n  background-position: 18px -845px;\n}\n.number.thirsev span {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  background-image: url(\/wp-content\/themes\/brafton2016\/library\/images\/interactive-info-sa2dd6ccbfb.png);\n  background-position: 18px -1049px;\n  opacity: 0;\n}\n.number.sevfour {\n  position: relative;\n  background-position: 20px -1690px;\n}\n.number.sevfour span {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  background-image: url(\/wp-content\/themes\/brafton2016\/library\/images\/interactive-info-sa2dd6ccbfb.png);\n  background-position: 20px -1894px;\n  opacity: 0;\n}\n.number.fortyone {\n  position: relative;\n  background-position: 16px -1260px;\n}\n.number.fortyone span {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  background-image: url(\/wp-content\/themes\/brafton2016\/library\/images\/interactive-info-sa2dd6ccbfb.png);\n  background-position: 16px -1478px;\n  opacity: 0;\n}\n.number.thirtyfive {\n  position: relative;\n  background-position: 5px -415px;\n}\n.number.thirtyfive span {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  background-image: url(\/wp-content\/themes\/brafton2016\/library\/images\/interactive-info-sa2dd6ccbfb.png);\n  background-position: 5px -633px;\n  opacity: 0;\n}\n.columns-5 \n@media only screen and (min-width: 768px){\n.examples a.example {\n  display: inline-block;\n  margin: 1em;\n}\n}\n<\/style>\n<script>\n\tjquery(document).ready(function($) {\n\t\t\/\/ toggle reveal text\n\t\t$('.revealer').click(function() {\n\t\t\t$('.reveal-text').fadetoggle();\n\t\t\t$(window).scroll(function() {\n\t\t\t\t$('.reveal-text ul li').each(function(i){\n\t\t\t\t\tvar object_bottom = $(this).position().top + $(this).outerheight() -50;\n\t\t\t\t\tvar window_bottom = $(window).scrolltop() + $(window).height();\n\t\t\t\t\tif (window_bottom > object_bottom) {\n\t\t\t\t\t\t$(this).animate({'opacity':'1'},1500);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t\/\/ fadein effect for interactivity\n\t\t$(window).scroll(function() {\n\t\t\t$('ul.how li').each(function(i){\n\t\t\t\tvar object_bottom = $(this).position().top + $(this).outerheight() -50;\n\t\t\t\tvar window_bottom = $(window).scrolltop() + $(window).height();\n\t\t\t\tif (window_bottom > object_bottom) {\n\t\t\t\t\t$(this).animate({'opacity':'1'},1500);\n\t\t\t\t}\n\t\t\t});\n\t\t\t$('h2#typewriter').each(function(i){\n\n\t\t\t\tvar object_bottom = $(this).position().top + $(this).outerheight();\n\t\t\t\tvar window_bottom = $(window).scrolltop() + $(window).height();\n\t\t\t\tif (window_bottom > object_bottom) {\n\t\t\t\t\t$(this).animate({'opacity':'1'},1500);\n\t\t\t\t\t$(this).css({'animation':'typing 3s steps(30, end), blink-caret 1s step-end infinite'},2000);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t$('.wp-block-columns .number').each(function(i) {\n\n\t\t\t\tvar object_bottom = $(this).position().top + $(this).outerheight();\n\t\t\t\tvar window_bottom = $(window).scrolltop() + $(window).height();\n\t\t\t\tif (window_bottom > object_bottom) {\nconsole.log(i);\n\t\t\t\t\t$(this).find('span.nodelay').animate({'opacity':'1'},1500);\n\t\t\t\t\t$(this).find('span.delay').animate({'opacity':'1'},2500);\n\t\t\t\t\t$(this).find('span.moredelay').animate({'opacity':'1'},3500);\n\t\t\t\t\t$(this).find('span.evenmoredelay').animate({'opacity':'1'},1500);\n\t\t\t\t\t$(this).find('span.mostdelay').animate({'opacity':'1'},2500);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t});\n<\/script>\n\n\n\n<section id=\"block_6290df8527367\" class=\"brafton-blocks brafton-block__list full-width wp-block-acf-list-row-container how brafton-block columns-5\" style=\"\">\n    <div class=\"wrap cf\">\n        \n\n<h2 class=\"has-text-align-center\"><strong><strong>how we create interactive infographics<\/strong><\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center\">interactivity requires integration and proficiency with certain technologies, such as adobe illustrator, photoshop and after effects. the landing page that hosts the infographic should include embed code, typically from a custom-built tool or a third-party resource, which enables animated elements on the site.<\/p>\n\n\n\n<ul class=\"how\">\n<h3 class=\"underline\">step 1<\/h3>\n<p style=\"text-align: center;\">\nthe infographic creation process begins with a concept that requires involvement from design, animation and tech departments. we provide standard infographic sizing options, but the best (or largest) ideas are better-suited for interactive elements. an interactive infographic will require more data, research, user options (multiple-choice questions or multi-layered pop-up functions, for instance) and programming to create.\n<\/p><\/li>\n\n<h3 class=\"underline\">step 2<\/h3>\n<p style=\"text-align: center;\">\nafter we create written outlines and mockups, we deliver them to you for approval. next, we begin creating the infographic from scratch while testing different visualization and engagement tactics that could enhance the user experience.<\/p>\n<p style=\"text-align: center;\">here are a few interactive infographic ideas to consider:<\/p>\n<ul style=\"text-align: center;max-width: 100%;width: 800px;margin: 2em auto;\">\n<li style=\"text-align: left;\">an interactive map to show your locations.<\/li>\n<li style=\"text-align: left;\">a clickable tutorial walk-through used for onboarding new employees or clients.<\/li>\n<li style=\"text-align: left;\">a responsive pie chart that highlights how an important statistic has changed.<\/li>\n<li style=\"text-align: left;\">motion graphics that visually explain your services.<\/li>\n<\/ul>\n<\/li>\n<p style=\"text-align: center;\">\nour team creates a test version of the graphic to see it in action and ensure it appears as expected across all web browsers and devices.\n\nthe completed graphic is delivered to your team, with the appropriate gif, svg, pdf and other files, embed codes and elements you need. our team can build the landing page to house your new visual communication asset, and troubleshoot any issues that arise before, during and after the launch.\n<\/p>\n<h3 class=\"underline\">step 3<\/h3>\n<p style=\"text-align: center;\">the launch of the final product is then determined by you and your strategist, and we begin measuring web results to report back on progress. we can create a well-rounded distribution plan, complete with social media updates, seo blog posts, email marketing and more. <\/p><\/li>\n<\/ul>\n\n\n    <\/div>\n<\/section>\n\n\n<section id=\"block_6290e27527368\" class=\"brafton-blocks brafton-block__list full-width wp-block-acf-list-row-container brafton-block columns-5\" style=\"background-image: url(\/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/interactive-assets_image-2.png);\">\n    <div class=\"wrap cf\">\n        \n\n<h2 class=\"has-text-align-center has-white-color has-text-color\" id=\"typewriter\"><strong>including interactivity in your marketing<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color\">interactive infographics can serve as standalone assets on a webpage or as part of a more holistic content launch. many of our clients create infographics to use as sales enablement tools, product demos or user-friendly software tutorials.<\/p>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color\">at the top of the funnel, you can promote interactive graphics on social media and insert yourself into industry conversations by designing around recent trends. brafton designers can also animate custom images, creating short motion graphics that stand in for stock images in blog posts.<\/p>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color\">further down the funnel, visual content allows you to collect prospect data based on how they interact with your graphic.<\/p>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color\">for example, if the design is a question-and-answer format such as a quiz, you can track the specific route their responses took \u2013 one direction could signal the user is simply a site visitor with little interest in your product, whereas the other direction could mean a visitor is actually a warm lead. qualify prospects quicker, then produce follow-up content based on their interaction with your graphic.<\/p>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color\">interactive infographics are more resource-intensive to create, but they\u2019re also of higher quality. to maximize the asset\u2019s value, actively promote them to your target audience by distributing them across multiple channels.<\/p>\n\n\n    <\/div>\n<\/section>\n\n\n<section id=\"block_6290e2fe27369\" class=\"brafton-blocks brafton-block__list full-width wp-block-acf-list-row-container brafton-block columns-5\" style=\"\">\n    <div class=\"wrap cf\">\n        \n\n<h2 class=\"has-text-align-center\"><strong>the visual marketing you need<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center\">we believe in content that converts, content that makes an impact.<\/p>\n\n\n\n<p class=\"has-text-align-center\">without visual elements, your content marketing dollars are wasted.<\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<div class=\"number sevfour\"><span class=\"nodelay\"><\/span><\/div>\n\n\n\n<p class=\"has-text-align-center\"><strong>74% of marketers use visuals as the primary asset in their social strategies.<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"number thirsev\"><span class=\"delay\"><\/span><\/div>\n\n\n\n<p class=\"has-text-align-center\"><strong>37% of marketers state visuals are the most important type of content for their businesses.<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"number threehundatwenthree\"><span class=\"moredelay\"><\/span><\/div>\n\n\n\n<p class=\"has-text-align-center\"><strong>people follow directions 323% better when using text + illustrations compared to text alone.<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<div class=\"number fortyone\"><span class=\"evenmoredelay\"><\/span><\/div>\n\n\n\n<p class=\"has-text-align-center\"><strong>41.5% of marketers state custom infographics drive the highest visual engagement for their brand.<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"number thirtyfive\"><span class=\"mostdelay\"><\/span><\/div>\n\n\n\n<p class=\"has-text-align-center\"><strong>31% of marketers state they are devoting more than 40% of their marketing budget to visuals.<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center\">more than 4 billion people have internet access, and your content must compete with every piece of information on the web to earn an audience.<\/p>\n\n\n    <\/div>\n<\/section>\n\n\n<section id=\"block_64ee4f07eecf5\" class=\"brafton-blocks brafton-block__list full-width skinny wp-block-acf-list-row-container brafton-block columns-5\" style=\"\">\n    <div class=\"wrap cf\">\n        \n\n<h2 class=\"has-text-align-center\"><strong>not in the us?<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center\">check out our international interactive infographics services:<\/p>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center\">\n<div class=\"wp-block-column is-vertically-aligned-center\">\n<div class=\"wp-block-buttons is-content-justification-center\">\n<div class=\"wp-block-button is-style-secondary-cta\"><a class=\"wp-block-button__link\" href=\"\/\/www.brafton.co.uk\/graphic-design\/interactive-infographics\/\">united kingdom<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center\">\n<div class=\"wp-block-buttons is-content-justification-center\">\n<div class=\"wp-block-button is-style-secondary-cta\"><a class=\"wp-block-button__link\" href=\"\/\/www.hotgingerla.com.au\/graphic-design\/interactive-infographics\/\">australia<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center\">\n<div class=\"wp-block-buttons is-content-justification-center\">\n<div class=\"wp-block-button is-style-secondary-cta\"><a class=\"wp-block-button__link\" href=\"\/\/www.brafton.de\/grafikdesign\/interaktive-infografiken\/\">germany<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n    <\/div>\n<\/section>\n\n\n<section id=\"block_6290ea702736a\" class=\"brafton-blocks brafton-block__list full-width wp-block-acf-list-row-container brafton-block columns-5\" style=\"background-color:#344754;\">\n    <div class=\"wrap cf\">\n        \n\n<h2 class=\"has-text-align-center has-white-color has-text-color\">action in your graphics leads <br>to interaction on your site.<br><br><strong>ready to get moving?<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center\">\n<div class=\"wp-block-button is-style-primary-cta\"><a class=\"wp-block-button__link\" href=\"\/contact-us\">get a quote<\/a><\/div>\n<\/div>\n\n\n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":166,"featured_media":97143,"parent":1024,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-build-a-page-gutenberg.php","meta":[],"yoast_head":"<!-- this site is optimized with the yoast seo plugin v17.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>make your brand stand out with interactive infographics | brafton<\/title>\n<meta name=\"description\" content=\"brafton&#039;s ux and design experts craft interactive infographics that help you share complex messages with a dose of creativity for added engagement.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/\" \/>\n<meta property=\"og:locale\" content=\"en_us\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"make your brand stand out with interactive infographics | brafton\" \/>\n<meta property=\"og:description\" content=\"brafton&#039;s ux and design experts craft interactive infographics that help you share complex messages with a dose of creativity for added engagement.\" \/>\n<meta property=\"og:url\" content=\"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/\" \/>\n<meta property=\"og:site_name\" content=\"brafton\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-29t20:58:33+00:00\" \/>\n<meta property=\"og:image\" content=\"\/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/interactive-assets_hero.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1800\" \/>\n\t<meta property=\"og:image:height\" content=\"729\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@brafton\" \/>\n<meta name=\"twitter:label1\" content=\"est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"website\",\"@id\":\"\/\/www.hotgingerla.com\/#website\",\"url\":\"\/\/www.hotgingerla.com\/\",\"name\":\"brafton\",\"description\":\"news content marketing\",\"potentialaction\":[{\"@type\":\"searchaction\",\"target\":{\"@type\":\"entrypoint\",\"urltemplate\":\"\/\/www.hotgingerla.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inlanguage\":\"en-us\"},{\"@type\":\"imageobject\",\"@id\":\"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/#primaryimage\",\"inlanguage\":\"en-us\",\"url\":\"\/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/interactive-assets_hero.png\",\"contenturl\":\"\/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/interactive-assets_hero.png\",\"width\":1800,\"height\":729},{\"@type\":\"webpage\",\"@id\":\"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/#webpage\",\"url\":\"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/\",\"name\":\"make your brand stand out with interactive infographics | brafton\",\"ispartof\":{\"@id\":\"\/\/www.hotgingerla.com\/#website\"},\"primaryimageofpage\":{\"@id\":\"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/#primaryimage\"},\"datepublished\":\"2021-03-03t15:38:25+00:00\",\"datemodified\":\"2023-08-29t20:58:33+00:00\",\"description\":\"brafton's ux and design experts craft interactive infographics that help you share complex messages with a dose of creativity for added engagement.\",\"breadcrumb\":{\"@id\":\"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/#breadcrumb\"},\"inlanguage\":\"en-us\",\"potentialaction\":[{\"@type\":\"readaction\",\"target\":[\"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/\"]}]},{\"@type\":\"breadcrumblist\",\"@id\":\"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/#breadcrumb\",\"itemlistelement\":[{\"@type\":\"listitem\",\"position\":1,\"name\":\"home\",\"item\":\"\/\/www.hotgingerla.com\/\"},{\"@type\":\"listitem\",\"position\":2,\"name\":\"graphic design services\",\"item\":\"\/\/www.hotgingerla.com\/graphic-design\/\"},{\"@type\":\"listitem\",\"position\":3,\"name\":\"interactive infographics\"}]}]}<\/script>\n<!-- \/ yoast seo plugin. -->","yoast_head_json":{"title":"make your brand stand out with interactive infographics | brafton","description":"brafton's ux and design experts craft interactive infographics that help you share complex messages with a dose of creativity for added engagement.","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":"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/","og_locale":"en_us","og_type":"article","og_title":"make your brand stand out with interactive infographics | brafton","og_description":"brafton's ux and design experts craft interactive infographics that help you share complex messages with a dose of creativity for added engagement.","og_url":"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/","og_site_name":"brafton","article_modified_time":"2023-08-29t20:58:33+00:00","og_image":[{"width":1800,"height":729,"url":"\/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/interactive-assets_hero.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@brafton","twitter_misc":{"est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"website","@id":"\/\/www.hotgingerla.com\/#website","url":"\/\/www.hotgingerla.com\/","name":"brafton","description":"news content marketing","potentialaction":[{"@type":"searchaction","target":{"@type":"entrypoint","urltemplate":"\/\/www.hotgingerla.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inlanguage":"en-us"},{"@type":"imageobject","@id":"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/#primaryimage","inlanguage":"en-us","url":"\/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/interactive-assets_hero.png","contenturl":"\/\/www.hotgingerla.com\/wp-content\/uploads\/2018\/01\/interactive-assets_hero.png","width":1800,"height":729},{"@type":"webpage","@id":"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/#webpage","url":"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/","name":"make your brand stand out with interactive infographics | brafton","ispartof":{"@id":"\/\/www.hotgingerla.com\/#website"},"primaryimageofpage":{"@id":"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/#primaryimage"},"datepublished":"2021-03-03t15:38:25+00:00","datemodified":"2023-08-29t20:58:33+00:00","description":"brafton's ux and design experts craft interactive infographics that help you share complex messages with a dose of creativity for added engagement.","breadcrumb":{"@id":"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/#breadcrumb"},"inlanguage":"en-us","potentialaction":[{"@type":"readaction","target":["\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/"]}]},{"@type":"breadcrumblist","@id":"\/\/www.hotgingerla.com\/graphic-design\/interactive-infographics\/#breadcrumb","itemlistelement":[{"@type":"listitem","position":1,"name":"home","item":"\/\/www.hotgingerla.com\/"},{"@type":"listitem","position":2,"name":"graphic design services","item":"\/\/www.hotgingerla.com\/graphic-design\/"},{"@type":"listitem","position":3,"name":"interactive infographics"}]}]}},"_links":{"self":[{"href":"\/\/www.hotgingerla.com\/wp-json\/wp\/v2\/pages\/97403"}],"collection":[{"href":"\/\/www.hotgingerla.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"\/\/www.hotgingerla.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"\/\/www.hotgingerla.com\/wp-json\/wp\/v2\/users\/166"}],"replies":[{"embeddable":true,"href":"\/\/www.hotgingerla.com\/wp-json\/wp\/v2\/comments?post=97403"}],"version-history":[{"count":4,"href":"\/\/www.hotgingerla.com\/wp-json\/wp\/v2\/pages\/97403\/revisions"}],"predecessor-version":[{"id":173441,"href":"\/\/www.hotgingerla.com\/wp-json\/wp\/v2\/pages\/97403\/revisions\/173441"}],"up":[{"embeddable":true,"href":"\/\/www.hotgingerla.com\/wp-json\/wp\/v2\/pages\/1024"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/\/www.hotgingerla.com\/wp-json\/wp\/v2\/media\/97143"}],"wp:attachment":[{"href":"\/\/www.hotgingerla.com\/wp-json\/wp\/v2\/media?parent=97403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}