{"id":244,"date":"2015-07-27T17:18:40","date_gmt":"2015-07-27T14:18:40","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=244"},"modified":"2023-08-17T15:48:16","modified_gmt":"2023-08-17T15:48:16","slug":"case-study-illustration","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/","title":{"rendered":"Case Study: Ribbet. Designing Illustration"},"content":{"rendered":"

It is not a secret that the fast-paced and dynamic development of web and app design brings new trends into other spheres of creativity in non-stop mode. No doubt, illustration is one of the fields which is constantly and significantly affected by all the numerous changes and currents in the Web. Working on different projects and preparing various shots for Dribbble and Behance, Tubik Studio designers get regularly updated on how multipurpose and versatile illustration\u00a0<\/span>can\u00a0be. So, today we would like to present to you the new case study, this time about illustration for a web online editing service.<\/p>\n

Earlier we have already presented here the case study telling about the creation of a logo for the online editor Ribbet by Tubik Studio designer Arthur Avakyan. This article continues telling about the collaboration with the same customer. This time the assignment was concentrated on illustrations for the site created by the other designer Evgeniy Tomashevsky.<\/span><\/p>\n

\"Tubik<\/span><\/p>\n

Evgeniy Tomashevsky working on sketches<\/em><\/span><\/p>\n

 <\/p>\n

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

Designing thematic illustrations for the specific feature of online photo editor Ribbet.<\/span><\/p>\n

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

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

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

Undoubtfully, most \u2014 if not all \u2014 the illustrations<\/a> on the web fulfill several functions instead of one. They should be not only decorative stuff but can also become important features of the user interface and in cohesion with other elements of the layout help to guide a user and make using the site faster, easier and more enjoyable.<\/span><\/p>\n

The illustrations accomplished by Tubik Studio for Ribbet<\/a> were no exception. To be more particular, the task for the designer was to create a pack of thematic illustrations that would reflect the ideas of popular annual events. The images were intended to work as fancy cards that could be used for instant creating invitations for birthdays, weddings, parties as well as nice postcards and other pretty stuff.<\/span><\/p>\n

So, given to the task, the whole pack of illustrations needed to have the same format and style providing the feeling of consistency. Moreover, it was important to make it corresponding to the general design of the site. This requirement was eased due to previous studio work: Tubik Studio designers had worked with Ribbet on a new design of the site and new logo<\/a>, which soon are going to be presented on the site itself and are already widely seen in Ribbet social networks accounts. So, starting work on illustrations, the designer had already got the general concept of the editor design. It influenced the general style of the images as well as a selection of appropriate colors and shades.<\/span><\/p>\n

\"Case<\/p>\n

The general design of the website and logo for Ribbet by Tubik Studio\u00a0<\/em><\/span><\/p>\n

 <\/p>\n

In the process, it was also vital to remember that the images had to obtain a high level of adaptability and be recognizable, bright and clear in all sizes possible to be seen at. Moreover, they had to be ready to save their beauty and style in the printed version as well. As you can see, the designer had to keep loads of things in his mind.<\/span><\/p>\n

The first stage of the work required making choice about the general stylistic decision which would satisfy all the parts of the assignment. Although there are numerous stylistic trends for digital illustration nowadays, in this case, a search of the style was not really long and the decision was made to create all the pack of illustrations in flat design stylistics. It matched efficiently with the general stylistic concept of the site and was obviously defined as trendy and diverse.<\/span><\/p>\n

After deciding on the general style, the next stage witnessed the most creative and elaborate part of the process which was classic old-school pencil sketching. The designer worked hard and devoted a lot of soul and passion in creating catchy details, pleasant-looking backgrounds and bright characters that would be easily recognizable, capturing, stylish and fancy.<\/span><\/p>\n

\"illustrations<\/p>\n

\"illustration<\/p>\n

\"illustration<\/p>\n

\"case<\/p>\n

A tiny part of the\u00a0sketching stage<\/em><\/span><\/p>\n

When all the ideas were completed and agreed-upon, the sketches were converted into their digital body by means of Adobe Illustrator.<\/span><\/p>\n

One more part of the task included sophisticated and thorough work with color. The reason was that it had to correspond not only with the general design of the site but it was also vital to reflect color associations which users typically have for specific holidays, events and special occasions. This kind of multipurpose solution could make the user experience even more effective and pleasant. So, the designer accomplished this work with a deep research of common color associations about holidays and only afterward selecting the colors that would fulfill both association and general consistency sides of the editor idea.<\/span><\/p>\n

Having processed each image thoroughly, the designer presented bright and catchy flat illustrations<\/a> for the pack of thematic fancy cards, some of which you can see below:<\/span><\/p>\n

\"Case<\/p>\n

St. Patrick\u2019s Day card<\/em><\/span><\/p>\n

\"Case<\/p>\n

Thanksgiving Day card<\/em><\/span><\/p>\n

\"Case<\/p>\n

Remembrance Day card<\/em><\/span><\/p>\n

\"Case<\/p>\n

New Year card<\/em><\/span><\/p>\n

\"Case<\/p>\n

Mother\u2019s Day card<\/em><\/span><\/p>\n

\"Case<\/p>\n

Father\u2019s Day card<\/em><\/span><\/p>\n

\"Case<\/p>\n

Valentine’s Day card<\/em><\/span><\/p>\n

\"Case<\/p>\n

Wedding Day card<\/em><\/span><\/p>\n

As it can be seen, the images covered the wide range of religious, public and family holidays.<\/span><\/p>\n

The customer, fully satisfied with all the work presented, has already been using the images actively in their social network<\/a> accounts as the promotional materials for new features of Ribbet service.<\/span><\/p>\n

\"Case<\/p>\n

The set of cards from Ribbet Facebook page<\/em><\/span><\/p>\n

This assignment was full of creativity and inspiration. It has become one more case proving how much sophisticated and rigorous work should be done to create the bright multipurpose digital illustration. It also showed that doing preliminary research can help to make the result even more efficient.<\/span><\/p>\n

More Design Case Studies<\/h2>\n

Quisine. Branding Design for Food Delivery Service<\/a><\/p>\n

Moonworkers. Digital Illustrations on Film Production<\/a><\/p>\n

Logo Design: Collection of Creative Logos for a Variety of Brands<\/a><\/p>\n

Dicey. Logo and Mascot Design for Party Game<\/a><\/p>\n

MYWONY. Storytelling with Brand Intro Design<\/a><\/p>\n

Inspora. Brand and UI Design for Virtual Stylist<\/a><\/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","protected":false},"excerpt":{"rendered":"

Case study on digital illustration design by Tubik Studio. Thematic postcards for online photo editor Ribbet. From pencil sketches to trendy flat illustrations.<\/p>\n","protected":false},"author":3,"featured_media":8994,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,4,6],"tags":[101,434,102,440,108,449,123,533,127,138,144,147,158,168,190,212,213,47,214,57,218,100,248],"coauthors":[],"class_list":["post-244","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding","category-case_study","category-illustration","tag-design-agency","tag-theme-illustration","tag-design-article","tag-tubik","tag-design-case-study","tag-tubikstudio","tag-design-for-business","tag-web-design","tag-design-for-marketing","tag-design-process","tag-design-services","tag-design-studio","tag-designers","tag-digital-art","tag-flat-design","tag-graphic-design","tag-graphic-design-article","tag-branding","tag-graphic-design-examples","tag-case-study","tag-graphic-designer","tag-design","tag-illustration"],"acf":[],"yoast_head":"\nCase Study: Ribbet. Designing Illustration<\/title>\n<meta name=\"description\" content=\"Case study on digital illustration design by Tubik Studio. Thematic postcards for online photo editor Ribbet. From pencil sketches to trendy flat illustrations.\" \/>\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-illustration\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Ribbet. Designing Illustration\" \/>\n<meta property=\"og:description\" content=\"Case study on digital illustration design by Tubik Studio. Thematic postcards for online photo editor Ribbet. From pencil sketches to trendy flat illustrations.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-27T14:18:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-17T15:48:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/Case_study_Ribbet_Designing_illustration.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"1042\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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-illustration\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/\",\"name\":\"Case Study: Ribbet. Designing Illustration\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/Case_study_Ribbet_Designing_illustration.jpg\",\"datePublished\":\"2015-07-27T14:18:40+00:00\",\"dateModified\":\"2023-08-17T15:48:16+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Case study on digital illustration design by Tubik Studio. Thematic postcards for online photo editor Ribbet. From pencil sketches to trendy flat illustrations.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/Case_study_Ribbet_Designing_illustration.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/Case_study_Ribbet_Designing_illustration.jpg\",\"width\":1500,\"height\":1042,\"caption\":\"Case study Ribbet designing illustration\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Ribbet. Designing Illustration\"}]},{\"@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: Ribbet. Designing Illustration","description":"Case study on digital illustration design by Tubik Studio. Thematic postcards for online photo editor Ribbet. From pencil sketches to trendy flat illustrations.","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-illustration\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Ribbet. Designing Illustration","og_description":"Case study on digital illustration design by Tubik Studio. Thematic postcards for online photo editor Ribbet. From pencil sketches to trendy flat illustrations.","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2015-07-27T14:18:40+00:00","article_modified_time":"2023-08-17T15:48:16+00:00","og_image":[{"width":1500,"height":1042,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/Case_study_Ribbet_Designing_illustration.jpg","type":"image\/jpeg"}],"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-illustration\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/","name":"Case Study: Ribbet. Designing Illustration","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/Case_study_Ribbet_Designing_illustration.jpg","datePublished":"2015-07-27T14:18:40+00:00","dateModified":"2023-08-17T15:48:16+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Case study on digital illustration design by Tubik Studio. Thematic postcards for online photo editor Ribbet. From pencil sketches to trendy flat illustrations.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-illustration\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/Case_study_Ribbet_Designing_illustration.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/07\/Case_study_Ribbet_Designing_illustration.jpg","width":1500,"height":1042,"caption":"Case study Ribbet designing illustration"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-illustration\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Ribbet. Designing Illustration"}]},{"@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\/244","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=244"}],"version-history":[{"count":3,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/244\/revisions"}],"predecessor-version":[{"id":14816,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/244\/revisions\/14816"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/8994"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=244"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=244"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=244"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}