{"id":21129,"date":"2021-04-22T13:14:50","date_gmt":"2021-04-22T12:14:50","guid":{"rendered":"https:\/\/marvelapp.com\/blog\/?p=21129"},"modified":"2022-06-01T09:38:57","modified_gmt":"2022-06-01T08:38:57","slug":"prototyping-and-user-testing-for-sales-teams","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/","title":{"rendered":"Prototyping and User Testing for Sales teams"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Following on from our series of posts on how <a class=\"link link--blue fontWeight-4\"title=\"Customer Experience\" href=\"https:\/\/marvelapp.com\/blog\/how-marvels-customer-experience-team-uses-prototypes\">Customer Experience<\/a> and <a class=\"link link--blue fontWeight-4\"title=\"Customer Support \" href=\"https:\/\/marvelapp.com\/blog\/4-ways-customer-support-teams-can-use-prototypes\/\">Customer Support <\/a> teams can benefit from using Marvel, we chatted to our Sales team as well as some of our customers to find out how Marvel is used and, in particular, how they can benefit from creating prototypes.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Prototyping during the sales process<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">A popular online payment system provider (we\u2019ll call them PayFriend) uses Marvel to create prototypes which are used as part of their sales process. PayFriend speaks to new prospects who are interested in using their e-commerce solution, but want to demostrate how their product can be used to give customers the freedom to buy how they want\u2014nearly anywhere in the world.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In the following example, let\u2019s assume a prospective customer of PayFriend would like a sales demonstration showing how the online payment system might look and work once integrated into their website. The sales representative would use the following design process in Marvel to build clickable, easy to share demos for their customers to visualise how their e-commerce system will look and feel when installed on their website.<\/p>\n<div id='gallery-1' class='gallery galleryid-21129 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1086\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/marvel-for-sales.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/marvel-for-sales.png 2048w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/marvel-for-sales-600x318.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/marvel-for-sales-1500x795.png 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/marvel-for-sales-768x407.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/marvel-for-sales-1536x815.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">How to build a clickable demo in Marvel for Sales prospects<\/h2>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Screenshot each page of the payment funnel from the prospective customer\u2019s website<\/li>\n<li><a class=\"link link--blue fontWeight-4\"title=\"Create a new project in Marvel\" href=\"https:\/\/marvelapp.com\/projects\/new\/prototype\/team\">Create a new project in Marvel<\/a> and drag and drop the screenshot images into the project (Marvel lets you upload any PNG, JPG or GIF files, up to 20MB)<\/li>\n<li>Edit the images in Marvel\u2019s design tool: adding your logo, and any common elements (boxes, buttons etc.) that are used when your product is installed on the customer\u2019s website<\/li>\n<li>Once the images are ready, the next step is to link them together to form a clickable demo, <a class=\"link link--blue fontWeight-4\"title=\"using \u201chotspots\u201d.\" href=\"https:\/\/help.marvelapp.com\/hc\/en-us\/articles\/360002779318-How-to-link-screens-with-hotspots\">using hotspots.<\/a><\/li>\n<li>Return to the main project screen and hover over the first image and click: \u201cPrototype\u201d to enter Marvel\u2019s prototyping mode<\/li>\n<\/ol>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">By using prototypes the team is able to demostrate value to their customers without development commitment. Speeding up the sales process and demostrating value to the user.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Another tip would be to utilise <a class=\"link link--blue fontWeight-4\"title=\"Marvel\u2019s download feature\" href=\"https:\/\/help.marvelapp.com\/hc\/en-us\/articles\/360002731257-How-to-download-your-prototype-offline-ZIP-\">Marvel\u2019s download feature<\/a> \u2013 this is great for when sales reps are pitching and are uncertain as to the reliability of the internet connection they might face. We\u2019ve all endured that moment when you rock up to someone else\u2019s office (and now too in our always online world!), and they don\u2019t have the right TV connector, or your laptop runs out of battery or they have a rubbish internet connection. By downloading your Marvel prototype demo to your local computer, any anxiety over connection issues dissolves.<\/p>\n<div id='gallery-2' class='gallery galleryid-21129 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"855\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/UserTesting_Blogpost_Header.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/UserTesting_Blogpost_Header.png 2048w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/UserTesting_Blogpost_Header-600x250.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/UserTesting_Blogpost_Header-1500x626.png 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/UserTesting_Blogpost_Header-768x321.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/UserTesting_Blogpost_Header-1536x641.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">How to user test and get feedback on your mock-ups<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">As a final step in this sales demo, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/\">Ballpark<\/a> is used to gather both audio and video feedback from key stakeholders and even clients \u2013 this would serve as a good gauge for how successful the integration of the e-commerce solution is likely to be with the client.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Testing a prototype in <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/ballparkhq.com\/?utm_campaign=Ballpark%20SEO&amp;utm_source=marvelblog\">Ballpark<\/a> is a fast and simple process. You can build a test which includes your prototype and follow up questions that you can share with anyone via a link. It's as easy as that and now PayFriend can see how their customers react and engage with their prototypes to continue to iterate and improve their sales process.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">These are just a couple ways in which Sales teams can use Marvel. <a class=\"link link--blue fontWeight-4\"title=\"Sign up today\" href=\"https:\/\/marvelapp.com\/signup\">Sign up today<\/a> to create your first prototype.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Following on from our series of posts on how Customer Experience and Customer Support teams can benefit from using Marvel, we chatted to our Sales team as well as some of our customers to find out how Marvel is used and, in particular, how they can benefit from creating prototypes. Prototyping during the sales process A popular online payment system&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":236,"featured_media":21136,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[496],"tags":[],"class_list":["post-21129","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-prototyping-design-thoughts"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Learn about how we see sales teams using Marvel to create prototypes and test ideas in their day to day workflows\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prototyping &amp; User Testing use cases for Sales teams\" \/>\n<meta property=\"og:description\" content=\"Learn about how we see sales teams using Marvel to create prototypes and test ideas in their day to day workflows\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-22T12:14:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-01T08:38:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/photo-1560250056-07ba64664864-scaled-e1619085128941.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"477\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"2 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/photo-1560250056-07ba64664864-scaled-e1619085128941.jpeg\",\"width\":700,\"height\":477},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/\",\"name\":\"Prototyping & User Testing use cases for Sales teams\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/#primaryimage\"},\"datePublished\":\"2021-04-22T12:14:50+00:00\",\"dateModified\":\"2022-06-01T08:38:57+00:00\",\"description\":\"Learn about how we see sales teams using Marvel to create prototypes and test ideas in their day to day workflows\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/01b90131740157c661c719f0733ebdd7\"},\"headline\":\"Prototyping and User Testing for Sales teams\",\"datePublished\":\"2021-04-22T12:14:50+00:00\",\"dateModified\":\"2022-06-01T08:38:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/#primaryimage\"},\"articleSection\":\"Design &amp; Prototyping\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/prototyping-and-user-testing-for-sales-teams\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/01b90131740157c661c719f0733ebdd7\",\"name\":\"Diana Gray\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ae74e8cd3d40b5d7a5190327b3f1468c1e9b1e5d57364323fa75a8b822ce0ef4?s=96&d=mm&r=g\",\"caption\":\"Diana Gray\"},\"description\":\"Hello I'm Diana and I head up our Customer Experience (CX) team. When not CX'ing, I love cooking on wood fires, smashing tennis balls and all fun outdoor activities.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/21129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/236"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=21129"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/21129\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/21136"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=21129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=21129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=21129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}