{"id":1592,"date":"2016-05-20T09:30:06","date_gmt":"2016-05-20T06:30:06","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=1592"},"modified":"2023-08-17T12:12:12","modified_gmt":"2023-08-17T12:12:12","slug":"case-study-swiftybeaver-designing-logo","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/","title":{"rendered":"Case Study: SwiftyBeaver. Logo Design for Mac Application"},"content":{"rendered":"

In our previous case study, we told you the story of UI and UX design for SwiftyBeaver<\/a> describing the design process in detail and supporting it with the visual variants of different stages. Today we want to continue unveiling the logo design process.<\/span><\/p>\n

\"swiftybeaver<\/p>\n

Task<\/span><\/h2>\n

Design of a logo for the logging platform uniting the efforts of Swift and Objective-C developers, UX designers, app analytics experts, and product owners.<\/span><\/p>\n

Tools<\/span><\/h2>\n

Pencil sketching, Adobe Illustrator, Adobe After Effects<\/span><\/p>\n

Process<\/span><\/h2>\n

As we mentioned in the case study on UI and UX design, SwiftyBeaver is a native Mac application presenting the integrated logging platform for Apple\u2019s Swift programming language. It is aiming at developers as its basic target audience. The product supports all the devices belonging to the Apple device family.<\/span><\/p>\n

The design practice of previous projects accomplished by studio designers, such as Saily App<\/a> or Passfold<\/a>, proved that tight interconnection of design solutions on branding and user interface for the same product features a higher level of efficiency. Both mentioned cases showed that in brand positioning and promotion, using the concept of strong corporate style and applying the elements of branding such as logo, lettering, and illustrations consistently was an effective strategy. It is also important to remember that the user interface of an application or a website is not just a sort of static or moving image \u2014 it is the field of active interaction. Interaction with the product via the interface enhances much higher memorability potential of brand elements as well as general stylistic concepts. Following this approach for the SwiftyBeaver project, user interface designer Ludmila Shevchenko and logo designer Arthur Avakyan worked in tight collaboration to get the design solutions that will effectively support each other.<\/span><\/p>\n

Naturally, the initial stage of the general concept search tried the variants of the mascot<\/a>. As the name of the product includes \u201cBeaver\u201d, in the first sketching set, the designer presented variants of this animal as a key mascot. There was also a variant of the original presentation of \u201cS\u201d and \u201cB\u201d as two basic letters of the product name. In addition, this first set included a bit more abstract version based on the set of lines featuring the movement of the beaver’s tail.<\/span><\/p>\n

\"swiftybeaver<\/p>\n

\"swiftybeaver<\/p>\n

The variant based on lines was accepted as the basic concept practically at once. Although mascots can be a powerful tool for branding, this time, the strategy was different. The target audience, as well as the nature of the product, is quite specific, so the more abstract version of the logo could show more flexibility in its expressive potential. Founder and CEO of SwiftyBeaver Sebastian Kreutzberger<\/a> was very attentive to details and open to discussions. He decided upon the variant with stripes because it made a logo meaningful as logs the app is based on, like the logs of trees are stripes, so it presented a strong visual metaphor. Additionally, he liked the colored stripes of famous 70s and 80s logos, so he wanted to have a logo that would look vintage and at the same time super modern. So, this direction was developed further.<\/span><\/p>\n

\"swiftybeaver<\/p>\n

Moreover, this version got closer to the general visual design of the user interface for the application. As it was described in the previous case study<\/a>, UI design widely used color lines as markers for categories of log entries, and the chosen concept of logo provided a strong connection between UI design and branding<\/a>. Therefore, the next stage of the design process of elaborate and thorough work on the slightest nuances. Different versions of curves and lengths of the lines were tried and discussed in search of the most harmonic variant.<\/span><\/p>\n

\"swiftybeaver<\/p>\n

\"swiftybeaver<\/p>\n

The color palette<\/a> also echoed the colors chosen for UI design and supported them with smooth gradients. So, the user interface<\/a> of the platform, landing page, and logo were conjoint via colored elements.<\/span><\/p>\n

\"SwiftyBeaver<\/p>\n

\"tubik<\/p>\n

The original version of the logo was colorful, but the monochromatic version was also accomplished and tested to provide branding solutions with a high level of flexibility.<\/span><\/p>\n

\"SwiftyBeaver<\/p>\n

\"SwiftyBeaver-logo-mono-tubik-studio\"<\/p>\n

Another issue to consider was the choice of font for company name lettering featured with the logo image. Several options that could work effectively with the logo and correspond with the nature and general design of the product were offered and discussed. The set of potential variants included diverse variants from strict and straight to smooth and curvy. Finally, the font was chosen to provide a good combination with the fonts of the app interface. The client chose that particular font because he found it appropriately curved and perfectly matching the curves in the logo.<\/span><\/p>\n

\"swiftybeaver<\/p>\n

The approved variant of the logo image and lettering was also supplied with the design of the animated version<\/a>. It was accomplished with the help of Tubik Studio motion designer Kirill. The designer and the client took a considerable amount of\u00a0time and discussion\u00a0optimizing the physics of the ball to look and feel as natural as possible.<\/span><\/p>\n

\"swiftybeaver<\/p>\n

And one more important task to move on with was the design of an app icon<\/a>. To prove its efficiency, designers tested it on different devices and in different sizes to ensure that it didn’t lose its recognizability or didn’t get dirty in a smaller size.<\/span><\/p>\n

\"swiftybeaver<\/p>\n

The logo design for SwiftyBeaver was one more case proving that there are no unimportant details in branding. It was one more project full of elaborate sketching, thorough work on the slightest hues and gradients, and numerous variants with different lengths, widths, and placement of the elements to make a catchy, harmonic, and stylish logo that will represent the nature of its product.<\/span><\/p>\n

Useful Case Studies<\/h2>\n

For those, who are interested to see more practical case studies with creative flows for the logo and identity design, here is the set of them.<\/p>\n

AppShack. Logo Design for a Digital Agency<\/a><\/p>\n

LunnScape. Identity Design for a Landscape Company<\/a><\/p>\n

Binned. Brand Identity Design for Cleaning Service<\/a><\/p>\n

Reborn. Identity Design for a Restaurant<\/a><\/p>\n

Andre. Logo Redesign for Landscape Firm<\/a><\/p>\n

Andre. Corporate Identity Design for Landscape Firm<\/a><\/p>\n

Saily. Logo for Local C2C E-commerce Application<\/a><\/p>\n

PassFold. Logo for a Mobile App<\/a><\/p>\n

Ribbet. Logo for an Online Photo Editor<\/a><\/p>\n

\n

Welcome to read or download our free e-book “Logo Design”<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Case study by Tubik Studio on logo design continuing the story of comprehensive design process for SwiftyBeaver. Packed with graphics showing creative stages. <\/p>\n","protected":false},"author":3,"featured_media":9467,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,4],"tags":[47,447,57,457,100,479,138,482,147,491,212,502,216,515,241,533,291,299,300,302,16,306,20,307,41,336,44,365],"coauthors":[],"class_list":["post-1592","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding","category-case_study","tag-branding","tag-tubik-studio","tag-case-study","tag-ui","tag-design","tag-usability","tag-design-process","tag-user-experience","tag-design-studio","tag-user-interface","tag-graphic-design","tag-ux","tag-graphic-design-process","tag-uxui","tag-identity-design-case-study","tag-web-design","tag-landing-page","tag-logo-design","tag-logo-design-article","tag-logo-design-case-study","tag-animation","tag-logo-design-practices","tag-app-design","tag-logo-design-process","tag-brand-design","tag-motion-design","tag-brand-identity","tag-product-design"],"acf":[],"yoast_head":"\nCase Study: SwiftyBeaver. Logo Design for Mac Application<\/title>\n<meta name=\"description\" content=\"Case study by Tubik Studio on logo design continuing the story of comprehensive design process for SwiftyBeaver. Packed with graphics showing creative stages.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: SwiftyBeaver. Designing Logo\" \/>\n<meta property=\"og:description\" content=\"New case study on logo design continuing the story of comprehensive design process for SwiftyBeaver, the integrated logging platform for Apple\u2019s Swift programming language. Packed with graphics demonstrating various creative stages.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-20T06:30:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-17T12:12:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/SwiftyBeaver-logo-design-case-study-tubik-studio.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/\",\"name\":\"Case Study: SwiftyBeaver. Logo Design for Mac Application\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/SwiftyBeaver-logo-design-case-study-tubik-studio.png\",\"datePublished\":\"2016-05-20T06:30:06+00:00\",\"dateModified\":\"2023-08-17T12:12:12+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Case study by Tubik Studio on logo design continuing the story of comprehensive design process for SwiftyBeaver. Packed with graphics showing creative stages.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/SwiftyBeaver-logo-design-case-study-tubik-studio.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/SwiftyBeaver-logo-design-case-study-tubik-studio.png\",\"width\":1600,\"height\":1200,\"caption\":\"SwiftyBeaver logo design case-study tubik-studio\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: SwiftyBeaver. Logo Design for Mac Application\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: SwiftyBeaver. Logo Design for Mac Application","description":"Case study by Tubik Studio on logo design continuing the story of comprehensive design process for SwiftyBeaver. Packed with graphics showing creative stages.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: SwiftyBeaver. Designing Logo","og_description":"New case study on logo design continuing the story of comprehensive design process for SwiftyBeaver, the integrated logging platform for Apple\u2019s Swift programming language. Packed with graphics demonstrating various creative stages.","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2016-05-20T06:30:06+00:00","article_modified_time":"2023-08-17T12:12:12+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/SwiftyBeaver-logo-design-case-study-tubik-studio.png","type":"image\/png"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/","name":"Case Study: SwiftyBeaver. Logo Design for Mac Application","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/SwiftyBeaver-logo-design-case-study-tubik-studio.png","datePublished":"2016-05-20T06:30:06+00:00","dateModified":"2023-08-17T12:12:12+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Case study by Tubik Studio on logo design continuing the story of comprehensive design process for SwiftyBeaver. Packed with graphics showing creative stages.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/SwiftyBeaver-logo-design-case-study-tubik-studio.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/SwiftyBeaver-logo-design-case-study-tubik-studio.png","width":1600,"height":1200,"caption":"SwiftyBeaver logo design case-study tubik-studio"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-swiftybeaver-designing-logo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: SwiftyBeaver. Logo Design for Mac Application"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/1592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=1592"}],"version-history":[{"count":5,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/1592\/revisions"}],"predecessor-version":[{"id":14728,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/1592\/revisions\/14728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/9467"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=1592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=1592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=1592"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=1592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}