{"id":15466,"date":"2018-06-28T09:45:41","date_gmt":"2018-06-28T08:45:41","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=15466"},"modified":"2020-08-21T12:52:48","modified_gmt":"2020-08-21T11:52:48","slug":"dashboard","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/dashboard\/","title":{"rendered":"Dashboard &#8211; Made with the Marvel API"},"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\">We're excited to announce <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dashboard.marvelapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dashboard<\/a>, an integration built with the Marvel API. It syncs with your Marvel account and displays what your team is working in real-time, perfect for TVs and screens in the office.<\/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\/mq2i5h61cp.jsonp\" async><\/script><script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script><span class=\"wistia_embed wistia_async_mq2i5h61cp popover=true popoverAnimateThumbnail=true\" style=\"display: inline-block; height: 420px; position: relative; width: 750px;\">\u00a0<\/span><br \/>\nIn companies where design moves fast, it's hard to keep everyone in the loop with what's happening in the design team. At Marvel, we know it's important to keep teams close and workloads visible. So, we started discussing what products or processes could bring design closer to other teams in a business.<\/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\">We found that simply through showing a few shots of different designs to various individuals on a daily basis, was enough to give them a rough idea what the design team were working on. It actually improved transparency on projects tenfold, on top of the weekly Show and Tell we initially ran to keep up with company projects.<\/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\">So, Dashboard was born - a microsite that displays the latest designs uploaded to Marvel by members of your team.<\/p>\n<div id='gallery-1' class='gallery galleryid-15466 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/blog\/dashboard\/blogpost4\/'><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1137\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/BlogPost4.jpg\" class=\"attachment-full size-full\" alt=\"Marvel Dashboard on TV\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/BlogPost4.jpg 1920w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/BlogPost4-600x355.jpg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/BlogPost4-768x455.jpg 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/BlogPost4-1500x888.jpg 1500w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\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\">Dashboard can be displayed on a big screen or projected on a wall. At Marvel we use a chromebit, a HDMI minicomputer we plug in the back of our tv and it showcases activity from the whole day through this microsite.<\/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's how to get started:<\/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>Head over to the Dashboard page and select 'Connect with Marvel'<\/li>\n<li>Authorise Dashboard access to your Marvel account<\/li>\n<li>That's it! You'll instantly be taken to your unique Dashboard with your 'last updated' Marvel screens<\/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\">To find out more, go to our <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dashboard.marvelapp.com\/\">landing page<\/a> or check out the\u00a0<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/marvelapp\/Dashboard\">GitHub repo<\/a> and customise Dashboard for your team.<\/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 case you missed it, all the details of the Marvel API are <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/developers\/\">here<\/a>. It's an exciting addition to Marvel which give you access to the platform's functionality and the freedom to build the features you want, right away.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re excited to announce Dashboard, an integration built with the Marvel API. It syncs with your Marvel account and displays what your team is working in real-time, perfect for TVs and screens in the office. \u00a0 In companies where design moves fast, it&#8217;s hard to keep everyone in the loop with what&#8217;s happening in the design team. At Marvel, we&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/dashboard\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":91,"featured_media":15468,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[453],"tags":[],"class_list":["post-15466","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-integrations-api"],"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=\"Dashboard syncs with your Marvel account and displays project activity in a visually dynamic way that improves transparency across your team.\" \/>\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\/dashboard\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dashboard - Made with the Marvel API | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"Dashboard syncs with your Marvel account and displays project activity in a visually dynamic way that improves transparency across your team.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/dashboard\/\" \/>\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=\"2018-06-28T08:45:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-21T11:52:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Thumbnail_01-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"449\" \/>\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=\"1 minute\">\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\/dashboard\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Thumbnail_01-1.png\",\"width\":\"600\",\"height\":\"449\",\"caption\":\"Dashboard for Marvel\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/dashboard\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/dashboard\/\",\"name\":\"Dashboard - Made with the Marvel API | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/dashboard\/#primaryimage\"},\"datePublished\":\"2018-06-28T08:45:41+00:00\",\"dateModified\":\"2020-08-21T11:52:48+00:00\",\"description\":\"Dashboard syncs with your Marvel account and displays project activity in a visually dynamic way that improves transparency across your team.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/dashboard\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/dashboard\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/dashboard\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/c15a12cd56e8c344978415a704279e44\"},\"headline\":\"Dashboard &#8211; Made with the Marvel API\",\"datePublished\":\"2018-06-28T08:45:41+00:00\",\"dateModified\":\"2020-08-21T11:52:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/dashboard\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/dashboard\/#primaryimage\"},\"articleSection\":\"Integrations &amp; API\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/dashboard\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/c15a12cd56e8c344978415a704279e44\",\"name\":\"Maxime De Greve\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/840c3a50faa4cfc7c6138fbb03bdfb24e590e8949a055d27e411d6067f9cc9e4?s=96&d=mm&r=g\",\"caption\":\"Maxime De Greve\"},\"description\":\"Designer and Developer @marvelapp. Belgian.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/15466","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\/91"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=15466"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/15466\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/15468"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=15466"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=15466"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=15466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}