{"id":21157,"date":"2021-04-29T19:50:59","date_gmt":"2021-04-29T18:50:59","guid":{"rendered":"https:\/\/marvelapp.com\/blog\/?p=21157"},"modified":"2023-12-22T13:36:43","modified_gmt":"2023-12-22T13:36:43","slug":"improve-collaboration-with-clients-using-prototypes","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/improve-collaboration-with-clients-using-prototypes\/","title":{"rendered":"Improve collaboration with clients using Prototypes"},"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\">When it comes time to share your work with clients or stakeholders, securely sharing your Marvel prototype is easy. Prototypes can be shared in two ways: either by giving a client view-only access to your workspace, or alternatively by sharing a public URL. If your stakeholders have feedback, they can make any notes directly in Marvel using comments and annotations. That feedback will give you the input you need to iterate on your designs and get your product shipped quickly!<\/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\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Feedback loops<\/strong><br \/>\nWhen you're speccing out a product, you may want to gather the perspective of different people who are not directly involved in the design 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\">There's the saying, \"it takes different colours to make a rainbow\"; meaning different perspectives are sometimes needed to make a whole product. Or in other words: diversity makes life a bit more interesting! From a <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.sender.net\/blog\/direct-marketing\/\">project management perspective<\/a>, this saying also applies; taking different perspectives into account can make a project more successful.<\/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\">A designer might run with a brief from a client, but still seek sign-off from stakeholders from relevant departments who will want to see the designs and give their feedback. For example, a member of the Marketing Team in the company who is making the end product may see the prototype and notice that the colours of the prototype are not in line with the brand colours, or that there are no elements which indicate that there will be links to social media on the wireframe used to create the prototype.<\/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\">By sharing a prototype with stakeholders before building the product, you may find you get useful insights into the end-product that you may not have considered. This creates a feedback loop, where iterations of the prototype can be worked on, looked at by other members of the team, improved on based on the feedback of others.<\/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 short, consulting with a range of people on the end-product at the right stages can often lead to a faster, more efficient, and less costly build.<\/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\">With Marvel, there are plenty of ways that you can share these prototypes with your clients, capture their ideas and build them into your designs. With every prototype, there is the option to share your work in a number of ways. There's the option to send a public link to the prototype via SMS, email, or by simply copying and pasting the link and sharing it however you wish.<\/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\">To share your prototype via SMS or Email:<\/p>\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>Select any <a class=\"link link--blue fontWeight-4\"title=\"project\" href=\"https:\/\/marvelapp.com\/projects\/my\">project<\/a><\/li>\n<li>Click 'Share or invite'<\/li>\n<li>Click 'Send via SMS' or 'Send via Email'<\/li>\n<li>Enter the phone number or email address<\/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\">Once a client has access to a share link, they'll be able to get a real idea of how the prototype will look and feel to the end-user, and be able to share their feedback with comments or annotations on each screen.<\/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\">To <a class=\"link link--blue fontWeight-4\"title=\"share feedback by adding comments\" href=\"https:\/\/help.marvelapp.com\/hc\/en-us\/articles\/360009148298-A-guide-to-comments-and-annotations\">share feedback by adding comments<\/a>, your clients can go to the project, via the Share URL, and add comments or annotations to each screen.<\/p>\n<div id='gallery-1' class='gallery galleryid-21157 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\/Feedback-loops-sharing-a-prototype--scaled.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/Feedback-loops-sharing-a-prototype--scaled.jpg 2048w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/Feedback-loops-sharing-a-prototype--600x318.jpg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/Feedback-loops-sharing-a-prototype--1500x795.jpg 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/Feedback-loops-sharing-a-prototype--768x407.jpg 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/Feedback-loops-sharing-a-prototype--1536x815.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Signing off a project<\/strong><\/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\">Similarly, project owners, heads of departments, or people in C-Suite positions may also need to give feedback on a project, and see the finished design before signing it off.<\/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\">Different people need different degrees of access to a project. Some users, such as designers on particular products, will need to have editor access, and won\u2019t have access to others that they\u2019re not actively collaborating on. There are also a subset of users who are not actively involved with the design process that will need visibility of all projects, but will only need to add annotations and comments to give their feedback.<\/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\">With Marvel, it\u2019s easy to make sure that access to view and edit confidential projects is only given to the people that need to see it through setting the right permissions at a user or group level.<\/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\"><em>User types: Team members and collaborators<\/em><\/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\">There are two main types of users on a workspace: \u2018team members\u2019, which are usually colleagues, that are added to the workspace, and can be given \u2018Editor\u2019 status; and \u2018collaborators\u2019, who can add comments and annotations to all the prototypes that they\u2019ve been given access to.<\/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\"><em>Invite -only<\/em><\/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\">It\u2019s possible to secure the projects within your workspace, making them accessible only by named stakeholders, by setting each project to be \u201cInvite-Only.\u201d<\/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\">To restrict access to projects or folders on your workspace to users unless they\u2019re invited, follow these steps:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Go to the <a class=\"link link--blue fontWeight-4\"title=\"project\" href=\"https:\/\/marvelapp.com\/projects\/my\">project<\/a> or folder dashboard<\/li>\n<li>Click on Share (blue button in the top right)<\/li>\n<li>Toggle invite-only<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>Logging in to view prototypes<\/em><\/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\">There\u2019s also the ability to restrict access to confidential projects to people outside of your workspace. This means that you can be sure that only users that have been invited to your workspace can view the prototype from the Share URL.<\/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\">To enable this, please follow these steps:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Click on <a class=\"link link--blue fontWeight-4\"title=\"Team\" href=\"https:\/\/marvelapp.com\/company\/people\/members\">Team<\/a> on the left menu<\/li>\n<li>Click Settings<\/li>\n<li>Check the box next to Require users to log in to view prototypes<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>Share by section<\/em><\/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\">You may also want to only share a section of the project, instead of the complete project! This is useful for clients who will only want to see parts of the project which are ready for review, or a great way to conceal work that other people should not have access to.<\/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\">To do this:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Open your project with sections<\/li>\n<li>Hover over the title of the section that you'd like to share with someone<\/li>\n<li>Click on the white 'Options' button on the right-hand side of the page<\/li>\n<li>Select the 'Copy link' option on the drop-down box which is revealed<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>Password protection<\/em><\/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\">Finally, you can also add Password Protection to your prototypes. This is enabled on the public Share URL, so clients with access to this URL will need to have the password to view it.<\/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\">If there are any thoughts on the prototype that they may have, they can easily add comments to screens indicating that they're happy with what they say and that the designs are ready for handoff.<\/p>\n<div id='gallery-2' class='gallery galleryid-21157 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\/Signing-off-on-a-project-commenting-on-a-project-scaled.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/Signing-off-on-a-project-commenting-on-a-project-scaled.jpg 2048w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/Signing-off-on-a-project-commenting-on-a-project-600x318.jpg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/Signing-off-on-a-project-commenting-on-a-project-1500x795.jpg 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/Signing-off-on-a-project-commenting-on-a-project-768x407.jpg 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/Signing-off-on-a-project-commenting-on-a-project-1536x815.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Pitching your project<\/strong><br \/>\nAlong with gaining feedback from your clients, a prototype can also be a <a class=\"link link--blue fontWeight-4\"title=\"great tool in demonstrating what your end-product is supposed to look like\" href=\"https:\/\/marvelapp.com\/blog\/pitch-present-ideas-using-prototypes-clients-stakeholders\/\">great tool in demonstrating what your end-product is supposed to look like<\/a>, and how it will behave once it's been built.<\/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\">This is especially useful for very early-stage startups, who may be short on resources. A pitch for pre-product investment is always more compelling with something that looks and feels like a working product. And it also gives the founding team scope to understand what pitfalls they may face before building the product, and how potential issues could be overcome.<\/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\">With Marvel, you can validate your ideas with data, to forecast how users may behave with an end-product, what the best design options were, and why certain decisions were made. The more objective data that can be given to an investor about every stage of the product's conception - the better.<\/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\">It's also exciting for investors to be given something that they can see and play around with, as opposed to being given an idea where they'll have to work to visualise how impactful it could be in the future.<\/p>\n<div id='gallery-3' class='gallery galleryid-21157 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\/presenting--scaled.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/presenting--scaled.jpg 2048w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/presenting--600x318.jpg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/presenting--1500x795.jpg 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/presenting--768x407.jpg 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/presenting--1536x815.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Embedding your prototype is one way that it can be viewed outside of Marvel, and having an embed on your own website can be a very slick way to impress investors in a presentation!<\/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\">To embed an iframe of your prototype onto a website:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Open any <a class=\"link link--blue fontWeight-4\"title=\"share feedback by adding comments\" href=\"https:\/\/help.marvelapp.com\/hc\/en-us\/articles\/360009148298-A-guide-to-comments-and-annotations\">share feedback by adding comments<\/a><a class=\"link link--blue fontWeight-4\"title=\"project\" href=\"https:\/\/marvelapp.com\/projects\/my\">project<\/a><\/li>\n<li>Click 'Share and invite'<\/li>\n<li>Click 'Embed' and copy the code<\/li>\n<\/ul>\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 summary, Marvel can support feedback loops, sign off and presenting ideas to clients. Bringing everyone into the design process and supporting collaboration. <a class=\"link link--blue fontWeight-4\"title=\"Sign up today\" href=\"https:\/\/marvelapp.com\/signup\">Sign up today<\/a> to get started!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When it comes time to share your work with clients or stakeholders, securely sharing your Marvel prototype is easy. Prototypes can be shared in two ways: either by giving a client view-only access to your workspace, or alternatively by sharing a public URL. If your stakeholders have feedback, they can make any notes directly in Marvel using comments and annotations&#8230;. <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/improve-collaboration-with-clients-using-prototypes\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":359,"featured_media":21151,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[496],"tags":[],"class_list":["post-21157","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=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/improve-collaboration-with-clients-using-prototypes\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Improve collaboration with clients using Prototypes | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"When it comes time to share your work with clients or stakeholders, securely sharing your Marvel prototype is easy. Prototypes can be shared in two ways: either by giving a client view-only access to your workspace, or alternatively by sharing a public URL. If your stakeholders have feedback, they can make any notes directly in Marvel using comments and annotations.... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/improve-collaboration-with-clients-using-prototypes\/\" \/>\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-29T18:50:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-22T13:36:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/Prototyping-with-clients-header-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1337\" \/>\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=\"5 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\/improve-collaboration-with-clients-using-prototypes\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/04\/Prototyping-with-clients-header-scaled.jpg\",\"width\":2048,\"height\":1337},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/improve-collaboration-with-clients-using-prototypes\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/improve-collaboration-with-clients-using-prototypes\/\",\"name\":\"Improve collaboration with clients using Prototypes | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/improve-collaboration-with-clients-using-prototypes\/#primaryimage\"},\"datePublished\":\"2021-04-29T18:50:59+00:00\",\"dateModified\":\"2023-12-22T13:36:43+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/improve-collaboration-with-clients-using-prototypes\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/improve-collaboration-with-clients-using-prototypes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/improve-collaboration-with-clients-using-prototypes\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/1d757b2542101a22f3c5b6863beeec47\"},\"headline\":\"Improve collaboration with clients using Prototypes\",\"datePublished\":\"2021-04-29T18:50:59+00:00\",\"dateModified\":\"2023-12-22T13:36:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/improve-collaboration-with-clients-using-prototypes\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/improve-collaboration-with-clients-using-prototypes\/#primaryimage\"},\"articleSection\":\"Design &amp; Prototyping\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/improve-collaboration-with-clients-using-prototypes\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/1d757b2542101a22f3c5b6863beeec47\",\"name\":\"Jane Adojutelegan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d1e19e1fb979072c0e8800437b8881f89cbcdac2f4d41994fefaf3e6470c05bf?s=96&d=mm&r=g\",\"caption\":\"Jane Adojutelegan\"},\"description\":\"Customer Support Manager at Marvel\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/21157","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\/359"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=21157"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/21157\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/21151"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=21157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=21157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=21157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}