{"id":5890,"date":"2018-07-13T09:33:48","date_gmt":"2018-07-13T08:33:48","guid":{"rendered":"https:\/\/dev.popcomms.com\/pop\/?p=5890"},"modified":"2021-11-08T20:16:08","modified_gmt":"2021-11-08T20:16:08","slug":"5-essential-steps-before-embarking-on-your-first-interactive","status":"publish","type":"post","link":"https:\/\/dev.popcomms.com\/pop\/5-essential-steps-before-embarking-on-your-first-interactive\/","title":{"rendered":"5 Important Steps to Consider Before Embarking on Your First Interactive Experience"},"content":{"rendered":"\n<p>Are you thinking of developing your first interactive <a href=\"https:\/\/dev.popcomms.com\/pop\/touchscreen-experiences\/\" target=\"_blank\" rel=\"noreferrer noopener\">touchscreen experience<\/a>?<\/p>\n\n\n\n<p>As interactive technology becomes increasingly important in creating customer experiences and with more and more of your competitors embracing the <a href=\"https:\/\/dev.popcomms.com\/pop\/3-valuable-brand-lessons-success-experience-economy\/\" target=\"_blank\" rel=\"noreferrer noopener\">experience economy<\/a>, you may be wondering if it&#8217;s time to elevate your customers&#8217; experience.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>&#8220;The next competitive battleground for leading-edge companies, whether they sell to consumers or businesses, will be in creating experiences. <strong>We are now in an experience economy.<\/strong>&#8220;<\/p><cite>The Harvard Business Review<\/cite><\/blockquote>\n\n\n\n<p>It could be for an upcoming tradeshow or event, or a way to bring your products, services and brand to life for potential new customers in the boardroom &#8211; or maybe you&#8217;re looking to establish an innovative, forward-thinking brand presence for visitors to your head office whilst simultaneously streamlining your corporate communications.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/touchscreen_ebbsfleet_interactive_11-1024x640-6.jpg\" alt=\"\" class=\"wp-image-11208\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/touchscreen_ebbsfleet_interactive_11-1024x640-6.jpg 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/touchscreen_ebbsfleet_interactive_11-1024x640-6-300x188.jpg 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/touchscreen_ebbsfleet_interactive_11-1024x640-6-768x480.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>An interactive touchscreen experience as part of <a href=\"https:\/\/dev.popcomms.com\/pop\/case-studies\/ebbsfleet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ebbsfleet Garden City&#8217;s <\/a>consultation suite<\/figcaption><\/figure>\n\n\n\n<p>Whatever you&#8217;re looking to do, there&#8217;s the technology and interactive solutions out there to create whatever you can imagine. Just bear in mind that it&#8217;s about so much more than just technology and large screens&#8230; you also need to think about the experience you want your customers to have and your business goals and how an interactive experience will help you address these questions.<\/p>\n\n\n\n<p>As a creative technology business who specialise in creating unique and engaging interactive experiences, we&#8217;re used to guiding our own clients in finding exactly what they&#8217;re looking for in an interactive experience &#8211; but if it&#8217;s your first time, it can be tough knowing where to start and what you should be thinking about.<\/p>\n\n\n\n<p>Which is why we&#8217;ve outlined some key steps to go through when thinking about developing an interactive experience for your business.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #f2168f;\"><strong>1. Why do you need an interactive experience?<\/strong><\/span><\/h3>\n\n\n\n<p>In other words, what are you hoping an interactive experience is going to help you with? Is there a problem it can help you solve? The first thing to do is to get some key decision makers together and talk about the issues an interactive solution could fix &#8211; along with the potential gains. If it\u2019s going to be used as a potential sales tool, then it\u2019s really important you get the people who will be using the interactive involved to understand how it can help support them when talking to customers. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/CFB-1024x488-1.jpg\" alt=\"\" class=\"wp-image-10915\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/CFB-1024x488-1.jpg 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/CFB-1024x488-1-300x143.jpg 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/CFB-1024x488-1-768x366.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>When designing a sales interactive our first step is to run a workshop, involving everyone who will use the tool, as part of our Customer-First Blueprint\u00ae <a href=\"https:\/\/dev.popcomms.com\/pop\/why-the-discovery-phase-is-the-most-important-element-to-developing-a-successful-sales-enablement-tool\/\" target=\"_blank\" rel=\"noreferrer noopener\">Discovery Phase<\/a>. <\/figcaption><\/figure>\n\n\n\n<p>A staggering 91% of B2B buyers say they now prefer to consume interactive and visual content, as opposed to static content, according to <u><a href=\"https:\/\/www.demandgenreport.com\/industry-resources\/research\/3141-2015-content-preferences-survey-buyers-value-content-packages-interactive-content-.html#.VVOOO9NVhBc\" target=\"_blank\" rel=\"noreferrer noopener\">DemandGen Report<\/a><\/u>. But the differences between B2B and B2C audiences are becoming harder to see in this respect.<\/p>\n\n\n\n<p>I cannot tell you the times we\u2019ve worked with a client who has a very clear view of what is required, only for the whole project to be delayed because the actual people to use the interactive haven\u2019t been brought in at the beginning and have a very different viewpoint on how it will be used.<\/p>\n\n\n\n<p>Another reason for looking at an interactive <a href=\"https:\/\/dev.popcomms.com\/pop\/touchscreen-experiences\/\" target=\"_blank\" rel=\"noreferrer noopener\">touchscreen experience<\/a> is that you&#8217;re not getting much interest from using the same old printed brochures and signage at events and need something impressive like an interactive touchscreen experience that&#8217;s going to attract and keep people on your stand.<\/p>\n\n\n\n<p>Maybe you need access to a huge wealth of valuable content that sales teams can access at events with customers and you need a full proof and immersive way of accessing this information.<\/p>\n\n\n\n<p>It could be that none of these options are right for you, and your own struggle is ensuring enough visitors are interested in your museum, gallery or archive. Maybe they feel that one visit is enough to have seen everything there is to see.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/NLS-Hero-Image-2-1-1024x576-1.jpg\" alt=\"\" class=\"wp-image-11218\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/NLS-Hero-Image-2-1-1024x576-1.jpg 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/NLS-Hero-Image-2-1-1024x576-1-300x169.jpg 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/NLS-Hero-Image-2-1-1024x576-1-768x432.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>A touchscreen experience created for the National Library of Scotland<\/figcaption><\/figure>\n\n\n\n<p>So, highlight the issues you&#8217;re facing and work out if an interactive experience could help. After all, you shouldn&#8217;t just create an interactive for the sake of it as it can be a costly and time-consuming process.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #f2168f;\"><strong>2. Establish goals<\/strong><\/span><\/h3>\n\n\n\n<p>Okay, so now you&#8217;ve established your business objectives for needing an interactive experience now it&#8217;s time to set some solid goals.<\/p>\n\n\n\n<p>Maybe at that big trade show, you&#8217;ll want to know what people are interacting with to get valuable insights into how to frame future content or marketing offers. It could be that you want to capture their contact details for lead generation in return for something they want &#8211; like useful content they can email themselves.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/touchscreen-multitouch-interactive-technology-touchtable-arm-popcomms-2-1024x640.jpg\" alt=\"\" class=\"wp-image-8151\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/touchscreen-multitouch-interactive-technology-touchtable-arm-popcomms-2-1024x640.jpg 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/touchscreen-multitouch-interactive-technology-touchtable-arm-popcomms-2-300x188.jpg 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/touchscreen-multitouch-interactive-technology-touchtable-arm-popcomms-2-768x480.jpg 768w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/touchscreen-multitouch-interactive-technology-touchtable-arm-popcomms-2-1536x960.jpg 1536w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/touchscreen-multitouch-interactive-technology-touchtable-arm-popcomms-2.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>A gamified touchscreen experience for technologists <a href=\"https:\/\/dev.popcomms.com\/pop\/case-studies\/arm\/\" target=\"_blank\" rel=\"noreferrer noopener\">Arm<\/a>, using simulated and live data, streamed from a model train track on the stand<\/figcaption><\/figure>\n\n\n\n<p>Perhaps you&#8217;re looking for a way to get visitors engaged with your gallery, archives or museum and want to ensure that you&#8217;re going to get people coming back for more, in which case an interactive can provide levels of detail and access to a vast array of information to encourage people to come back for more.<\/p>\n\n\n\n<p>Or maybe it&#8217;s time to scrap your old presentation for something that&#8217;s really going to have the &#8216;WOW&#8217; factor when you next meet with potential clients &#8211; something that&#8217;s interactive, customer-centric, persuasive and engaging! In which case, the potential ROI could be significant.<\/p>\n\n\n\n<p>Whatever you&#8217;re looking to achieve, set some S.M.A.R.T goals:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Specific<\/li><li>Measurable<\/li><li>Attainable<\/li><li>Relevant<\/li><li>Timely<\/li><\/ul>\n\n\n\n<p>This will help you get a much better idea of how you&#8217;re going to set in place the right methods or technology to achieve them.<\/p>\n\n\n\n<p><span style=\"color: #f2168f;\"><strong>TIP:<\/strong> <\/span>When it comes to getting all of your ideas together, it&#8217;s also important to align your goals with those of your customers. After all, this experience is aimed at them.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Who are they?<\/li><li>What will they want to get out of this experience?<\/li><li>How do they like to interact with technology?<\/li><\/ul>\n\n\n\n<p>It&#8217;s really important you <strong>don&#8217;t skip this part<\/strong>!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #f2168f;\"><strong>3. Explore all the options<\/strong><\/span><\/h3>\n\n\n\n<p>Once you have a better idea of what you want to achieve with an interactive, it&#8217;s time to take a good look at all of your options. What might be the best way to achieve your goals?<\/p>\n\n\n\n<p>At this stage in the process, try not to focus on one particular piece of technology, but take the opportunity to be creative, explore ideas and get a better idea of the kind of experience you want to create with your interactive.<\/p>\n\n\n\n<p>For example, will it be immersive with a surrounding space that&#8217;s guaranteed to attract a attention? Do you want the experience to be connected to the physical world so picking up an object triggers an action on the touchscreen or does it need to work with other interactive content you may have?<\/p>\n\n\n\n<p>Will users be able to interact on their own or would it be better being a guided experience where a salesperson or other team member uses the experience with the customer?<\/p>\n\n\n\n<p>Maybe the interactive will mainly be an information portal which gives users access to all your valuable content.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/POPcomms_touchscreen_interactive_3-1024x640-2.jpg\" alt=\"\" class=\"wp-image-11061\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/POPcomms_touchscreen_interactive_3-1024x640-2.jpg 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/POPcomms_touchscreen_interactive_3-1024x640-2-300x188.jpg 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/POPcomms_touchscreen_interactive_3-1024x640-2-768x480.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><em>The interactive experience we created for the <a href=\"https:\/\/dev.popcomms.com\/pop\/case-studies\/gsma-interactive-hub\/\" target=\"_blank\" rel=\"noopener\">GSMA<\/a> gave their customers access to hundreds of the latest documents, videos and resources which they could instantly email to themselves.<\/em><\/p>\n\n\n\n<p>Would creating a gamified experience have the right impact and leave the right impression?<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/popcomms-CITRIX-Mobility-Survey-Campaign_email-1-1-1024x640-1.jpg\" alt=\"\" class=\"wp-image-11212\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/popcomms-CITRIX-Mobility-Survey-Campaign_email-1-1-1024x640-1.jpg 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/popcomms-CITRIX-Mobility-Survey-Campaign_email-1-1-1024x640-1-300x188.jpg 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/popcomms-CITRIX-Mobility-Survey-Campaign_email-1-1-1024x640-1-768x480.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><em>An interactive experience for Citrix that customers could win an Airwheel through<\/em><\/p>\n\n\n\n<p>These days, with so many innovative technologies, the sky&#8217;s the limit &#8211; so don&#8217;t put any limitations on your project in the early stages. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #f2168f;\"><strong>4. Put together a budget<\/strong><\/span><\/h3>\n\n\n\n<p>By now, you should be starting to form a better idea of what you&#8217;re looking to achieve from your interactive experience &#8211; and if you&#8217;ve also got all the right people on board, it&#8217;s probably time to start looking at an initial budget.<\/p>\n\n\n\n<p>Hopefully, the potential benefits of your interactive experience are enough to have everyone convinced that it&#8217;s the right way forward and that you&#8217;re going to get a good ROI from the project &#8211; which means bearing those benefits in mind when setting a realistic budget.<\/p>\n\n\n\n<p>It&#8217;s all too easy to just look at the price of hardware and discredit spending much more on the experience itself \u2013 but, in reality, the experience is the most important part of the project. Without clear goals and a considered user experience, no amount of shiny screens is going to make a difference.<\/p>\n\n\n\n<p>An effective touchscreen experience is an investment as the cost to develop the experience alone will probably start at around \u00a36,500 and that does not include the hardware.<\/p>\n\n\n\n<p><strong>TIP:<\/strong> Check out our <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.popcomms.com\/pop\/how-much-should-an-interactive-touchscreen-solution-cost\/\" target=\"_blank\"><strong>blog<\/strong> <\/a>which outlines how much an interactive experience should cost to get a better idea of how much other companies are roughly spending on interactive experiences.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #f2168f;\"><strong>5. Approach some design agencies<\/strong><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/sales-enablement-interactive-presentation-bacardi-popcomms-2-1024x640.jpg\" alt=\"Example of a sales enablement tool developed for drinks company Bacardi\" class=\"wp-image-11553\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/sales-enablement-interactive-presentation-bacardi-popcomms-2-1024x640.jpg 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/sales-enablement-interactive-presentation-bacardi-popcomms-2-300x188.jpg 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/sales-enablement-interactive-presentation-bacardi-popcomms-2-768x480.jpg 768w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/sales-enablement-interactive-presentation-bacardi-popcomms-2-1536x960.jpg 1536w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/sales-enablement-interactive-presentation-bacardi-popcomms-2.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Are you ready to take this to the next level? In that case, it&#8217;s finally time to bite the bullet and engage with some interactive design agencies. The reason for this is that a knowledgeable agency will be able to provide a load of invaluable advice and help with establishing your goals and matching those with your target users to create an effective experience. Whoever you decide to contact though, ensure you ask them plenty of questions, such as:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>What experience do they have in developing interactive solutions for businesses?<\/li><li>Do they specialise in developing experiences rather than just hardware supply?<\/li><li>Can they also provide you with hardware, or will you have to go elsewhere?<\/li><li>Will your interactive touchscreen experience be bespoke to your brand?<\/li><li>Can your interactive content be updated in the future? (If you need it to be)<\/li><li>What are the steps they\u2019ll go through to create your touchscreen experience?<\/li><li>What will they need from you in order to deliver the end result?<\/li><li>Do they have the necessary in-house design and user experience (UX) skills?<\/li><li>How much can you roughly expect to spend on your touchscreen solution?<\/li><li>Roughly how long can it take to develop your touchscreen experience?<\/li><\/ol>\n\n\n\n<p>We&#8217;ve already answered a lot of the above questions on our blog, because we know it&#8217;s important that our clients get a better idea of what to expect before they take the plunge with developing a touchscreen experience. But that&#8217;s only one side of the coin.<\/p>\n\n\n\n<p>You also need to ensure they ask YOU all the right questions, so they can quickly get a good sense of what you&#8217;re trying to achieve, what your goals are, and why you need an interactive experience in the first place. This should give them a better idea of how they might be able to help you, as well as telling you more about what&#8217;s possible for your budget and timescales.<\/p>\n\n\n\n<p><strong>TIP:<\/strong> Read our <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/dev.popcomms.com\/pop\/5-steps-to-finding-the-best-interactive-touchscreen-developer-for-your-project\/\" target=\"_blank\">blog<\/a><\/strong> to get an insight into how to find the best interactive touchscreen developer for your project.  <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"color: #f2168f;\"><strong>Your next steps<\/strong><\/span><\/h2>\n\n\n\n<p>Take your time. There&#8217;s so much more to think about when creating an interactive experience your customers are going to love &#8211; and it can feel quite daunting!<\/p>\n\n\n\n<p>Do your research, and see what, if anything, inspires you &#8211; we also recommend checking out our <u><a href=\"https:\/\/dev.popcomms.com\/pop\/blog\/start-creating-interactive-touchscreen-experience-business\/\" target=\"_blank\" rel=\"noreferrer noopener\">step-by-step guide to getting started with an interactive touchscreen experience<\/a><\/u>, which has some other key considerations &#8211; hardware vs software, for example.<\/p>\n\n\n\n<p>Even if you&#8217;re not quite ready to formally approach an interactive design agency just yet, it might still be a good idea to call one up just to get some free, impartial advice. They&#8217;ll all have slightly different processes, but they should be able to talk you through all the vital considerations you need to factor into your interactive experience!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"color: #f2168f;\"><strong>In summary<\/strong><\/span><\/h2>\n\n\n\n<p>If it&#8217;s your first time delving into the world of interactives&nbsp;and you&#8217;re wondering where to start, we really hope this blog has given you some key pointers &#8211; or has at least included some helpful links that&#8217;ll give you a better idea of what to expect!<\/p>\n\n\n\n<p>Don&#8217;t worry, the right interactive design agency or specialist should be happy to guide you every step of the way until you have something that a) you&#8217;re proud of and b) will help you achieve your business goals.<\/p>\n\n\n\n<p>Just don&#8217;t get too caught up in the hardware side of things; it&#8217;s the experience that&#8217;s the real heart of your interactive. Choose a developer or agency who are experienced and who specialise in creating&nbsp;truly memorable and engaging experiences.<\/p>\n\n\n\n<p>Would you like to know more about creating a touchscreen experience your customers will love? Simply download the eBook or get in touch \u2013 we\u2019d love to hear from you!<\/p>\n\n\n\n    <div class=\"container-wide\">\n    <div\n      is=\"download\"\n      inline-template\n      id=\"download-form\"\n    >\n      <div class=\"download-form-container\"  data-email-title=\"\" data-email-image=\"\" data-email-file=\"\">\n        <div class=\"border-2 \">\n          <div class=\"sm:hidden block relative\" style=\"padding-bottom: 100%;\">\n            <div\n              class=\"absolute top-0 left-0 w-full h-full bg-no-repeat bg-center bg-cover\"\n              style=\"background-image: url(https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/06\/touchscreen-interactive-multitouch-technology-touchtable-arm-popcomms-1.jpg)\"\n            ><\/div>\n          <\/div>\n          <div\n            ref=\"downloadForm\"\n            name=\"download_form\"\n            method=\"post\"\n            action=\"\"\n            onsubmit=\"return false\"\n            class=\"download-form w-full relative\"\n          >\n            <transition name=\"fade\">\n              <div\n                v-show=\"step !== 1\"\n                class=\"absolute flex flex-col top-0 left-0 w-full h-full shadow-md bg-pop-black\"\n                style=\"z-index: 1;\"\n              ><\/div>\n            <\/transition>\n            <div ref=\"downloadFormStep1\">\n              <div class=\"md:grid md:grid-cols-2\">\n  <div class=\"hidden md:block relative\" style=\"padding-bottom: 100%;\">\n    <div\n      class=\"absolute top-0 left-0 w-full h-full bg-no-repeat bg-center bg-cover\"\n      style=\"background-image: url(https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/06\/touchscreen-interactive-multitouch-technology-touchtable-arm-popcomms-1.jpg)\"\n    ><\/div>\n  <\/div>\n  <div class=\"flex flex-col\">\n    <div class=\"h-2\/5 bg-pop-pink text-pop-white p-6 lg:px-8 flex flex-col justify-center\">\n      <h3 class=\"font-semibold text-xl lg:text-2xl\">Download guide<\/h3>\n    <\/div>\n    <div class=\"h-3\/5 flex flex-col justify-between bg-pop-black\" >\n      <div class=\"flex items-center lg:text-lg h-full p-6 lg:px-8 text-pop-white\">\n        Download our guide to creating immersive touchscreen experiences\n      <\/div>\n      <div\n        class=\"flex justify-end cursor-pointer\"\n        @click=\"nextStep()\"\n      >\n        <div class=\"bg-pop-black text-pop-white text-pop-white m-0 px-4 py-2 h-10 leading-0\">\n          Download\n        <\/div>\n        <div class=\"w-10 h-10 p-2 bg-pop-navy\">\n          <svg class=\"w-full absolute left-1\/2 top-1\/2 -translate-y-1\/2 -translate-x-1\/2 transform rotate-90 text-pop-white\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path\n              class=\"fill-current text-pop-pink\"\n              d=\"M13.0607 0.625645C12.4749 0.0398579 11.5251 0.0398579 10.9393 0.625645L1.3934 10.1716C0.807611 10.7574 0.807611 11.7071 1.3934 12.2929C1.97919 12.8787 2.92893 12.8787 3.51472 12.2929L12 3.80762L20.4853 12.2929C21.0711 12.8787 22.0208 12.8787 22.6066 12.2929C23.1924 11.7071 23.1924 10.7574 22.6066 10.1716L13.0607 0.625645ZM13.5 24.3137V1.6863H10.5V24.3137H13.5Z\"\n              fill=\"currentColor\"\n            \/>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n            <\/div>\n            <div\n              ref=\"downloadFormStep2\"\n              v-show=\"step === 2\"\n              class=\"absolute flex flex-col top-0 left-0 w-full h-full p-3 sm:p-10  text-pop-white z-10\"\n            >\n              <div class=\"text-sm mb-4\">1 \/ 3<\/div>\n              <div class=\"w-full md:w-5\/6 form-text leading-tight text-base sm:text-xl md:text-xl\">\n  We just need some details to get you started. Please enter your <span class=\"text-pop-yellow\">first name<\/span> and <span class=\"text-pop-yellow\">surname<\/span>.\n<\/div>\n<div class=\"flex-grow flex flex-col justify-center\">\n  <div class=\"my-2 sm:my-4\">\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"first_name\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white \"\n        type=\"text\"\n        v-model=\"form.firstName.value\"\n        placeholder=\"First name *\"\n        @keyup.prevent=\"validateFirstName\"\n      >\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.firstName.valid)\" style=\"height: 2px;\"\n  ><\/div>\n  <\/div>\n  <\/div>\n  <div class=\"my-2 sm:my-4\">\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"last_name\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white pr-12\"\n        type=\"text\"\n        v-model=\"form.lastName.value\"\n        placeholder=\"Surname *\"\n        @keyup.prevent=\"validateLastName\"\n      >\n            <svg @click=\"validateLastName\" class=\"absolute h-8 sm:h-auto top-1\/2 transform -translate-y-1\/2 right-0 cursor-pointer fill-current text-pop-white hover:text-pop-pink transition-colors\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M36.3746 25.0607C36.9604 24.4749 36.9604 23.5251 36.3746 22.9393L26.8287 13.3934C26.2429 12.8076 25.2931 12.8076 24.7073 13.3934C24.1216 13.9792 24.1216 14.9289 24.7073 15.5147L33.1926 24L24.7073 32.4853C24.1216 33.0711 24.1216 34.0208 24.7073 34.6066C25.2931 35.1924 26.2429 35.1924 26.8287 34.6066L36.3746 25.0607ZM12.6865 25.5L35.3139 25.5L35.3139 22.5L12.6865 22.5L12.6865 25.5Z\"\/>\n      <\/svg>\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.lastName.valid)\" style=\"height: 2px;\"\n  ><\/div>\n      <div class=\"hidden sm:block input-guide opacity-0 absolute -bottom-2 right-0 text-sm pt-1 text-right transform translate-y-full text-pop-white\">click or hit enter<\/div>\n  <\/div>\n  <\/div>\n<\/div>\n            <\/div>\n            <div\n              ref=\"downloadFormStep3\"\n              v-show=\"step === 3\"\n              class=\"absolute flex flex-col top-0 left-0 w-full h-full p-3 sm:p-10 bg-pop-black text-pop-white z-10\"\n            >\n              <div class=\"text-sm mb-4\">2 \/ 3<\/div>\n              <div class=\" form-text w-full sm:w-4\/6 leading-tight text-base sm:text-xl md:text-xl\">\n  And now just your <span class=\"text-pop-yellow\">email<\/span> &amp; <span class=\"text-pop-yellow\">company name<\/span>, please.\n<\/div>\n<div class=\"flex-grow flex flex-col justify-center\">\n  <div class=\"my-2 sm:my-4\">\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"email\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white \"\n        type=\"email\"\n        v-model=\"form.email.value\"\n        placeholder=\"Your email *\"\n        @keyup.prevent=\"validateEmail\"\n      >\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.email.valid)\" style=\"height: 2px;\"\n  ><\/div>\n  <\/div>\n  <\/div>\n  <div class=\"my-2 sm:my-4\">\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"company\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white pr-12\"\n        type=\"text\"\n        v-model=\"form.company.value\"\n        placeholder=\"Company *\"\n        @keyup.prevent=\"validateCompany\"\n      >\n            <svg @click=\"validateCompany\" class=\"absolute h-8 sm:h-auto top-1\/2 transform -translate-y-1\/2 right-0 cursor-pointer fill-current text-pop-white hover:text-pop-pink transition-colors\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M36.3746 25.0607C36.9604 24.4749 36.9604 23.5251 36.3746 22.9393L26.8287 13.3934C26.2429 12.8076 25.2931 12.8076 24.7073 13.3934C24.1216 13.9792 24.1216 14.9289 24.7073 15.5147L33.1926 24L24.7073 32.4853C24.1216 33.0711 24.1216 34.0208 24.7073 34.6066C25.2931 35.1924 26.2429 35.1924 26.8287 34.6066L36.3746 25.0607ZM12.6865 25.5L35.3139 25.5L35.3139 22.5L12.6865 22.5L12.6865 25.5Z\"\/>\n      <\/svg>\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.company.valid)\" style=\"height: 2px;\"\n  ><\/div>\n      <div class=\"hidden sm:block input-guide opacity-0 absolute -bottom-2 right-0 text-sm pt-1 text-right transform translate-y-full text-pop-white\">click or hit enter<\/div>\n  <\/div>\n  <\/div>\n<\/div>\n            <\/div>\n            <div\n              ref=\"downloadFormStep4\"\n              v-show=\"step === 4\"\n              class=\"absolute flex flex-col top-0 left-0 w-full h-full p-3 sm:p-10 bg-pop-black text-pop-white z-10\"\n            >\n              <div class=\"text-sm mb-4\">3 \/ 3<\/div>\n              <div class=\"w-1\/2 form-text opacity-0 sm:mb-12 leading-tight text-base sm:text-xl md:text-xl\">\n  Brill! Are you a human?\n  Prove it by simply entering the answer to <span class=\"text-pop-yellow\" v-html=\"captcha.a\"><\/span> <span class=\"text-pop-yellow\">+<\/span> <span class=\"text-pop-yellow\" v-html=\"captcha.b\"><\/span>\n<\/div>\n<div class=\"grid grid-cols-2 auto-cols-auto space-x-4 my-4\">\n  <div>\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"captcha\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white \"\n        type=\"text\"\n        v-model=\"form.captcha.value\"\n        placeholder=\"Your answer?\"\n        @keyup.prevent=\"validateCaptcha\"\n      >\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.captcha.valid)\" style=\"height: 2px;\"\n  ><\/div>\n  <\/div>\n  <\/div>\n<\/div>\n<div class=\"form-text flex opacity-0 text-xs\">\n  <div>\n    By submitting this form you agree to POPcomms <a class=\"text-pop-pink underline\" href=\"https:\/\/dev.popcomms.com\/pop\/privacy-policy\" target=\"_blank\">Privacy Policy<\/a>\n  <\/div>\n<\/div>\n<div\n  class=\"absolute bottom-0 right-0 flex justify-center cursor-pointer\"\n  @click=\"submit\"\n>\n  <div class=\"bg-pop-purple text-pop-white m-0 px-4 py-3 h-12 leading-0\">\n    Submit\n  <\/div>\n  <div class=\"w-12 h-12 p-2 bg-white flex items-center justify-center\">\n    <svg class=\"transform rotate-90 text-pop-purple\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path\n        class=\"fill-current\"\n        d=\"M13.0607 0.625645C12.4749 0.0398579 11.5251 0.0398579 10.9393 0.625645L1.3934 10.1716C0.807611 10.7574 0.807611 11.7071 1.3934 12.2929C1.97919 12.8787 2.92893 12.8787 3.51472 12.2929L12 3.80762L20.4853 12.2929C21.0711 12.8787 22.0208 12.8787 22.6066 12.2929C23.1924 11.7071 23.1924 10.7574 22.6066 10.1716L13.0607 0.625645ZM13.5 24.3137V1.6863H10.5V24.3137H13.5Z\"\n        fill=\"currentColor\"\n      \/>\n    <\/svg>\n  <\/div>\n<\/div>\n<div class=\"hidden sm:block absolute top-0 right-0 w-1\/2 pointer-events-none\">\n  <svg class=\"watching-eye w-full\" preserveAspectRatio=\"xMidYMid meet\"  viewBox=\"0 0 496 369\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n    <rect class=\"lines\" y=\"-123.89\" width=\"496\" height=\"245.916\" fill=\"url(#pattern5)\"\/>\n    <clipPath id=\"irisclipPath5\">\n      <path class=\"eye-mask\" style=\"transform-origin: 50% 32%;\" d=\"M0 122.813C58.13 49.7951 147.621 3.01562 248 3.01562C348.379 3.01562 437.87 49.7951 496 122.813C437.87 195.83 348.379 242.61 248 242.61C147.621 242.61 58.13 195.83 0 122.813Z\" fill=\"black\"\/>\n    <\/clipPath>\n    <rect fill=\"white\" style=\"clip-path: url(#irisclipPath5)\" class=\"lines\" y=\"0\" width=\"496\" height=\"245.916\"\/>\n    <!-- <path style=\"clip-path: url(#irisclipPath5)\" d=\"M0 122.813C58.13 49.7951 147.621 3.01562 248 3.01562C348.379 3.01562 437.87 49.7951 496 122.813C437.87 195.83 348.379 242.61 248 242.61C147.621 242.61 58.13 195.83 0 122.813Z\" fill=\"white\"\/> -->\n    <ellipse class=\"iris\" style=\"clip-path: url(#irisclipPath5)\" cx=\"247.653\" cy=\"121.806\" rx=\"101.771\" ry=\"102.118\" fill=\"#6F62FF\"\/>\n    <ellipse class=\"pupil\" style=\"clip-path: url(#irisclipPath5)\" cx=\"244.924\" cy=\"78.2744\" rx=\"35.4286\" ry=\"35.4286\" fill=\"#F8F7EE\"\/>\n    <defs>\n      <pattern id=\"pattern5\" patternContentUnits=\"objectBoundingBox\" width=\"0.0241935\" height=\"0.0487972\">\n        <use xlink:href=\"#image0\" transform=\"scale(0.00201613 0.00406643)\"\/>\n      <\/pattern>\n      <image id=\"image0\" width=\"12\" height=\"12\" xlink:href=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA8SURBVHgB7dGxDQAgCATAdytjwWqwDzuqaBzg7SggITTHN99AzBC3ODoBo3Ds6uJaOAl+DzS+jf\/gE74Bfmo++ZWcm1wAAAAASUVORK5CYII=\"\/>\n    <\/defs>\n  <\/svg>\n<\/div>\n            <\/div>\n            <div\n              ref=\"downloadFormStep5\"\n              v-show=\"step === 5\"\n              class=\"absolute top-0 left-0 w-full h-full p-3 sm:p-10 bg-pop-black text-pop-white z-10\"\n            >\n              <div class=\"text-sm p-3 sm:p-10\">Complete<\/div>\n              <div class=\"grid md:grid-cols-2\">\n  <div class=\"flex flex-col form-text justify-center text-xl p-6\">\n    <div>\n      Thanks, <span class=\"text-pop-yellow\">all done!<\/span><br>\n      Check your email to find your guide.\n    <\/div>\n  <\/div>\n<\/div>\n\n  <svg class=\"hidden md:block absolute right-0 top-1\/2 transform -translate-y-1\/2\" width=\"408\" height=\"336\" viewBox=\"0 0 408 336\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path class=\"finger stroke-current text-pop-black\" stroke-width=\"2\" d=\"M83.8623 99.4615C83.8623 80.9476 99.1777 65.9391 118.07 65.9391L542.543 65.9392C561.436 65.9392 576.751 80.9477 576.751 99.4616C576.751 117.975 561.436 132.984 542.543 132.984L118.07 132.984C99.1776 132.984 83.8623 117.975 83.8623 99.4615Z\" fill=\"#6F62FF\"\/>\n    <path class=\"finger stroke-current text-pop-black\" stroke-width=\"2\" d=\"M197.889 166.867C197.889 148.154 213.369 132.984 232.464 132.984L542.175 132.984C561.271 132.984 576.751 148.154 576.751 166.867C576.751 185.58 561.271 200.75 542.175 200.75L232.464 200.75C213.369 200.75 197.889 185.58 197.889 166.867Z\" fill=\"#6F62FF\"\/>\n    <path class=\"finger stroke-current text-pop-black\" stroke-width=\"2\" d=\"M216.28 234.632C216.28 215.92 231.76 200.75 250.856 200.75L542.176 200.75C561.271 200.75 576.751 215.92 576.751 234.633C576.751 253.346 561.271 268.515 542.176 268.515L250.856 268.515C231.76 268.515 216.28 253.345 216.28 234.632Z\" fill=\"#6F62FF\"\/>\n    <path class=\"finger stroke-current text-pop-black\" stroke-width=\"2\" d=\"M233.937 302.038C233.937 283.524 249.252 268.515 268.144 268.515L542.544 268.515C561.436 268.515 576.752 283.524 576.752 302.038C576.752 320.552 561.436 335.56 542.544 335.56L268.144 335.56C249.252 335.56 233.937 320.552 233.937 302.038Z\" fill=\"#6F62FF\"\/>\n    <path class=\"hand\"d=\"M379.105 137.017C379.105 97.7617 411.579 65.9391 451.637 65.9391H487.545C527.603 65.9391 560.077 97.7618 560.077 137.017V264.483C560.077 303.738 527.603 335.56 487.545 335.56H451.637C411.579 335.56 379.105 303.738 379.105 264.482V137.017Z\" fill=\"#6F62FF\"\/>\n    <path class=\"waves opacity-0 origin-center\" d=\"M130.346 184.698C118.12 186.375 105.723 185.501 93.9727 182.131C82.2223 178.761 71.3854 172.974 62.1767 165.149C52.9679 157.325 45.5964 147.641 40.5482 136.738C35.5 125.834 32.8898 113.957 32.8897 101.891C32.8896 89.825 35.4995 77.8432 40.5475 66.736C45.5954 55.6287 52.9667 45.6481 62.1753 37.4524C71.3839 29.2566 82.2207 23.0319 93.971 19.1886C105.721 15.3452 118.118 13.9706 130.345 15.1553L128.988 26.3128C118.367 25.2836 107.598 26.4777 97.3901 29.8165C87.1825 33.1552 77.7686 38.5627 69.769 45.6823C61.7695 52.802 55.366 61.4721 50.9808 71.1211C46.5956 80.77 44.3283 91.1786 44.3285 101.661C44.3286 112.142 46.5961 122.46 50.9815 131.932C55.3668 141.404 61.7705 149.816 69.7702 156.613C77.7699 163.41 87.1839 168.438 97.3915 171.365C107.599 174.292 118.369 175.052 128.99 173.595L130.346 184.698Z\" fill=\"#3A3EAB\"\/>\n    <path class=\"waves opacity-0 origin-center\" d=\"M121.559 160.297C104.817 160.599 88.7233 154.419 76.8186 143.116C64.914 131.814 58.1735 116.315 58.08 100.029C57.9866 83.7426 64.5478 68.0036 76.3203 56.2741C88.0928 44.5445 104.112 37.7853 120.854 37.4833L120.916 48.2672C107.114 48.5161 93.9081 54.0884 84.203 63.758C74.4979 73.4277 69.089 86.4027 69.166 99.8287C69.2431 113.255 74.7998 126.032 84.6138 135.349C94.4279 144.667 107.695 149.762 121.497 149.513L121.559 160.297Z\" fill=\"#3A3EAB\"\/>\n  <\/svg>\n                <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  ","protected":false},"excerpt":{"rendered":"<p>Are you thinking of developing your first interactive touchscreen experience? As interactive technology becomes increasingly important in creating customer experiences and with more and more of your competitors embracing the experience economy, you may be wondering if it&#8217;s time to elevate your customers&#8217; experience. &#8220;The next competitive battleground for leading-edge companies, whether they sell to [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":11233,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[4],"tags":[105,102,131,101,136,14,108,86],"class_list":["post-5890","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-touchscreens","tag-customer-centre","tag-events","tag-exhibition","tag-experience-economy","tag-interactive-sales-experiences","tag-interactive-touchscreen-experiences","tag-marketing-suite","tag-visual-storytelling"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/posts\/5890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/comments?post=5890"}],"version-history":[{"count":0,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/posts\/5890\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/media\/11233"}],"wp:attachment":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/media?parent=5890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/categories?post=5890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/tags?post=5890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}