{"id":1085,"date":"2017-04-18T15:25:00","date_gmt":"2017-04-18T15:25:00","guid":{"rendered":"http:\/\/commarts.pleather.us\/2017\/04\/18\/how-we-branded-a-social-platform-to-mobilize-the-public\/"},"modified":"2017-04-18T15:25:00","modified_gmt":"2017-04-18T15:25:00","slug":"how-we-branded-a-social-platform-to-mobilize-the-public","status":"publish","type":"post","link":"https:\/\/blog.valdosta.edu\/m2\/2017\/04\/18\/how-we-branded-a-social-platform-to-mobilize-the-public\/","title":{"rendered":"How We Branded A Social Platform To Mobilize The Public"},"content":{"rendered":"<p><em>This article originally appeared on\u00a0<a href=\"https:\/\/www.columnfivemedia.com\/branded-social-platform-mobilize-public\" target=\"_blank\">Column Five<\/a>.<\/em><\/p>\n<p>We love to collaborate with great partners who inspire us through their important work. That\u2019s why we jumped at the chance to work with George Polisner, founder of <a class=\"external\" href=\"https:\/\/civ.works\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\">civ.works<\/a>,\u00a0once we heard about his vision to turn social media into true social action.<\/p>\n<p>Civ.works is a fresh social network that seeks to heal our current social and political divide by connecting citizens with each other to affect change. In other words, imagine a social platform where posts were constructive, connections were genuine, and you could mobilize IRL around the causes you care about\u2014regardless of your politics. That\u2019s the civ.works mission.<\/p>\n<p>The concept certainly resonated with us. We strongly believe in community-building. (Our agency <a href=\"https:\/\/www.columnfivemedia.com\/column-five-ny-and-bed-stuy-ymca-turn-camp-memories-into-chalk-art\" target=\"_blank\" rel=\"nofollow\">volunteers together<\/a>, has quarterly <a href=\"https:\/\/www.columnfivemedia.com\/behind-a-column-five-hack-day\" target=\"_blank\" rel=\"nofollow\">hack days to bring our minds together<\/a>, and hosts <a class=\"external\" href=\"http:\/\/connectingthings.co\/locations\/orange-county\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\">creative gatherings <\/a>with others in our community.) We also know this type of action is especially important in the digital age, when feeds devolve into destructive dialogue.<\/p>\n<p>In anticipation of a public launch, the civ.works team needed a proper portal to promote the platform. We came on board to create a full brand identity, as well as an <a href=\"https:\/\/www.columnfivemedia.com\/produce-explainer-video\" target=\"_blank\" rel=\"nofollow\">explainer video<\/a> and supporting assets for pre-publicity.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-145997\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/04\/06172743\/civworks-01-1024x439.png\" alt=\"\" width=\"1024\" height=\"439\" \/><\/p>\n<h3><b>THE BRAND IDENTITY<\/b><\/h3>\n<p>Building a brand identity is always a challenge, but it\u2019s a lot easier when a brand has a very clear, articulated mission. As we crafted the visual language, we aimed to communicate the platform\u2019s vision through every element.<\/p>\n<p><b>Logo: <\/b>Civ.works is a call and opportunity for civic engagement, encouraging users to come together as Americans to help break down political barriers. More specifically, it is all about mobilizing people to take real steps toward change. With this in mind, we crafted an isometric logo that forms a set of steps tilted on its side, which also doubles as an abstract representation of the American flag.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-145996\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/04\/06172737\/CivWorks_FinalLogo_rb.png\" alt=\"\" width=\"280\" height=\"280\" \/><\/p>\n<p><b>Color palette: <\/b>Civ.works aims to make a bold splash, to reenvision how we interact with each other so that we focus on connection and community. We chose yellow and black to inspire this action and response. We also wanted to avoid the more political red, white, and blue. Therefore, the yellow and black helped reinforce neutrality.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146001\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/04\/06172822\/fsquWLdnQ0-1024x386.gif\" alt=\"\" width=\"1024\" height=\"386\" \/><\/p>\n<p><b>Illustrations: <\/b>2D isometric illustrations appear both in the site and explainer video. For these, yellow is the \u201cloud\u201d color used to reinforce messaging related to the platform\u2019s goals. Simple black-and-white line drawings and typography present a clean, streamlined experience, allowing other elements to stand out.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146002\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/04\/06172829\/Screen-Shot-2017-02-14-at-5.20.53-PM-1024x448.png\" alt=\"\" width=\"1024\" height=\"448\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-145999\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/04\/06172800\/civworks-new-1024x431.gif\" alt=\"\" width=\"1024\" height=\"431\" \/><\/p>\n<h3><b>THE EXPLAINER VIDEO<\/b><\/h3>\n<p>The explainer video also features isometric illustrations, relying on visual metaphors and movement to reflect the growth-through-action theme.<\/p>\n<\/p>\n<p>Brand colors were also used strategically, as all yellow elements in the explainer relate to the issues citizens care about: justice, equality, health, education, etc.<\/p>\n<h3><b>PROMOTIONAL ASSETS<\/b><\/h3>\n<p>In order to generate buzz, we looked for ways to promote the social network\u2019s mission\u2014activism and engagement\u2014pre-launch via influencers and publications. Through a collaboration with PopSugar, we designed a series of printable slogans for the <a class=\"external\" href=\"http:\/\/www.popsugar.com\/news\/Printable-Women-March-Protest-Signs-43023486\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\">Women\u2019s March.<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-145998\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/04\/06172750\/civworks-1024x766.jpg\" alt=\"\" width=\"1024\" height=\"766\" \/><\/p>\n<p><em>The prints which garnered 378 shares and 1,600+ <a class=\"external\" href=\"https:\/\/www.instagram.com\/p\/BPdnLOwDcW8\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\">Instagram<\/a> likes.\u00a0<\/em><\/p>\n<p>Building this identity was an exciting challenge, which we enjoyed every step of the way.\u00a0We\u2019re personally excited to see civ.works grow (keep an eye out for more expansion over the next two months), and we hope you\u2019ll check it out.<\/p>\n<p><em><strong>For more branding\u00a0projects, check out the ocean-inspired visual identity we created for <a href=\"https:\/\/www.columnfivemedia.com\/why-the-ocean-inspired-branding\" target=\"_blank\" rel=\"nofollow\">UCI Applied Innovation<\/a>\u00a0and the packaging we created for\u00a0<a href=\"http:\/\/www.columnfivemedia.com\/work-items\/branding-trezo-dhaiti-coffee\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\">Trezo d\u2019Haiti coffee<\/a>. <\/strong><\/em><\/p>\n<p>Source: Visual News<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This article originally appeared on\u00a0Column Five. We love to collaborate with great partners who inspire us through their important work. That\u2019s&#8230;<\/p>\n","protected":false},"author":245,"featured_media":1086,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_oasis_is_in_workflow":0,"_oasis_original":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_vp_format_video_url":"","_vp_image_focal_point":[],"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[45],"class_list":["post-1085","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-careering"],"acf":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/blog.valdosta.edu\/m2\/wp-content\/uploads\/sites\/107\/2017\/04\/civworks-01-1024x439.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paqOTj-hv","_links":{"self":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts\/1085","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/users\/245"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/comments?post=1085"}],"version-history":[{"count":0,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts\/1085\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/media\/1086"}],"wp:attachment":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/media?parent=1085"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/categories?post=1085"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/tags?post=1085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}