{"id":19181,"date":"2020-02-12T11:00:26","date_gmt":"2020-02-12T11:00:26","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=19181"},"modified":"2020-05-11T19:45:20","modified_gmt":"2020-05-11T18:45:20","slug":"5-great-ways-to-use-sections-in-your-marvel-projects","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/5-great-ways-to-use-sections-in-your-marvel-projects\/","title":{"rendered":"5 Great Ways to Use Sections in Your Marvel Projects"},"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\">One of the great things about Marvel is how it\u2019s used in so many different ways. We\u2019ve seen so many creative uses of the platform that we wanted to share a few ways to get the most out of one of our most popular features called sections.<\/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\">The story behind why we created sections was to solve the problem when projects scale to hundreds of screens, making them difficult to manage, present and collaborate on. Sections comes to the rescue and helps you organise screens and makes it easier than ever to communicate flows, journeys and ideas.<\/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\"><script src=\"https:\/\/fast.wistia.com\/embed\/medias\/49r30c9d7v.jsonp\" async><\/script><script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script><span class=\"wistia_embed wistia_async_49r30c9d7v popover=true popoverAnimateThumbnail=true\" style=\"display:inline-block;height:405px;position:relative;width:720px\"><\/span><\/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 comes out of the box with two great features:<\/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><b class=\"fontWeight-5\">Create dividers around specific flows: <\/b>Organise your projects into different sections based on whatever them you choose.<\/li>\n<li><b class=\"fontWeight-5\">Share the link to any section:<\/b> Enable stakeholders and developers to view a specific section instead of your entire prototype, making it easier to focus.<\/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\">Now you know a little bit about sections, here are our top 5 ways to use them that might inspire your next project:<\/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;\">1) Separate the different flows within a project<\/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\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19278\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy-3-1.png\" alt=\"Marvel sections different flows\" width=\"720\" height=\"604\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy-3-1.png 720w, https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy-3-1-600x503.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/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\">The most popular use of sections is to divide projects into different flows to help communicate to collaborators and stakeholders viewing the project where each part of the feature or product starts and ends.<\/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\">Let\u2019s take an example of a typical app which may have the following areas:<\/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>Sign up<\/li>\n<li>Onboarding<\/li>\n<li>Dashboard<\/li>\n<li>Upgrade<\/li>\n<li>User profile<\/li>\n<li>Billing<\/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\">Each of these areas of the app can be divided into a section within your Marvel project, making it easier to manage but also communicate visually with anyone collaborating.<\/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\">Here\u2019s how:<\/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>Add your designs to your <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/projects\/my?utm_source=blog&amp;utm_medium=deeplink&amp;utm_campaign=PLG&amp;utm_term=%7Bdate%7D&amp;utm_content=sections\">Marvel project<\/a><\/li>\n<li>Hover in between any image to create a section<\/li>\n<li>Name your sections based on the part of the flow, for example <b class=\"fontWeight-5\">\u2018Sign up\u2019<\/b> and <b class=\"fontWeight-5\">\u2018Onboarding\u2019<\/b>, <b class=\"fontWeight-5\">\u2018Billing\u2019<\/b><\/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\">Now when you invite a stakeholder, client or developer to the project, they can see exactly what goes where. Plus, as you work, each design stays in sync when you make updates (via uploading from your computer or our Sketch plugin).<\/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;\">2) Organise low and high fidelity examples in the same project<\/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\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19275\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy.png\" alt=\"Marvel sections low high fidelity project\" width=\"720\" height=\"604\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy.png 720w, https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy-600x503.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/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 you start projects off with sketches or wireframes, then creating a section or two dedicated to low fidelity work as a reference can be incredibly helpful when creating the high fidelity version and will speed up the production of screens.<\/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 can also be helpful for people reviewing projects to see the thought process and evolution of a concept.<\/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\">(Oh and by the way the Marvel iOS and Android apps can upload sketches and low fidelity designs directly to projects. <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/marvelapp.com\/apps?utm_source=blog&amp;utm_medium=deeplink&amp;utm_campaign=PLG&amp;utm_term=%7Bdate%7D&amp;utm_content=sections \">Download the apps for free<\/a>)<\/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\">Here\u2019s how:<\/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>Add your low and high fidelity designs to your <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/projects\/my?utm_source=blog&amp;utm_medium=deeplink&amp;utm_campaign=PLG&amp;utm_term=%7Bdate%7D&amp;utm_content=sections\">Marvel project<\/a><\/li>\n<li>Hover in between any image to create a section<\/li>\n<li>Name your sections <b class=\"fontWeight-5\">\u2018Sketches\u2019<\/b> and \u2018<strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Wireframes<\/strong>\u2019 and \u2018<strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Final<\/strong>\u2019<\/li>\n<li>Hover over any section and click Options, then <b class=\"fontWeight-5\">Copy link<\/b> to share<\/li>\n<\/ol>\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;\">3) Show which designs are in progress or ready to review<\/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\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19279\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy-2-1.png\" alt=\"\" width=\"720\" height=\"604\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy-2-1.png 720w, https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy-2-1-600x503.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><br \/>\nIt\u2019s common for certain screens in your project to be in draft or in progress, especially on large projects where you\u2019re waiting for sign off or copy to be provided.<\/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\">Sections can be a massive help in these situations by allowing product managers or marketing to see the current status of a project and what designs need to be reviewed or contributed too. You can also share a link to a specific section externally, so viewers will land at the beginning of the set of designs within your project.<\/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\">Here\u2019s how:<\/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>Add your designs to your <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/projects\/my?utm_source=blog&amp;utm_medium=deeplink&amp;utm_campaign=PLG&amp;utm_term=%7Bdate%7D&amp;utm_content=sections\">Marvel project<\/a><\/li>\n<li>Hover in between any image to create a section<\/li>\n<li>Name your sections <b class=\"fontWeight-5\">\u2018In Progress\u2019, <\/b>\u2018<b class=\"fontWeight-5\">Ready to review<\/b>\u2019 and \u2018<b class=\"fontWeight-5\">Done<\/b>\u2019<\/li>\n<li>Hover over any section and click Options, then <b class=\"fontWeight-5\">Copy link<\/b> to share<\/li>\n<\/ol>\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;\">4) Divide work between multiple people<\/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\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-19273 size-full\" title=\"Marvel sections divide work between people\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy-4.png\" alt=\"\" width=\"720\" height=\"604\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy-4.png 720w, https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy-4-600x503.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><br \/>\nIf you\u2019re working on a large project with multiple collaborators, you may often need to divide up responsibilities when either creating, testing or reviewing designs.<\/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 a big, unorganised project, it can be tricky to manage and visualise who is working on what parts of the product or feature. Sections make it easy to split up the different people and their responsibilities.<\/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\">Here\u2019s how:<\/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>Head to your Marvel project<\/li>\n<li>Invite your other collaborators by clicking Share<\/li>\n<li>Add your designs to your <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/projects\/my?utm_source=blog&amp;utm_medium=deeplink&amp;utm_campaign=PLG&amp;utm_term=%7Bdate%7D&amp;utm_content=sections\">Marvel project<\/a><\/li>\n<li>Hover in between any image to create a section<\/li>\n<li>Name your sections the same name as your collaborators working on the project, for example,\u00a0<b class=\"fontWeight-5\">\u2018Max\u2019, \u2018Yavor\u2019, \u2018Kitty\u2019 <\/b>and<b class=\"fontWeight-5\"> \u2018Charlotte\u2019;<\/b><\/li>\n<li>Collaborators can now add designs to a specific section and work from there<\/li>\n<\/ol>\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;\">5) Communicate different concepts<\/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\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19274\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy-5.png\" alt=\"\" width=\"720\" height=\"604\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy-5.png 720w, https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/02\/Artboard-Copy-5-600x503.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><br \/>\nIf you\u2019re testing or presenting various routes and concepts to users or stakeholders, sections can be used to organise them into a single project within Marvel.<\/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 create prototypes from sections that are self-contained (simply don\u2019t link them to another section). That means each section can be a working prototype, separated from other sections - great for presenting.<\/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\">Here\u2019s how:<\/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>Add your designs to your <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/projects\/my?utm_source=blog&amp;utm_medium=deeplink&amp;utm_campaign=PLG&amp;utm_term=%7Bdate%7D&amp;utm_content=sections\">Marvel project<\/a><\/li>\n<li>Hover in between any image to create a section<\/li>\n<li>Name your sections based on the different concepts, for example <b class=\"fontWeight-5\">\u2018Concept 1\u2019, \u2018Concept 2, \u2018Concept 3\u2019 <\/b>and<b class=\"fontWeight-5\"> \u2018Concept 4';<\/b><\/li>\n<li>Collaborators can now add designs to a specific section and work from there<\/li>\n<li>Hover over any section and click Options, then <b class=\"fontWeight-5\">Copy link<\/b> to share with testers or stakeholders<\/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\">These are only a small number of ways to use sections to organise your projects - <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/projects\/my?utm_source=blog&amp;utm_medium=deeplink&amp;utm_campaign=PLG&amp;utm_term=%7Bdate%7D&amp;utm_content=sections\">click here<\/a> to just to your dashboard to start creating sections. If you have any examples that aren\u2019t listed here, <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.twitter.com\/marvelapp?utm_source=blog&amp;utm_medium=deeplink&amp;utm_campaign=PLG&amp;utm_term=%7Bdate%7D&amp;utm_content=sections \">send us a tweet<\/a> so we can share with the community!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the great things about Marvel is how it\u2019s used in so many different ways. We\u2019ve seen so many creative uses of the platform that we wanted to share a few ways to get the most out of one of our most popular features called sections. The story behind why we created sections was to solve the problem when&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/5-great-ways-to-use-sections-in-your-marvel-projects\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":1,"featured_media":19282,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[429],"tags":[419,417,422],"class_list":["post-19181","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-tips-and-tricks","tag-features","tag-product","tag-sections"],"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=\"One of the great things about Marvel is how it\u2019s used in so many ways. Here are 5 great ways to use sections in your Marvel Projects.\" \/>\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\/5-great-ways-to-use-sections-in-your-marvel-projects\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Great Ways to Use Sections in Your Marvel Projects | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"One of the great things about Marvel is how it\u2019s used in so many ways. Here are 5 great ways to use sections in your Marvel Projects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/5-great-ways-to-use-sections-in-your-marvel-projects\/\" \/>\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=\"2020-02-12T11:00:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-11T18:45:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/02\/sections-header.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1725\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\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=\"4 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\/5-great-ways-to-use-sections-in-your-marvel-projects\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/02\/sections-header.png\",\"width\":1725,\"height\":720,\"caption\":\"Marvel sections header\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/5-great-ways-to-use-sections-in-your-marvel-projects\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/5-great-ways-to-use-sections-in-your-marvel-projects\/\",\"name\":\"5 Great Ways to Use Sections in Your Marvel Projects | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/5-great-ways-to-use-sections-in-your-marvel-projects\/#primaryimage\"},\"datePublished\":\"2020-02-12T11:00:26+00:00\",\"dateModified\":\"2020-05-11T18:45:20+00:00\",\"description\":\"One of the great things about Marvel is how it\\u2019s used in so many ways. Here are 5 great ways to use sections in your Marvel Projects.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/5-great-ways-to-use-sections-in-your-marvel-projects\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/5-great-ways-to-use-sections-in-your-marvel-projects\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/5-great-ways-to-use-sections-in-your-marvel-projects\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/ecec7188bfa16fd52700fd6952ed9949\"},\"headline\":\"5 Great Ways to Use Sections in Your Marvel Projects\",\"datePublished\":\"2020-02-12T11:00:26+00:00\",\"dateModified\":\"2020-05-11T18:45:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/5-great-ways-to-use-sections-in-your-marvel-projects\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/5-great-ways-to-use-sections-in-your-marvel-projects\/#primaryimage\"},\"keywords\":\"Features,Product,Sections\",\"articleSection\":\"Product Tips &amp; Tricks\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/5-great-ways-to-use-sections-in-your-marvel-projects\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/ecec7188bfa16fd52700fd6952ed9949\",\"name\":\"Murat\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/60b7fb1722edde45406cb169ec3eb1e56dc54bf074f00186ba92dae286837d96?s=96&d=mm&r=g\",\"caption\":\"Murat\"},\"description\":\"Hi! I'm one of the co-founders at Marvel and a Product Designer by trade. You can often find me asking why Arsenal haven't signed anyone this season. Follow me on Twitter.\",\"sameAs\":[\"http:\/\/marvelapp.com\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/19181","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=19181"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/19181\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/19282"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=19181"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=19181"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=19181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}