{"id":16088,"date":"2024-11-07T12:20:30","date_gmt":"2024-11-07T12:20:30","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=16088"},"modified":"2025-10-24T11:26:41","modified_gmt":"2025-10-24T11:26:41","slug":"id-scanning-product-icons-graphic-design","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/","title":{"rendered":"Case Study: ID Scanning Product Icons. Graphic Design Process"},"content":{"rendered":"

In this brief case study, we unveil a bit of the icon design process and invite you to glance at the elegant icon set we designed for the tech product.<\/p>\n

This graphic design was a part of the design project in which we dealt with a product that allows website visitors to scan IDs quickly and safely to improve customer experience. One of the essential tasks influencing user experience was creating a consistent set of icons that would enhance visual communication and interaction with a product. This part of the project was accomplished by tubik designer Arthur Avakyan, and project management was done by Kate Baikova.<\/p>\n

In the creative process, we’ve gone through several iterations to develop the final style, so let’s uncover more about the different options offered to the client and see more of the process. First, the design went through the ideation stage, which resulted in a set of sketches that offered general stylistic approaches to consider. The designer thought about the balance of filled and lined elements and the visual metaphors that would be easy to decode and helpful for users.<\/p>\n

 <\/p>\n

\"icon<\/p>\n

\"icon<\/p>\n

In the next stage, the development of style options took place. Three style options were offered: gradient icons, two-tone icons, and simple line icons. Below, you can explore and compare the differences between the approaches.<\/p>\n

\"icon<\/p>\n

\"icon<\/p>\n

\"icon<\/p>\n

\"icon<\/p>\n

\"icon<\/p>\n

\"icon<\/p>\n

Having thought over all the options, the client chose the neat and sophisticated simple line icons as a desired graphic design direction.<\/p>\n

\"icon<\/p>\n

The next stage included polishing and updating the concept, and here, the version without shadows was tried and agreed upon as more efficient for the product communication goals. Also, the direct front-view orientation of the icons was chosen.<\/p>\n

\"icon<\/p>\n

After that, the designer applied the approach to the whole set of icons needed for the user experience of the ID scanning process.<\/p>\n

\"icon<\/p>\n

New\u00a0design case studies<\/a>\u00a0from our team are coming soon. Stay tuned!<\/p>\n

More Design Case Studies<\/h2>\n

Here\u2019s a set of more case studies sharing the design solutions and approaches for some of the graphic design projects done by the tubik team.<\/p>\n

Opera Browser Explainer Videos. Animated Video Production<\/a><\/p>\n

Web Design Case Studies: 4 Smart Websites for Various Business Goals<\/a><\/p>\n

Lagerby Llama. Mascot Design for Ecommerce<\/a><\/p>\n

Illustration Case Studies: Visual Storytelling Art for User Experience<\/a><\/p>\n

Paris City Guide. Illustrations and Web Design for Tourism<\/a><\/p>\n

Graneri. Artistic Granola Brand Packaging<\/a><\/p>\n

Digital Art Case Study: Product Characters Illustration Concept<\/a><\/p>\n

Pencils of Promise. Picture Book Creation Process Step by Step<\/a><\/p>\n

Gofe. Packaging and Marketing Design for Coffee Brand<\/a><\/p>\n

12 Bright Projects on Visual Identity and Packaging Design<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Let’s unveil some graphic design process: check how we designed the elegant icon set for the ID scanning tech product, from sketches to consistent icon pack.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,6,9],"tags":[138,147,170,212,216,233,236,237,256,365,440,447,457,20,477,57,485,100,502],"coauthors":[],"class_list":["post-16088","post","type-post","status-publish","format-standard","hentry","category-case_study","category-illustration","category-ui_ux","tag-design-process","tag-design-studio","tag-digital-illustration","tag-graphic-design","tag-graphic-design-process","tag-human-computer-interaction","tag-icon-set","tag-icons","tag-interaction-design","tag-product-design","tag-tubik","tag-tubik-studio","tag-ui","tag-app-design","tag-ui-icons","tag-case-study","tag-user-experience-design","tag-design","tag-ux"],"acf":[],"yoast_head":"\nCase Study: ID Scanning Product Icons. Graphic Design Process<\/title>\n<meta name=\"description\" content=\"Let's unveil some graphic design process: check how we designed the elegant icon set for the ID scanning tech product, from sketches to consistent icon pack.\" \/>\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\/id-scanning-product-icons-graphic-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: ID Scanning Product Icons. Graphic Design Process\" \/>\n<meta property=\"og:description\" content=\"Let's unveil some graphic design process: check how we designed the elegant icon set for the ID scanning tech product, from sketches to consistent icon pack.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-07T12:20:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T11:26:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/11\/icon-design-tubik-arts-Sketch.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\/id-scanning-product-icons-graphic-design\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/\",\"name\":\"Case Study: ID Scanning Product Icons. Graphic Design Process\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/11\/icon-design-tubik-arts-Sketch.png\",\"datePublished\":\"2024-11-07T12:20:30+00:00\",\"dateModified\":\"2025-10-24T11:26:41+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Let's unveil some graphic design process: check how we designed the elegant icon set for the ID scanning tech product, from sketches to consistent icon pack.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/11\/icon-design-tubik-arts-Sketch.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/11\/icon-design-tubik-arts-Sketch.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: ID Scanning Product Icons. Graphic Design Process\"}]},{\"@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: ID Scanning Product Icons. Graphic Design Process","description":"Let's unveil some graphic design process: check how we designed the elegant icon set for the ID scanning tech product, from sketches to consistent icon pack.","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\/id-scanning-product-icons-graphic-design\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: ID Scanning Product Icons. Graphic Design Process","og_description":"Let's unveil some graphic design process: check how we designed the elegant icon set for the ID scanning tech product, from sketches to consistent icon pack.","og_url":"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2024-11-07T12:20:30+00:00","article_modified_time":"2025-10-24T11:26:41+00:00","og_image":[{"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/11\/icon-design-tubik-arts-Sketch.png","type":"","width":"","height":""}],"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\/id-scanning-product-icons-graphic-design\/","url":"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/","name":"Case Study: ID Scanning Product Icons. Graphic Design Process","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/11\/icon-design-tubik-arts-Sketch.png","datePublished":"2024-11-07T12:20:30+00:00","dateModified":"2025-10-24T11:26:41+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Let's unveil some graphic design process: check how we designed the elegant icon set for the ID scanning tech product, from sketches to consistent icon pack.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/11\/icon-design-tubik-arts-Sketch.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/11\/icon-design-tubik-arts-Sketch.png"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/id-scanning-product-icons-graphic-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: ID Scanning Product Icons. Graphic Design Process"}]},{"@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\/16088","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=16088"}],"version-history":[{"count":6,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/16088\/revisions"}],"predecessor-version":[{"id":16420,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/16088\/revisions\/16420"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=16088"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=16088"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=16088"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=16088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}