{"id":2138,"date":"2016-10-24T17:44:35","date_gmt":"2016-10-24T14:44:35","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=2138"},"modified":"2023-08-16T09:17:30","modified_gmt":"2023-08-16T09:17:30","slug":"case-study-toonie-alarm-app-ui-design","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/","title":{"rendered":"Case Study: Toonie Alarm. App UI Design"},"content":{"rendered":"<p><span style=\"color: #333333;\">Designing a product for everyday use, it is vital to ground it on the thorough market research, thought-out design presentation, and deep analysis of the target audience. No wonder: the stuff like note-apps, alarms, to-do lists, calculators, calendars, and the like surround users in their everyday life, help in common situations and sometimes add color to the routine. We have checked that well and now would like to present to you the first case telling the design story of the brand new alarm app for iOS called <a style=\"color: #333333;\" href=\"https:\/\/itunes.apple.com\/ua\/app\/toonie-alarm\/id1091330520?mt=8\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Toonie Alarm<\/a> which today is featured on <a style=\"color: #333333;\" href=\"https:\/\/www.producthunt.com\/tech\/toonie-alarm\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Product Hunt<\/a> and has reached top-5 in the category Tech in 4 hours after featuring.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9346\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/TUBIK_Toonie_Alarm-design.jpg\" alt=\"TUBIK Toonie Alarm design\" width=\"3710\" height=\"2464\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/TUBIK_Toonie_Alarm-design.jpg 3710w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/TUBIK_Toonie_Alarm-design-300x199.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/TUBIK_Toonie_Alarm-design-768x510.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/TUBIK_Toonie_Alarm-design-1024x680.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/TUBIK_Toonie_Alarm-design-150x100.jpg 150w\" sizes=\"auto, (max-width: 3710px) 100vw, 3710px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Task:<\/span><\/h2>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">Full-cycle UI\/UX design for the simple and engaging alarm app for iPhones.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Process:<\/span><\/h2>\n<p><span style=\"color: #333333;\">The design process for this case was different from typical ones in the studio as before it we had worked more on outsourcing projects which means that creating initial product concept and setting the task was done mainly by the client&#8217;s side. The process for Toonie Alarm took the other direction and gave us what it was set for: the feeling of the full product creation process from the very first steps. We had to set the idea and test its competitive potential, establish its USP and marketing plan, branding and usability foundation, and all the other stuff like this.<\/span><\/p>\n<p><span style=\"color: #333333;\">Initially, the idea behind the app was to create a simple alarm clock with an attractive design and consistent element of motivation and support for such a basic and often far-from-pleasant process as waking up. The basic brand image was set as fun, cute, bright, and cheerful, and marketing research supported this concept with the analysis of competition and ideas on adding original features to the app.<\/span><\/p>\n<p><span style=\"color: #333333;\">User research and analysis enabled the team to form the USP for the product on the basis of the following set of key features:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">All the features of the app free for everyone<\/span><\/li>\n<li><span style=\"color: #333333;\">Simple, clear and intuitive navigation<\/span><\/li>\n<li><span style=\"color: #333333;\">Bright and pretty interface<\/span><\/li>\n<li><span style=\"color: #333333;\">Huge set of beautiful stickers<\/span><\/li>\n<li><span style=\"color: #333333;\">Achievements and rewards for waking up<\/span><\/li>\n<li><span style=\"color: #333333;\">Eye-pleasing interactive animation<\/span><\/li>\n<li><span style=\"color: #333333;\">Animated time picker<\/span><\/li>\n<li><span style=\"color: #333333;\">Instant sharing achievement with friends.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">Let&#8217;s look over the details of UI created by Tubik designers.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Cute Mascot<\/span><\/h2>\n<p><span style=\"color: #333333;\">In one of our previous articles, we have already mentioned the great role of <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/mascot-magic-personifying-your-brand\/\">mascots in branding and UI<\/a> design. As for Toonie Alarm, the idea of applying the mascot was set almost instantly as a mascot is not only a sort of communicator between interface and user, but also a great representative of the brand able to enhance its recognizability. Moreover, it has a great impact on easily establishing the voice and tone of the product, creating the feeling of natural communication, and supporting the mood. That was the point when Toonie was born to be a funny cheerful bird, whose mission is to make the world brighter and help users to interact with the alarm. It informs users about news, rewards, <a href=\"https:\/\/blog.tubikstudio.com\/error-screens-and-messages\/\">errors<\/a>, and just adds some fun and color to everyday life.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7994\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/toonie-alarm-mascot-design.png\" alt=\"toonie alarm mascot design\" width=\"1600\" height=\"1062\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/toonie-alarm-mascot-design.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/toonie-alarm-mascot-design-300x199.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/toonie-alarm-mascot-design-768x510.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/toonie-alarm-mascot-design-1024x680.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/toonie-alarm-mascot-design-150x100.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><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-9353\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/12\/toonie-alarm-mascot-design-1.jpg\" alt=\"toonie alarm mascot design\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/12\/toonie-alarm-mascot-design-1.jpg 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/12\/toonie-alarm-mascot-design-1-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/12\/toonie-alarm-mascot-design-1-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/12\/toonie-alarm-mascot-design-1-150x113.jpg 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2><span style=\"color: #333333;\">App Tutorial<\/span><\/h2>\n<p><span style=\"color: #333333;\"><a href=\"https:\/\/blog.tubikstudio.com\/onboarding-tutorial-design-greet-inform-engage\/\">App tutorial<\/a> is an important part of the interface which helps users to get informed on the basic interactions. In Toonie Alarm it consists of three screens that tell the user about the functionality of the app. Small concise copy blocks are supported by smooth and pleasant animation of transitions to create the feeling of integrity and cheerful mascot featured as the consistent element and the center of the screen graphic composition.<\/span><\/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<h2><span style=\"color: #333333;\">Home Screen<\/span><\/h2>\n<p><span style=\"color: #333333;\">The home screen shows the alarms which user already set for a particular time and days and the tab with funny stickers already collected for waking up. Active alarms toggles feature the animated sun. Left swipe opens active options for the particular alarm.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9347\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen.jpg\" alt=\"Toonie alarm home screen\" width=\"1200\" height=\"900\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen.jpg 1200w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen-150x113.jpg 150w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Stickers Screen<\/span><\/h2>\n<p><span style=\"color: #333333;\">Various stickers become the reward for waking up at a particular period. Moreover, waking up several times at this time, users can level up their stickers and enrich their collection. All the stickers can be shared to social networks to mark users&#8217; achievements.<\/span><\/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\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Time Picker<\/span><\/h2>\n<p><span style=\"color: #333333;\">Another prominent feature of the app is the <a href=\"https:\/\/blog.tubikstudio.com\/case-study-toonie-ui-animation-development\/\">animated time picker<\/a>. The app has simple navigation and nice motion makes it even more intuitive. Picking time for the alarm, users can enjoy animated march of night and day.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7664\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker.jpg\" alt=\"toonie app time picker\" width=\"1600\" height=\"1142\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker-300x214.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker-768x548.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker-1024x731.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/toonie-app-time-picker-150x107.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Animated Stickers<\/span><\/h2>\n<p><span style=\"color: #333333;\">Animated stickers add <a href=\"https:\/\/blog.tubikstudio.com\/gamification-in-ux-increasing-user-engagement\/\">gamification<\/a> and make the interaction even more lively and enjoyable and also enhance user experience making the interface attractive and playful.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9348\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/toonie-stickers-animation.gif\" alt=\"toonie stickers animation\" width=\"1400\" height=\"560\" \/><\/p>\n<h2><span style=\"color: #333333;\">Logo Style<\/span><\/h2>\n<p><span style=\"color: #333333;\">Logo design keeps the style of lettering associated with fun and entertainment and creating a harmonic link to the fonts typical for cute cartoons.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8082\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/09\/toonie-alarm-logo-animation.gif\" alt=\"toonie alarm logo animation\" width=\"800\" height=\"600\" \/><\/p>\n<h2><span style=\"color: #333333;\">Product Video<\/span><\/h2>\n<p><span style=\"color: #333333;\">To catch more details and see the interactions with the app in real, welcome to review the video guide on Toonie Alarm.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/FSiL2vpK7-s\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">You can also review the presentation of the Toonie Alarm design on <a style=\"color: #333333;\" href=\"https:\/\/www.behance.net\/gallery\/43661033\/Toonie-App-Presentation\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Behance<\/a> or check the full pack of the details via Toonie <a style=\"color: #333333;\" href=\"https:\/\/www.dropbox.com\/sh\/nscxvtt60j7w6ei\/AAD45MUUD1RIjGcvuzbMa9lXa?dl=0\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Press Kit<\/a>.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8904\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/toonie-photo-lettering.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<h2>Useful Case Studies<\/h2>\n<p>If you are interested to see more practical case studies with creative flows for mobile UI design, here is the set of them from Tubik.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-nature-encyclopedia-ui-design-for-education\/\">Nature Encyclopedia. UI Design for Education<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-inspora-brand-ui-design-virtual-stylist\/\">Inspora. Brand and UI Design for Virtual Stylist<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-bitex-app-ux-design-for-stock-analysis-app\/\">Bitex. UX Design for Stock Analysis App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-slumber-mobile-ui-design-for-healthy-sleeping\/\">Slumber. Mobile UI Design for Healthy Sleeping<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-real-racing-ux-ui-design-for-mobile-game\/\">Real Racing. UX and UI Design for Mobile Game<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-manuva-uiux-design-gym-fitness-app\/\">Manuva. UI\/UX Design for Gym Fitness App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-cuteen-uiux-design-for-mobile-photo-editor\/\">Cuteen. UI\/UX Design for Mobile Photo Editor<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-tasty-burger-ui-design-for-food-ordering-app\/\">Tasty Burger. UI Design for Food Ordering App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-watering-tracker-ui-design-for-home-needs\/\">Watering Tracker. UI Design for Home Needs<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-upper-app-ui-design-for-to-do-list\/\" target=\"_blank\" rel=\"noopener noreferrer\">Upper App. UI Design for To-Do List<\/a><\/p>\n<hr \/>\n<p><span style=\"color: #333333;\"><em>Welcome to download <a style=\"color: #333333;\" href=\"https:\/\/itunes.apple.com\/ua\/app\/toonie-alarm\/id1091330520?mt=8\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Toonie Alarm via App Store<\/a><\/em><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The case study about UI design created by Tubik Studio team for Toonie Alarm, bright and cute free alarm app for iPhones with huge pack of unique stickers.<\/p>\n","protected":false},"author":3,"featured_media":9347,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2,4,9],"tags":[248,467,256,468,264,476,299,479,319,482,323,483,16,324,485,20,331,487,47,336,491,57,365,493,100,447,502,108,457,504,147,463,505,151,464,507,212,465,515,233,466],"coauthors":[],"class_list":["post-2138","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation","category-case_study","category-ui_ux","tag-illustration","tag-ui-design-practices","tag-interaction-design","tag-ui-design-process","tag-interface-navigation","tag-ui-gamification","tag-logo-design","tag-usability","tag-mobile-app","tag-user-experience","tag-mobile-design-article","tag-user-experience-article","tag-animation","tag-mobile-design-inspiration","tag-user-experience-design","tag-app-design","tag-mobile-ui","tag-user-experience-design-process","tag-branding","tag-motion-design","tag-user-interface","tag-case-study","tag-product-design","tag-user-interface-design-process","tag-design","tag-tubik-studio","tag-ux","tag-design-case-study","tag-ui","tag-ux-design-article","tag-design-studio","tag-ui-design-article","tag-ux-design-best-practices","tag-design-tips","tag-ui-design-case-study","tag-ux-design-examples","tag-graphic-design","tag-ui-design-examples","tag-uxui","tag-human-computer-interaction","tag-ui-design-inspiration"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: Toonie Alarm. App UI Design<\/title>\n<meta name=\"description\" content=\"The case study about UI design created by Tubik Studio team for Toonie Alarm, bright and cute free alarm app for iPhones with huge pack of funny unique stickers\" \/>\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-toonie-alarm-app-ui-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Toonie Alarm. App UI Design\" \/>\n<meta property=\"og:description\" content=\"The case study about UI design created by Tubik Studio team for Toonie Alarm, bright and cute alarm app for iPhones with huge pack of funny unique stickers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-24T14:44:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-16T09:17:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\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-toonie-alarm-app-ui-design\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/\",\"name\":\"Case Study: Toonie Alarm. App UI Design\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen.jpg\",\"datePublished\":\"2016-10-24T14:44:35+00:00\",\"dateModified\":\"2023-08-16T09:17:30+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"The case study about UI design created by Tubik Studio team for Toonie Alarm, bright and cute free alarm app for iPhones with huge pack of funny unique stickers\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen.jpg\",\"width\":1200,\"height\":900,\"caption\":\"Toonie alarm home screen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Toonie Alarm. App UI Design\"}]},{\"@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: Toonie Alarm. App UI Design","description":"The case study about UI design created by Tubik Studio team for Toonie Alarm, bright and cute free alarm app for iPhones with huge pack of funny unique stickers","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-toonie-alarm-app-ui-design\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Toonie Alarm. App UI Design","og_description":"The case study about UI design created by Tubik Studio team for Toonie Alarm, bright and cute alarm app for iPhones with huge pack of funny unique stickers.","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2016-10-24T14:44:35+00:00","article_modified_time":"2023-08-16T09:17:30+00:00","og_image":[{"width":1200,"height":900,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen.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-toonie-alarm-app-ui-design\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/","name":"Case Study: Toonie Alarm. App UI Design","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen.jpg","datePublished":"2016-10-24T14:44:35+00:00","dateModified":"2023-08-16T09:17:30+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"The case study about UI design created by Tubik Studio team for Toonie Alarm, bright and cute free alarm app for iPhones with huge pack of funny unique stickers","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/Toonie-alarm-home-screen.jpg","width":1200,"height":900,"caption":"Toonie alarm home screen"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-toonie-alarm-app-ui-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Toonie Alarm. App UI Design"}]},{"@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\/2138","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=2138"}],"version-history":[{"count":6,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/2138\/revisions"}],"predecessor-version":[{"id":14683,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/2138\/revisions\/14683"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/9347"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=2138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=2138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=2138"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=2138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}