

{"id":6033,"date":"2018-11-01T15:36:40","date_gmt":"2018-11-01T15:36:40","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=6033"},"modified":"2025-10-24T11:28:29","modified_gmt":"2025-10-24T11:28:29","slug":"design-me-live-the-power-of-mascots-in-ui-and-branding","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/","title":{"rendered":"Design Me Live: The Power of Mascots in UI and Branding"},"content":{"rendered":"<p>Creating a product or designing a particular message for people, we strive to make it as human-centered as possible. One of the ways to support effective communication between users and products is creating a good mascot. Let&#8217;s check what are its benefits and how it can support the design of user interfaces and enhance branding.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8138\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/graphic-design-tips-and-practices-tubik-blog-1024x768.png\" alt=\"graphic-design-tips-and-practices-tubik-blog\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/graphic-design-tips-and-practices-tubik-blog-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/graphic-design-tips-and-practices-tubik-blog-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/graphic-design-tips-and-practices-tubik-blog-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/graphic-design-tips-and-practices-tubik-blog-150x113.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/graphic-design-tips-and-practices-tubik-blog.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2>What Is Mascot?<\/h2>\n<p>In basic terms, in design and marketing, a mascot is a character, a personified image that becomes a symbolic representation of a brand, company or even a public figure. The term origins from the French word &#8220;mascotte&#8221; which means lucky charm.<\/p>\n<p>It&#8217;s worth mentioning that historically the term &#8220;mascot&#8221; was applied to figures of people, animals or objects that were taken as a symbol of good luck by a particular group of people. So, for years mascots are seen as the carriers of luck and positive energy. That may be one of the reasons why they are so popular in the design for user experience and marketing goals when positive feedback and emotional appeal can have a direct connection to conversions and profit.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8899\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/mascot-tony-the-tiger-1.png\" alt=\"mascot tony the tiger\" width=\"1000\" height=\"1000\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/mascot-tony-the-tiger-1.png 1000w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/mascot-tony-the-tiger-1-150x150.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/mascot-tony-the-tiger-1-300x300.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/mascot-tony-the-tiger-1-768x768.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><em>Famous character Tony the Tiger, mascot designed for Kellog&#8217;s Frosted Flakes<\/em><\/p>\n<p>One of the areas where mascots have gained huge popularity is sports. Remember team mascots, especially for the teams whose names are based on real animals or creatures that could potentially get human-like characteristics. Team mascots could be presented not only with images of animals or people but also specially made fantastic creatures and have been highly effective to promote teams and grow their recognizability. One more example is\u00a0well-known mascots of the Olympic Games designed specifically for every event with the visual features of the host country. In sports, mascots are not only a matter of uniting and support. They are also a huge business with all that merchandising stuff people buy to keep memories about events and mark their support to the team, country or even particular person. Another area that caught this approach is educational institutions that use mascots to build up strong branding.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8900\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/tokyo-2020-olympic-mascots-1.png\" alt=\"tokyo 2020 olympic mascots\" width=\"750\" height=\"590\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/tokyo-2020-olympic-mascots-1.png 750w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/tokyo-2020-olympic-mascots-1-300x236.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/tokyo-2020-olympic-mascots-1-150x118.png 150w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/p>\n<p><em><a href=\"https:\/\/tokyo2020.org\/en\/special\/mascot\/\" rel=\"nofollow noopener\">Official mascots of the Olympic Games in Tokyo 2020<\/a><\/em><\/p>\n<p>No wonder, with all that power,\u00a0mascots got highly popular in marketing, much before it moved to the web. They won the attention of customers diversely, from small badges to live costumed characters able to physically communicate with people. Today, mascots are also applied widely in digital products for web and mobile. Let&#8217;s review the reasons.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8368\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/saily_logo-design-process.png\" alt=\"saily logo design process\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/saily_logo-design-process.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/saily_logo-design-process-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/saily_logo-design-process-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/saily_logo-design-process-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><em>Mascot design process for <a href=\"https:\/\/blog.tubikstudio.com\/case-study-saily-design-logo\/\">Saily App<\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<h2>Benefits of Mascots<\/h2>\n<p>What&#8217;s so good about mascots that makes them used so widely?<\/p>\n<h3>Enhanced communication<\/h3>\n<p>Mascot becomes a good interconnector between the user and the product. In interfaces, it can serve well as a basic element of communication and interaction. Just changing its appearance (for example, mood, outfit, activities, etc.), it may quickly deliver a clear message to the user. Mascots can communicate directly with the speech bubbles, provide visual prompts with various facial expressions, reflect the mood of the user with different graphic variations of the mascot, provide helpful instructions in an <a href=\"https:\/\/blog.tubikstudio.com\/onboarding-tutorial-design-greet-inform-engage\/\">app onboarding tutorial<\/a>\u00a0and congratulate with the achievements.<\/p>\n<h3>Flexibility of personification<\/h3>\n<p>The business practice of successful companies shows that a well-crafted mascot can work even more effectively than product endorsement with the help of a famous person. Mascots can reflect any traits of character, any style needed for product positioning and communicate via a diverse set of visuals. They broaden the horizons of personification. With mascots, designers and marketing specialists can create unexpected and catchy looks or\u00a0make fantastic characters alive.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8658\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/realli_logo_animation_tubik.gif\" alt=\"realli logo animation tubik\" width=\"800\" height=\"600\" \/><\/p>\n<p><em>Logo mascot design for Realli<\/em><\/p>\n<h3>Memorability and recognizability<\/h3>\n<p>Most of us are visually driven and our brains work in such a way that we notice images faster and remember them better than text. Being images far from abstract and having human-like features, mascots tend to take everything from the abilities of <a href=\"https:\/\/blog.tubikstudio.com\/how-human-memory-works-tips-for-ux-designers\/\">human memory<\/a>: we catch them fast, easily remember them due to particular associations and recognize them faster than abstract images seeing them again. All the mentioned has great importance in creating strong brand awareness and building patterns in user interfaces.<\/p>\n<h3>Consistent visual marking<\/h3>\n<p>Mascots present wide opportunities for the visual marking of different carriers of identity, website pages or app screens. Mascots can be used in logos, interface illustrations, hero banners, chatbots, stickers, various swag, and branded merch.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8901\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/lunnscape_branding_case_study_tubik.gif\" alt=\"lunnscape branding case study tubik\" width=\"800\" height=\"600\" \/><\/p>\n<p><em>Logo mascot designed for <a href=\"https:\/\/blog.tubikstudio.com\/case-study-lunnscape-identity-design-for-a-landscape-company\/\">LunnScape<\/a><\/em><\/p>\n<h3>Brand voice, tone,\u00a0and character<\/h3>\n<p>Mascots are a strong way to transfer and support the general tone and voice which is the foundation of a brand strategy. Custom characters usually reflect\u00a0the most important feature of the product and transfer the idea in a fast and harmonic way. What&#8217;s more, it enables a creative team to send the key message to the user: with a mascot, it won\u2019t take long to understand if the product is serious or entertaining, lively or calm, business-like or easy-breeze, highly private or broadly social, and so on and so forth.<\/p>\n<h3>Emotional appeal<\/h3>\n<p>Although we tend to believe that logic and common sense rule our actions, a big part of the decision-making process relies on emotional appeal. A mascot is one of the well-checked methods to provide emotional triggers and feedback, let the interface or brand speak the user\u2019s language. This way it makes the product more user-centered.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8465\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/06\/babysitting_landing_page_design_tubik.gif\" alt=\"babysitting service landing page tubik\" width=\"800\" height=\"600\" \/><\/p>\n<p><em>Originally created characters used as mascots for a babysitting service<\/em><\/p>\n<h3>Virality potential<\/h3>\n<p>An original catchy mascot can be used as a powerful element of\u00a0<a href=\"https:\/\/blog.tubikstudio.com\/design-faq-platform-uxui-to-make-your-product-viral\/\">virality<\/a>: in this case, it becomes so popular with users that they not only spread it to each other but also create new versions, parodies, discussions, memes and the like. That also works efficiently in products for kids when the mascot actually becomes a key representer of the product and creates a high level of desirability.<\/p>\n<h3>Style and beautification<\/h3>\n<p>People change not as fast as they think: we all know that quality and functionality are at the head, but they still need a good dress to impress. Especially in terms of tight competition. Mascots often become a core element of the visual presentation for a website, mobile app or physical product. So, it has a big impact on the aesthetic part of perception, adding beauty and style to the brand image.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8198\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/06\/books_for_children_website_tubik-1024x768.png\" alt=\"books for children website tubik\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/06\/books_for_children_website_tubik.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/06\/books_for_children_website_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/06\/books_for_children_website_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/06\/books_for_children_website_tubik-150x113.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>Mascot character used as a hero image for an e-commerce website selling books for children<\/em><\/p>\n<h2>Features of an Effective Mascot<\/h2>\n<p>Sure, each case needs an individual approach to the mascot which will correspond to the particular goals and brand image. However, there&#8217;s a checklist of basic features that are essential to consider for any mascot design. To work well for marketing and user experience, a mascot should be:<\/p>\n<ul>\n<li>memorable<\/li>\n<li>recognizable<\/li>\n<li>original<\/li>\n<li>representing a consistent character<\/li>\n<li>flexible to adapt and adjust<\/li>\n<li>applicable for diverse tasks<\/li>\n<li>looking good in different sizes and resolutions<\/li>\n<li>stylistically harmonic<\/li>\n<li>lively and user-friendly.<\/li>\n<\/ul>\n<h2>Case Study: Mascots in Branding<\/h2>\n<p>Let&#8217;s review some practical case studies when mascots became the center of marketing strategies. Quite often, if stakeholders and creative team make a decision upon such a technique, mascot starts its way from logo design. Mascot logos can work as independent symbols or together with a typographic part if a logo is a <a href=\"https:\/\/blog.tubikstudio.com\/basic-types-of-efficient-logo-design\/\">combination mark<\/a>.<\/p>\n<p>For example, here&#8217;s a logo for the landscape company <a href=\"https:\/\/blog.tubikstudio.com\/case-study-andre-rebranding-logo\/\">Andre<\/a>. Their first logo was based on a\u00a0lettermark but in the process of the creative search for the brand redesign, the decision was made upon creating a mascot. They chose a friendly hummingbird whose image was harmonically combined with the shape of a leaf. Then the mascot set the foundation for the further development of <a href=\"https:\/\/blog.tubikstudio.com\/case-study-andre-corporate-brand-identity\/\">corporate identity<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8370\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/andre-logo-design-final-by-Tubik-1024x683.png\" alt=\"andre logo design final by Tubik\" width=\"1024\" height=\"683\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/andre-logo-design-final-by-Tubik-1024x683.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/andre-logo-design-final-by-Tubik-300x200.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/andre-logo-design-final-by-Tubik-768x512.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/andre-logo-design-final-by-Tubik-150x100.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8903\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/andre_t-shirt_tubik-studio-design-1024x768.jpg\" alt=\"andre t-shir tubik studio design\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/andre_t-shirt_tubik-studio-design-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/andre_t-shirt_tubik-studio-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/andre_t-shirt_tubik-studio-design-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/andre_t-shirt_tubik-studio-design-150x113.jpg 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8881\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/andre-logo-design-branding-1024x768.jpg\" alt=\"andre logo design branding\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/andre-logo-design-branding-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/andre-logo-design-branding-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/andre-logo-design-branding-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/andre-logo-design-branding-150x113.jpg 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/andre-logo-design-branding.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>One more example is a mascot logo designed here in Tubik for Whizzly, the social network for showcasing talents and sharing creative projects. The target audience of the app is teenagers and young adults, so the character had to set the connection with them and transfer the needed mood at once. The creative search brought the team to this cool monkey that knows the taste of fame. <a href=\"https:\/\/blog.tubikstudio.com\/dont-stay-still-why-brand-needs-an-animated-logo\/\">Animated logo<\/a> version to use on the splash screen and promo animations allowed for adding an even brighter emotional background.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8336\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/01\/Whizzly_logo_design_mascot_tubik-1024x768.png\" alt=\"Whizzly logo design mascot tubik\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/01\/Whizzly_logo_design_mascot_tubik-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/01\/Whizzly_logo_design_mascot_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/01\/Whizzly_logo_design_mascot_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/01\/Whizzly_logo_design_mascot_tubik-150x113.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/01\/Whizzly_logo_design_mascot_tubik.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8333\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/01\/logo_animation_tubik_design.gif\" alt=\"logo animation tubik design\" width=\"800\" height=\"600\" \/><\/p>\n<h2>Case Study: Mascots in UI<\/h2>\n<p>Mascots are helpful in web and mobile interfaces: they liven up the interactions, catch up attention and draw it to needed details, become the memorable element, create important consistency of a general stylistic concept and create the strong imitation of direct and human-like communication with the user.<\/p>\n<p>Used in illustrations that show actions or interactions, a mascot is also a good way to avoid extra copy on the screen. This way the precious space is saved for other layout elements or just more \u201cair\u201d really needed to create a good perception of data on the screen or page.<\/p>\n<p>One of the bright cases for the issue was a mascot created for\u00a0<a href=\"https:\/\/blog.tubikstudio.com\/case-study-toonie-alarm-mascot-design-for-ui-interactions\/\">Toonie Alarm<\/a>, a simple alarm app with elements of <a href=\"https:\/\/blog.tubikstudio.com\/gamification-in-ux-increasing-user-engagement\/\">gamification<\/a>. The idea of applying the mascot was set almost instantly to let it spread the voice and tone of the product, create the feeling of natural communication and support the mood. So, Toonie was born to be a funny cheerful bird, whose mission is to make\u00a0the world brighter and help users to interact with the alarm.\u00a0It\u00a0informs users about news, rewards, errors and just adds some fun and color to everyday life.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8904\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/toonie-photo-lettering-1024x680.png\" alt=\"toonie photo lettering\" width=\"1024\" height=\"680\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/toonie-photo-lettering.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/toonie-photo-lettering-300x199.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/toonie-photo-lettering-768x510.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/toonie-photo-lettering-150x100.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8890\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/toonie-sticker-screen.jpg\" alt=\"toonie sticker screen\" width=\"1000\" height=\"663\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/toonie-sticker-screen.jpg 1000w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/toonie-sticker-screen-300x199.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/toonie-sticker-screen-768x509.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/toonie-sticker-screen-150x99.jpg 150w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8886\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/toonie-alarm-popup.jpg\" alt=\"toonie alarm popup\" width=\"1000\" height=\"664\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/toonie-alarm-popup.jpg 1000w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/toonie-alarm-popup-300x199.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/toonie-alarm-popup-768x510.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/toonie-alarm-popup-150x100.jpg 150w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8905\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/TUBIK_Toonie_Help_Screens_Interaction.gif\" alt=\"TUBIK Toonie Help Screens Interaction\" width=\"800\" height=\"600\" \/><\/p>\n<p>No doubt, the use of mascots in UI should be based on careful user and market research not to overload the interface. The aim of a mascot in any kind of environment is to simplify and speed up the interaction with a product or information flow. If the objective is not achieved, the mascot can play a bad role and distract users.<\/p>\n<h2>Useful Reading<\/h2>\n<p>Here are some handy articles to continue plunging into the theme of branding, illustration and user experience design for various goals.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/big-reasons-to-apply-illustrations-in-ui-design\/\">Functional Art: 10 Big Reasons to Apply Illustrations in UI Design<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/logo-design-creative-stages\/\">Logo Design: Creative Stages<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/tips-and-strategies-design-for-web-marketing\/\">Tips and Strategies of Design for Web Marketing<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-make-web-interface-scannable\/\">UX Design: How to Make Web Interface Scannable<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/mobile-app-branding-tips-strategies-and-examples\/\">Mobile App Branding: Tips, Strategies, and Examples<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/how-to-create-original-flat-illustrations-designers-tips\/\">How to Create Original Flat Illustrations: Designer&#8217;s Tips<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/faq-design-role-of-branding-in-ui-design\/\">The Role of Branding in UI Design<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/6-creative-stages-of-branding-design-step-by-step-guide\/\">6 Creative Stages of Branding Design: Step-by-Step Guide<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today mascots show their power at full in branding, marketing and user experience of websites and mobile apps. Let&#8217;s check their benefits and design examples.<\/p>\n","protected":false},"author":3,"featured_media":8906,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,6,9],"tags":[242,248,20,256,41,299,45,304,47,312,59,319,100,365,118,462,123,465,127,485,138,528,151,529,212,580,214,239],"coauthors":[],"class_list":["post-6033","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding","category-illustration","category-ui_ux","tag-identity-design-examples","tag-illustration","tag-app-design","tag-interaction-design","tag-brand-design","tag-logo-design","tag-brand-strategy","tag-logo-design-examples","tag-branding","tag-mascot","tag-character-design","tag-mobile-app","tag-design","tag-product-design","tag-design-examples","tag-ui-design","tag-design-for-business","tag-ui-design-examples","tag-design-for-marketing","tag-user-experience-design","tag-design-process","tag-visual-perception","tag-design-tips","tag-visual-storytelling","tag-graphic-design","tag-tubik-arts","tag-graphic-design-examples","tag-identity-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design Me Live: The Power of Mascots in UI and Branding<\/title>\n<meta name=\"description\" content=\"Today mascots show their power at full in branding, marketing and user experience of websites and mobile apps. Let&#039;s check their benefits and design examples.\" \/>\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\/design-me-live-the-power-of-mascots-in-ui-and-branding\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Me Live: The Power of Mascots in UI and Branding\" \/>\n<meta property=\"og:description\" content=\"Today mascots show their power at full in branding, marketing and user experience of websites and mobile apps. Let&#039;s check their benefits and design examples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-01T15:36:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T11:28:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/mascot_power_illustration_tubik_design.jpg\" \/>\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\/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=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/\",\"name\":\"Design Me Live: The Power of Mascots in UI and Branding\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/mascot_power_illustration_tubik_design.jpg\",\"datePublished\":\"2018-11-01T15:36:40+00:00\",\"dateModified\":\"2025-10-24T11:28:29+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Today mascots show their power at full in branding, marketing and user experience of websites and mobile apps. Let's check their benefits and design examples.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/mascot_power_illustration_tubik_design.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/mascot_power_illustration_tubik_design.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"mascot power illustration tubik design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design Me Live: The Power of Mascots in UI and Branding\"}]},{\"@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":"Design Me Live: The Power of Mascots in UI and Branding","description":"Today mascots show their power at full in branding, marketing and user experience of websites and mobile apps. Let's check their benefits and design examples.","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\/design-me-live-the-power-of-mascots-in-ui-and-branding\/","og_locale":"en_US","og_type":"article","og_title":"Design Me Live: The Power of Mascots in UI and Branding","og_description":"Today mascots show their power at full in branding, marketing and user experience of websites and mobile apps. Let&#039;s check their benefits and design examples.","og_url":"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2018-11-01T15:36:40+00:00","article_modified_time":"2025-10-24T11:28:29+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/mascot_power_illustration_tubik_design.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/","url":"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/","name":"Design Me Live: The Power of Mascots in UI and Branding","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/mascot_power_illustration_tubik_design.jpg","datePublished":"2018-11-01T15:36:40+00:00","dateModified":"2025-10-24T11:28:29+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Today mascots show their power at full in branding, marketing and user experience of websites and mobile apps. Let's check their benefits and design examples.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/mascot_power_illustration_tubik_design.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/mascot_power_illustration_tubik_design.jpg","width":1600,"height":1200,"caption":"mascot power illustration tubik design"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/design-me-live-the-power-of-mascots-in-ui-and-branding\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design Me Live: The Power of Mascots in UI and Branding"}]},{"@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\/6033","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=6033"}],"version-history":[{"count":5,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/6033\/revisions"}],"predecessor-version":[{"id":14431,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/6033\/revisions\/14431"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/8906"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=6033"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=6033"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=6033"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=6033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}