{"id":5081,"date":"2018-04-19T10:00:28","date_gmt":"2018-04-19T09:00:28","guid":{"rendered":"https:\/\/dev.popcomms.com\/pop\/?p=5081"},"modified":"2021-11-10T19:54:36","modified_gmt":"2021-11-10T19:54:36","slug":"narrative-important-presentations-develop","status":"publish","type":"post","link":"https:\/\/dev.popcomms.com\/pop\/narrative-important-presentations-develop\/","title":{"rendered":"How to Develop an Effective Presentation Narrative &#8211; and why it&#8217;s Important."},"content":{"rendered":"\n<p><em>Updated March 2021<\/em><\/p>\n\n\n\n<p>Are you wondering why a strong narrative is so important in a presentation &#8211; and how you can develop your own?<\/p>\n\n\n\n<p>In today&#8217;s market, no business can afford to squander face time with a customer by not being clear and succinct about what they do and the value they deliver. This is why interactive presentations and <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.popcomms.com\/pop\/sales-enablement-tools\/\" target=\"_blank\">sales enablement tools<\/a> are gaining popularity. So whether you&#8217;re looking to create a presentation for a face-to-face sales meeting, virtual sales pitch or for a <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.popcomms.com\/pop\/touchscreen-experiences\/\" target=\"_blank\">touchscreen<\/a> at an event or customer sales centre, read on to find out more about the importance of a strong narrative.<\/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\/04\/Sales-enablement-interactive-presentation-showpad-wienerberger-popcomms-3-1-1024x640.jpg\" alt=\"Wienerberger sales enablement app displayed on white iPad\" class=\"wp-image-12136\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/Sales-enablement-interactive-presentation-showpad-wienerberger-popcomms-3-1-1024x640.jpg 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/Sales-enablement-interactive-presentation-showpad-wienerberger-popcomms-3-1-300x188.jpg 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/Sales-enablement-interactive-presentation-showpad-wienerberger-popcomms-3-1-768x480.jpg 768w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/Sales-enablement-interactive-presentation-showpad-wienerberger-popcomms-3-1-1536x960.jpg 1536w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/Sales-enablement-interactive-presentation-showpad-wienerberger-popcomms-3-1.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><a href=\"https:\/\/dev.popcomms.com\/pop\/case-studies\/wienerberger-enhanced-sales-enablement-tool\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wienerberger&#8217;s<\/a> digital sales tool is easy and intuitive to navigate allowing their sales teams to meet the ever-growing needs of their broad customer base with tailored and consistent sales materials<\/figcaption><\/figure>\n\n\n\n<p>If your presentations aren&#8217;t getting the traction you need, it could be for a number of reasons. It could be your presentations are too generic and not relevant to your customers, your messaging may not be clear and you could be experiencing the infamous &#8216;death by PowerPoint&#8217;.<\/p>\n\n\n\n<p>Either way, it&#8217;s never a good feeling when your presentations are letting the side down &#8211; and narrative plays an essential role in developing <a href=\"https:\/\/dev.popcomms.com\/pop\/case-study-popcomms-creates-customer-centric-interactive-presentations\/\" data-type=\"post\" data-id=\"4866\" target=\"_blank\" rel=\"noreferrer noopener\">customer-centric interactive presentations<\/a> that truly resonate and engage your audience. Without it, they tend to switch off and lose track.<\/p>\n\n\n\n<p>Yet, people tend to overlook narrative and can forget that at the end of the day, there is a customer who is going to be listening to your presentation. Walking in with a generic deck and going through it in a linear style, skipping slides or having to move backwards and forwards, often with no thought or consideration to the narrative, can be very off-putting and confusing.<\/p>\n\n\n\n<p>That&#8217;s why we&#8217;re going to explain more about the importance of a good narrative below, as well as giving you some helpful tips on how to develop yours.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"750\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/Sales-enablement-presentation-healthcare-Coloplast-showpad-popcomms-4-1024x750.jpg\" alt=\"person holding black tablet displaying Coloplast interactive touchscreen digital presentation\" class=\"wp-image-616\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/Sales-enablement-presentation-healthcare-Coloplast-showpad-popcomms-4-1024x750.jpg 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/Sales-enablement-presentation-healthcare-Coloplast-showpad-popcomms-4-300x220.jpg 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/Sales-enablement-presentation-healthcare-Coloplast-showpad-popcomms-4-768x563.jpg 768w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/Sales-enablement-presentation-healthcare-Coloplast-showpad-popcomms-4-1536x1125.jpg 1536w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/Sales-enablement-presentation-healthcare-Coloplast-showpad-popcomms-4.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><a href=\"https:\/\/dev.popcomms.com\/pop\/case-studies\/coloplast-sales-tool\/\" target=\"_blank\" rel=\"noreferrer noopener\">Coloplast&#8217;s<\/a> digital sales tool adds value and creates empathy <\/figcaption><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>&#8220;Our new sales tool has made life so much easier. The tool allows me to access and browse all the sales materials I need in one place so that I can easily show, or send them to my customers and colleagues. The app is easy to navigate, looks really professional and allows me to deliver sales material in an effective way.&#8221;<\/p><cite><strong>Katie Bell<\/strong><em>, Senior Territory Manager, Coloplast<\/em><\/cite><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"color: #f2168f;\">What makes narrative so important?<\/span><\/h2>\n\n\n\n<p>The narrative is the heart of any good presentation; without a clear narrative, there is no story for your audience to understand and latch onto. This means your audience will have to work hard to try and figure out what is being said, where your presentation is going, what you need them to do or think and why you&#8217;re the right partner for them. It makes it hard for them to recall your key messages and retell your story to other decision-makers.<\/p>\n\n\n\n<p>Essentially, a narrative means you&#8217;re telling them a story with a clear, simple and logical flow; you&#8217;re conveying to them an idea and telling it in a compelling, engaging and meaningful way that builds towards a clear action point for them. It stitches together what are a set of individual slides, and makes sure they are coherent and work together. With a good narrative, you can ensure that every slide and every line of content has a purpose.<\/p>\n\n\n\n<p>Without a narrative, all you have is a series of slides. There&#8217;s no story for your audience to understand, and you&#8217;re left talking at them &#8211; instead of having a meaningful and mutually beneficial conversation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/dev.popcomms.com\/pop\/case-studies\/bacardi-enhanced-sales-enablement-tool\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/sales-enablement-interactive-presentation-bacardi-popcomms-3-1024x640.jpg\" alt=\"black iPad displaying Bombay Sapphire on Bacardi Limited touchscreen interactive sales enablement tool\" class=\"wp-image-240\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/sales-enablement-interactive-presentation-bacardi-popcomms-3-1024x640.jpg 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/sales-enablement-interactive-presentation-bacardi-popcomms-3-300x188.jpg 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/sales-enablement-interactive-presentation-bacardi-popcomms-3-768x480.jpg 768w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/sales-enablement-interactive-presentation-bacardi-popcomms-3-1536x960.jpg 1536w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/sales-enablement-interactive-presentation-bacardi-popcomms-3.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><a href=\"https:\/\/dev.popcomms.com\/pop\/case-studies\/bacardi-enhanced-sales-enablement-tool\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bacardi&#8217;s<\/a> sales tool enables sales reps to discuss the individual needs of  bar, restaurant or club bartenders, managers, and owners &#8211; all of whom have very different requirements and knowledge of Bacardi brands.<\/figcaption><\/figure>\n\n\n\n<p><strong>Remember<\/strong>: a presentation is all about getting your audience to take the action you need them to take &#8211; such as adopting an idea, moving to the next stage of their buying process etc. &#8211; therefore you must have a clear narrative argument that lays down why they should do what you want them to do. This is central to the whole idea of narrative.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"color: #f2168f;\"><span class=\"has-inline-color has-pop-pink-color\">How to develop a good presentation narrative<\/span><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Action<\/h3>\n\n\n\n<p>First things first; in order to develop the best narrative for your presentation, you have to establish the action you need your audience to take afterwards.<\/p>\n\n\n\n<p><strong style=\"font-size: inherit;\">Don&#8217;t underestimate this step.<\/strong><\/p>\n\n\n\n<p>Your entire presentation should be based on moving your audience to take the action you need them to take. It must be specific, clear, achievable and fit with their processes. For instance, every company will have a buying process and stages they need to go through with a new partner, so make sure your presentation clearly recognises this and don&#8217;t jump the gun. It&#8217;s rare that any deal will be signed off the back of a presentation so think carefully what can be achieved in your presentation to move the customer one step closer to signing a deal with you.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. It&#8217;s all about your customers<\/h3>\n\n\n\n<p>Now, you have to align this with your customers;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The problems they&#8217;re trying to solve, their challenges and goals<\/li><li>Look at their job roles, the market they&#8217;re in, and the current trends impacting their sector<\/li><li>What is it about your products or services that they need?<\/li><li>How do these things affect them in their everyday life?<\/li><li>What opportunities or insights can you bring to them when you partner?&nbsp;<\/li><li>How will you mitigate any risk in them adopting your solutions?<\/li><\/ul>\n\n\n\n<p>You need to put yourself into your customer&#8217;s shoes and critically review what you will be presenting to them. And, ask yourself the most important question &#8220;So what&#8221;. If you apply So What to one of your value propositions and you can&#8217;t succinctly answer that question then you need to look more closely at your proposition.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"In Conversation: How we work with clients to develop interactive sales tools\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/hQiblLBBSz8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption>We discuss how we work with clients on developing a narrative<\/figcaption><\/figure>\n\n\n\n<p>Once you&#8217;ve taken everything above into account, these points can be brought together as a slidemap or storyboard, the first step to building the narrative and your presentation. This phase is about laying out your argument and proof points in a logical order. You could use sticky notes, each note or slide should represent a message or key thought or proof point. Don&#8217;t cram everything into one page give your argument room to breath.<\/p>\n\n\n\n<p>Now, there will be a number of ways you can build your narrative, you may have ideas for different starting points e.g, do you start with the about us section, or industry trends or the customer challenges. There isn&#8217;t really a right answer, it very much depends on the customer, their knowledge of you their challenges and where they are in the buying process etc.<\/p>\n\n\n\n<p>But, at least with a storyboard you can easily test out different approaches to find the right mix. Your final presentation may also be interactive so this will let you tailor the narrative and flow depending on the audience questions.<\/p>\n\n\n\n<p>As a creative technology business, we go through these exact steps with all our clients. This is also something that any good agency should be able to help you with &#8211; even if it&#8217;s just to offer some free, impartial advice.<\/p>\n\n\n\n<p class=\"has-pop-gray-background-color has-background\"><strong>TIP:<\/strong> For more advice, check out our blog (with video): <a href=\"https:\/\/dev.popcomms.com\/pop\/tell-persuasive-b2b-story-presentations\/\" data-type=\"post\" data-id=\"3474\" target=\"_blank\" rel=\"noreferrer noopener\">&#8216;How to Tell a Persuasive B2B Story With Your Presentations&#8217;<\/a>.<\/p>\n\n\n\n<h2 class=\"has-pop-pink-color has-text-color wp-block-heading\"><span style=\"color: #f2168f;\">Advice on developing presentation narrative<\/span><\/h2>\n\n\n\n<p>If you&#8217;re looking to develop an effective and compelling narrative for your own presentation, we&#8217;d recommend you carefully consider the points above. We find that working through the above with our clients has quite a dramatic effect on how they approach important presentations and meetings and really helps them to refine their proposition and messaging.<\/p>\n\n\n\n<p>There&#8217;s nothing to stop you following this approach yourself, however, you may feel more comfortable engaging with an agency &#8211;&nbsp;even if it&#8217;s just to get a bit of outside perspective which can be crucial in sense checking your proposition.<\/p>\n\n\n\n<p>As an example of the process, one of our clients Isotrak had lots of old sales presentations with no consistent narrative or message with a focus very much on the product. So, we held a workshop to go through the presentations and talk in-depth about their customers. From here, we created the content map which went a long way in helping them to focus on their key messages and proposition.<\/p>\n\n\n\n<p>We then created a storyboard which enabled the entire sales team to review and practice the presentation to ensure the narrative and messages were spot on; at this stage, they were all focused on the content and narrative, without having to worry about the final design. You can see the final result in a more detailed <a href=\"https:\/\/dev.popcomms.com\/pop\/case-studies\/isotrak\/\" data-type=\"case-studies\" data-id=\"298\" target=\"_blank\" rel=\"noreferrer noopener\">case study<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to tell a persuasive B2B story with your presentations\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/hIUxKm5Tjkg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption>Interactive presentation for Isotrak<\/figcaption><\/figure>\n\n\n\n<h2 class=\"has-pop-pink-color has-text-color wp-block-heading\"><span style=\"color: #f2168f;\">In summary<\/span><\/h2>\n\n\n\n<p>By now, you should have a good idea of where to start when developing a customer-focused narrative. The above advice is something you can either follow yourself when creating a narrative, or it can be something an interactive agency should also be happy to help you with. It&#8217;s completely up to you.<\/p>\n\n\n\n<p>If you do decide to go to an agency, they should be able to show you previous examples of their work, along with offering you some free, impartial advice and guidance &#8211; so you can make the right choice for your business.<\/p>\n\n\n\n<p>Curious about what else is possible when developing an interactive presentation, whether for a sales meeting or a touchscreen experience? We encourage you to get in touch with us. We read and reply to every email we receive.<\/p>\n\n\n\n<p>Or download our eBook, which talks you through your options when developing an interactive touchscreen experience. <\/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 eBook<\/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>Updated March 2021 Are you wondering why a strong narrative is so important in a presentation &#8211; and how you can develop your own? In today&#8217;s market, no business can afford to squander face time with a customer by not being clear and succinct about what they do and the value they deliver. This is [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":8295,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[238],"tags":[113,111,123,98,205,110,86],"class_list":["post-5081","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sales-presentation","tag-b2b-sales","tag-conversational-selling","tag-digital-sales-tool","tag-interactive-content","tag-interactive-sales-tools","tag-narrative-presentation","tag-visual-storytelling"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/posts\/5081","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=5081"}],"version-history":[{"count":0,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/posts\/5081\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/media\/8295"}],"wp:attachment":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/media?parent=5081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/categories?post=5081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/tags?post=5081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}