{"id":1387,"date":"2016-04-18T15:46:52","date_gmt":"2016-04-18T14:46:52","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=1387"},"modified":"2020-08-14T12:13:41","modified_gmt":"2020-08-14T11:13:41","slug":"spotlight-sup","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/spotlight-sup\/","title":{"rendered":"Spotlight &#8211; Sup."},"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\"><em>Bumping randomly into an old friend is one of life's great pleasures. Unfortunately, that rarely happens, even if they were in the same area. The problem is we just didn't know. We spoke to <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/supme.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sup<\/a> on how to resolve the annoyance of missed encounters, because frankly, we've had too many.<\/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\">Why is it so hard to meet people? Perhaps the team behind Sup, who created an app that \u201cfacilitates the beauty of serendipitous meet ups,\" has the answer.<\/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 class=\"link link--blue fontWeight-4\"href=\"https:\/\/twitter.com\/pierrejoshua\" target=\"_blank\" rel=\"noopener noreferrer\">Pierre Joshua<\/a>, UI\/ UX designer at Sup, tells me it\u2019s because we\u2019re all \u201cslaves to our own calendar.\" We live in a society where we\u2019re all passing each other by. We can\u2019t help but feel disappointed, too, when we know that someone was nearby and we missed the chance to say hello. Sup understands the frustration\u00a0of it all. \u201cPerfectly aligning your schedule with friends is so difficult and it so often feels like you\u2019re arranging a meeting when you\u2019re trying to book in time for a beer. In reality, your friends are likely to be close by and up for chilling, but you just don\u2019t know it.\"<\/p>\n<div id='gallery-1' class='gallery galleryid-1387 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=\"1614\" height=\"908\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/04\/supmenow.jpg\" class=\"attachment-full size-full\" alt=\"supmenow\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/04\/supmenow.jpg 1614w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/04\/supmenow-600x338.jpg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/04\/supmenow-768x432.jpg 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/04\/supmenow-1500x844.jpg 1500w\" sizes=\"auto, (max-width: 1614px) 100vw, 1614px\" \/>\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\">Serendipity is at the heart of Sup. \u201cWe want,\" Pierre tells me \u201cfor you to see that friend you didn\u2019t realise was in town when you least expect it.\u201d This convenient way to meet friends by focusing on proximity is perfect for those who want more connection, but don't seem to find the time.<\/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\">But doesn't this have a stalking undertone to it? Thankfully, the team behind Sup cares a lot about privacy and have already thought about this potential \u2018creep factor'. The app uses a non-directional radar based system, which means there are no maps involved. So instead of knowing someone's exact location, you only know when they're nearby. You can either connect with new people by choosing to see everyone on your radar, or you can reconnect with friends by filtering out the rest. There\u2019s also an opportunity to go off the grid with the 'go dark' mode for days when you just want space.<\/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\"><iframe loading=\"lazy\" class=\"display-block marginTopBottom-l centered\" style=\"z-index: 100; position: relative; max-width: 452px; max-height: 901px; width: 90%; height: 901px;\" src=\"https:\/\/marvelapp.com\/49gag06?emb=1\" width=\"452\" height=\"901\" frameborder=\"0\" data-width=\"452px\" data-height=\"901px\"><\/iframe><\/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\">When it comes to developing the product, clarity and ease of use are two driving forces for the Sup team. By \u201coffering a great amount of utility with very little effort on the part of the user\u201d Pierre tells me \u201cis the way we become a necessity and in turn grow.\" This respect for utility is what makes the app incredibly smooth to use, easy to understand, and vibrant to look at.<\/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\">Introducing new designs can be tricky too. \u201cIt can be pretty difficult,\u201d Pierre explains, \u201cto communicate the vision for new designs with wireframes, so Marvel allows me to make it super clear for the team and beta users.\u201d<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\u201cIt can be pretty difficult to communicate the vision for new designs with wireframes, so Marvel allows me to make it super clear for the team and beta users.\u201d<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">First impression counts a lot when it comes to the digital landscape. Products are judged more critically because they don\u2019t have feelings (though we tend to forget that the people who make them do). Onboarding with a prototype is a great way to demonstrate the value of a product, as opposed to explaining it, and keeps the momentum going. \u201cRight now we are using Marvel to prototype new features with motion to help the team and our select users to experience the importance of motion in app design.\u201d Motion allows the app to feel more animated when used, it gives it personality, and as a result, the whole experience is less static. Pretty isn\u2019t the first thing the Sup team thinks about when it comes to designing; instead, they focus on \"offering that instant utility,\u201d which is prompted by constantly asking the question: \u201cWill this help users see their friends more?\"<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">This isn\u2019t just social discovery, it\u2019s socialising.<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Of course, meeting up with friends, consequently, also begs the question: where should we hang out? When asked about the future, Pierre says that \u201cRight now it\u2019s about who\u2019s around you. In the not too distant future, we want to address the next question that\u2019s triggered after you\u2019ve met a friend: what\u2019s nearby?\" This isn\u2019t just social discovery, it\u2019s socialising. Could Sup be the antidote to the current epidemic that is FOMO? Well, it\u2019s certainly on its way.<\/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\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bumping randomly into an old friend is one of life&#8217;s great pleasures. Unfortunately, that rarely happens, even if they were in the same area. The problem is we just didn&#8217;t know. We spoke to Sup on how to resolve the annoyance of missed encounters, because frankly, we&#8217;ve had too many. Why is it so hard to meet people? Perhaps the&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/spotlight-sup\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":7,"featured_media":1389,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-1387","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-in-the-spotlight"],"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\/spotlight-sup\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spotlight - Sup. | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"Bumping randomly into an old friend is one of life&#039;s great pleasures. Unfortunately, that rarely happens, even if they were in the same area. The problem is we just didn&#039;t know. We spoke to Sup on how to resolve the annoyance of missed encounters, because frankly, we&#039;ve had too many. Why is it so hard to meet people? Perhaps the... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/spotlight-sup\/\" \/>\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=\"2016-04-18T14:46:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-14T11:13:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/04\/b850daea-8289-4f8e-8312-e5a1624e2415.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1453\" \/>\n\t<meta property=\"og:image:height\" content=\"908\" \/>\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=\"3 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\/spotlight-sup\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2016\/04\/b850daea-8289-4f8e-8312-e5a1624e2415.png\",\"width\":1453,\"height\":908,\"caption\":\"Sup logo\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/spotlight-sup\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/spotlight-sup\/\",\"name\":\"Spotlight - Sup. | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/spotlight-sup\/#primaryimage\"},\"datePublished\":\"2016-04-18T14:46:52+00:00\",\"dateModified\":\"2020-08-14T11:13:41+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/spotlight-sup\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/spotlight-sup\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/spotlight-sup\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/ff4c922961040dc8fd859bc4c36ad4d9\"},\"headline\":\"Spotlight &#8211; Sup.\",\"datePublished\":\"2016-04-18T14:46:52+00:00\",\"dateModified\":\"2020-08-14T11:13:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/spotlight-sup\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/spotlight-sup\/#primaryimage\"},\"articleSection\":\"In the Spotlight\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/spotlight-sup\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/ff4c922961040dc8fd859bc4c36ad4d9\",\"name\":\"Linh\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8022ae89c8ba3a398b7073837d077207bce09b7e6c3c0732cb8c4038e710c676?s=96&d=mm&r=g\",\"caption\":\"Linh\"},\"description\":\"Why, hello there! I\\u2019m the word-generator at Marvel with a background in the humanities. I also like walks, talks, and\\u2026rhymes. You can contact me on good ol\\u2019 email.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/1387","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\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=1387"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/1387\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/1389"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=1387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=1387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=1387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}