

{"id":1882,"date":"2016-07-08T14:27:46","date_gmt":"2016-07-08T11:27:46","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=1882"},"modified":"2023-08-17T12:02:33","modified_gmt":"2023-08-17T12:02:33","slug":"food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/","title":{"rendered":"Food for Thought. 10 Tasty UI Concepts for Eating and Cooking"},"content":{"rendered":"<p><span style=\"color: #333333;\">Many decades ago famous writer George Bernard Shaw, known for his sharp tongue and sparkling sense of humor, said: \u201cThere is no love sincerer than the love of food.\u201d Over the course of time, nothing actually has changed: food is still among the most important, discussed, and loved aspects of everyday life. The sphere of design features it in diverse faces and directions combining traditional visualization with new techniques and approaches.<\/span><\/p>\n<p><span style=\"color: #333333;\">UI design is no exception. The basic idea behind UI\/UX design is to create interfaces solving problems and satisfying users&#8217; wishes. As eating is one of the basic human needs, no wonder we can find numerous applications and websites devoted to this theme. We also take an active part in bringing new ideas and polishing existing solutions in design projects and concepts for websites and mobile apps. As well as with real meals presentation, visual design for digital products of this sort is real food for thought.<\/span><\/p>\n<p><span style=\"color: #333333;\">Like with a nicely performed meal, well-done attractive UI is able to increase the level of users&#8217; expectations and catch their attention and senses immediately. However, even the most creative delivery of a meal is not able to save the situation if the food itself is low-quality and vapid. The same happens with UI. If the designer doesn&#8217;t think much about the product itself, its logic, convenience, effective layout, being focused only on beautiful presentation, the risk of creating a dead product is incredibly high.<\/span><\/p>\n<p><span style=\"color: #333333;\">In our previous article devoted to <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/iconic-simplicity-the-vital-role-of-icons\/\" target=\"_blank\" rel=\"noopener noreferrer\">the role of icons in UI<\/a> we mentioned: the best chefs always say that everything put on the plate should be edible. According to the latest trends, we support the same idea when it comes to icons as well as the other elements of layout: everything that is put on the screen should be functional. Therefore, any icon used in the interface should have its meaning and function. Without it, an icon is just a kind of empty stub, making the layout of the screen or web page dirty with unnecessary elements. This philosophy works well with other interface elements like copy, illustrations, photos, <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-use-animations-in-mobile-apps\/\">animation<\/a>, color combinations, typography choices, etc.<\/span><\/p>\n<p><span style=\"color: #333333;\">Here we have collected 10 different UI design concepts accomplished by studio designers. They represent different aspects reflecting the topic of food: some of them are devoted to cooking theme, some present the direction of eating out, the others are connected to selling food. The nature of functionality platforms is also different: the concepts feature interfaces of mobile applications, websites, and <a href=\"https:\/\/blog.tubikstudio.com\/effective-landing-page-design\/\">landing pages<\/a>. If you are interested to see more details, just follow the links. Let&#8217;s review them all. Bon appetite!<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8759\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/restaurant-menu-animation-ui.gif\" alt=\"restaurant menu animation ui\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Restaurant Menu<\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">The first of the presented concepts is a mobile application for restaurant visitors. It features animated interaction with the screen, presenting the basic view of the restaurant menu. \u00a0The names of categories are presented via the effective combination of <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-readable-user-interface\/\">highly readable copy<\/a> and clear meaningful icons for quick visual perception. Simple design with animated accents that imitate interaction with physical objects is a good way to bring a positive user experience.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8758\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/10\/resto_app-ui-animation-tubikstudio.gif\" alt=\"resto app ui animation tubikstudio\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Resto App<\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">Another piece of interaction for the same app shows one more block of its functionality. It&#8217;s a simple restaurant app for checking in and receiving feedback from clients and visitors of different restaurants. The main idea was to provide a simple and easy-to-use interface based on animation and color accents. The restaurant profile shows how many visitors were there and how many of them liked it. The whole app enables users to vote for several different features of each restaurant such as &#8220;cuisine&#8221;, &#8220;drinks&#8221;, &#8220;comfort&#8221;, &#8220;service&#8221; etc. Visual support with high-quality photo content featuring food and drinks enhances the stylish looks and feel of the theme.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10100\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/recipe-app-tubikstudio.png\" alt=\"recipe app tubik studio\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/recipe-app-tubikstudio.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/recipe-app-tubikstudio-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/recipe-app-tubikstudio-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/03\/recipe-app-tubikstudio-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Cooking Website\u00a0<\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">Here is the concept of a cooking website where users can find interesting recipes, add their ones, and read useful articles devoted to the food topic. The piece of the interface is an iPad version of the layout. The designer chooses <a href=\"https:\/\/blog.tubikstudio.com\/light-or-dark-ui-tips-choose-proper-color-scheme\/\">light background<\/a> adding air to the screens and providing the environment for efficient readability for different blocks of copy. Color markers are used to define the categories of content.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9579\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2015\/12\/ipad-interactions-animation-1-1.gif\" alt=\"ipad interactions animation\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>iPad App Interactions\u00a0<\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">This one is an iPad application for booking tables in restaurants. To show its functionality and strengthen it with gorgeous food images, the designer chose an experimental bar profile page. It&#8217;s a venue where users can order fruit and seafood and the profile page which contains everything to go by booking a table, sharing, and saving this venue. The animation shows the interactions of user flow showing what happens once the &#8220;Book&#8221; button is tapped.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8641 size-large\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/Bakery-website-design-case-study-tubik-1024x768.png\" alt=\"Bakery website design case study tubik\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/Bakery-website-design-case-study-tubik-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/Bakery-website-design-case-study-tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/Bakery-website-design-case-study-tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/Bakery-website-design-case-study-tubik-150x113.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/Bakery-website-design-case-study-tubik.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-vinnys-bakery-ui-design-for-e-commerce\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Vinny\u2019s Bakery<\/a>\u00a0<\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">This one is a design concept for a website for a small bakery selling homemade bread. Here you can see the home page presenting the service, providing the links giving more information about the company and the items it offers as well as links to social accounts. The designer was keen to activate different techniques of visual perception via headline, <a href=\"https:\/\/blog.tubikstudio.com\/web-design-basic-types-of-images-web-content\/\">images<\/a>, background, and copy block so that users could get the basic information immediately and get the warm feeling of freshly baked bread. He followed the philosophy of minimalism which is user-friendly, attractive, and informative. On the basis of the design solutions, it is easy to assume that this is the service positioning itself as a producer of upmarket products which are exclusively hand-made and presumably because of that reason cost higher than average bread in the supermarket. Harmony is the style provided by the webpage: dark background, branding element as a central element of a header, strong and clear headline establishing positive emotional message, visual elements enabling immediate perception of the theme and setting strong visual association with tasty pastry, short text block describing basic benefits of the product and clearly visible <a href=\"https:\/\/blog.tubikstudio.com\/call-for-attention-powerful-cta-button-design\/\">call to action<\/a>.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8651\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/tubik-landing-page-scroll-animation.gif\" alt=\"tubik landing page scroll animation\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Landing Page Animation\u00a0<\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">The aim of the <a href=\"https:\/\/blog.tubikstudio.com\/landing-page-direct-flight-to-high-conversion\/\">landing page<\/a> above is to promote a shop for organic food. It is composed of several blocks presenting the name of the shop, products, highlighting some important aspects of service, call to action elements, and testimonials. The designer sets the purpose to make it informative but not overloaded, appealing but not aggressive. To make the experience more attractive and engaging, the process of scrolling the page was livened up with animation, and the visual elements were selected to support the general theme and provide the immediate visual perception of the basic idea.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7830\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/tubik_studio_buonapp-ui-design.gif\" alt=\"tubikstudio buonapp food ui design\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>BuonApp\u00a0<\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">Here is the interface of a social network for those who like cooking and want to communicate and get updated about this topic in a fast and easy way. The app enables using all the scope of social functions: sharing recipes, making discussions, chatting, following, uploading images, collecting favorites, and so on. Nice and smooth animations support the general stylistic concept and show interactions within app functionality. As we usually do here in Tubik Studio, the designer followed the idea of keeping the balance of usability and attractive looks of the interface.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7719\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/ui-animation-cafe-app-tubikstudio.gif\" alt=\"ui animation cafe app tubikstudio\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Cafe Coupon App\u00a0<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">No doubt, good food is a great way to feel the world more positive and that is the key message behind the presented animated interface design. This is the concept of a mobile application for a chain of cafes providing the functionality for saving coupons and discounts and then using them to buy tasty stuff. <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-use-animations-in-mobile-apps\/\">Interface animation<\/a> is added to make the screen and interactions more lively and engaging and enable easy microinteractions. Icons and <a href=\"https:\/\/blog.tubikstudio.com\/big-reasons-to-apply-illustrations-in-ui-design\/\">illustrations<\/a> look bright and add positive vibes, even small layout elements like the icon for notifications are reflecting the basic theme and support consistency of general stylistic concept.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8735\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/07\/tubik-studio-healthy-food-animation.gif\" alt=\"tubik studio healthy food animation\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Healthy Food App\u00a0<\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">Here you can see the screens of the mobile app organized around the idea of a healthy lifestyle and providing recipes and tips on healthy food. Engaging graphic elements and correspondent color solutions are used to set the theme as well as enable fast visual perception of information which is supported with unobtrusive motion design accents. The animation is also used to show various interactions with a product. Together all those features support user-friendly, attractive, and informative interface design.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8285\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/10\/tubik-studio-application-recipes-and-cooking.gif\" alt=\"tubik studio application recipes and cooking\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>App on Recipes and Cooking\u00a0<\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">This is a design concept for the recipe application. With it, users can add recipes to their collections or find the ones online, categorize and organize their recipe books and categories, form menus and shopping plans. So, here you can see some interactions livened with motion design. They feature the process when the user is choosing the item from the list of categories and then from the list of particular recipes in one category.\u00a0<\/span><\/p>\n<p><span style=\"color: #333333;\">So, practice shows the diversity of techniques and methods to make an app or website tasty and attractive. Nevertheless, to retain users, the trendy and pleasantly-looking design should just cover effective functionality and user-friendly solutions. Otherwise, a beautiful design will work as a cover without a sweet inside and that is the fastest way to lose the users. Put usability and functionality first, think over the logic, transitions, and intuitive navigation &#8211; and visual design will become a great icing on the cake!<\/span><\/p>\n<p><span style=\"color: #333333;\">Today\u2019s list is over but\u00a0studio practice is full of\u00a0many other interesting examples of design concepts for different purposes and needs of modern users. Don\u2019t miss new presentations in our future posts.<\/span><\/p>\n<h2>Tubik Design Collections<\/h2>\n<p>If you want to check more creative sets of UI and graphic design concepts and projects, here they are for you.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ui-inspiration-14-elegant-interfaces-using-dark-background\/\"><span style=\"font-weight: 400;\">UI Inspiration: 14 Elegant Interfaces Using Dark Background<\/span><\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/wed-design-eye-catching-web-interfaces-with-bright-graphics\/\"><span style=\"font-weight: 400;\">Web Design: 9 Eye-Catching Web Interfaces with Bright Graphics<\/span><\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/motion-for-mobile-creative-concepts-of-ui-animation\/\"><span style=\"font-weight: 400;\">Motion for Mobile. 20 Creative Concepts of UI Animation<\/span><\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/helping-hand-creative-ux-design-concepts-for-everyday-needs\/\"><span style=\"font-weight: 400;\">Helping Hand: 15 Creative UX Design Concepts for Everyday Needs<\/span><\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/graphic-design-24-elaborate-flat-illustrations-for-your-inspiration\/\"><span style=\"font-weight: 400;\">Graphic Design: 24 Elaborate Flat Illustrations<\/span><\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/soft-landing-10-design-concepts-of-landing-pages\/\"><span style=\"font-weight: 400;\">Soft Landing. 10 Design Concepts of Landing Pages<\/span><\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-of-life-creative-web-design-concepts\/\"><span style=\"font-weight: 400;\">Web of Life. Creative Web Design Concepts<\/span><\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/creative-motion-12-concepts-of-interface-animation\/\"><span style=\"font-weight: 400;\">Creative Motion: 12 Concepts of Interface Animation<\/span><\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/\"><span style=\"font-weight: 400;\">Food for Thought. 10 Tasty UI Concepts for Eating and Cooking<\/span><\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ui-in-action-15-animated-design-concepts-of-mobile-ui\/\"><span style=\"font-weight: 400;\">UI in Action. 15 Animated Design Concepts of Mobile UI<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Set of diverse design concepts by Tubik Studio on the theme of food, cooking and eating. 10 UI designs for mobile applications, websites and landing pages. <\/p>\n","protected":false},"author":3,"featured_media":11870,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2,9],"tags":[365,393,16,447,20,457,82,465,100,479,147,482,192,489,212,491,233,502,237,515,248,533,319,324,331,336],"coauthors":[],"class_list":["post-1882","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation","category-ui_ux","tag-product-design","tag-recipe","tag-animation","tag-tubik-studio","tag-app-design","tag-ui","tag-cooking","tag-ui-design-examples","tag-design","tag-usability","tag-design-studio","tag-user-experience","tag-food","tag-user-experience-examples","tag-graphic-design","tag-user-interface","tag-human-computer-interaction","tag-ux","tag-icons","tag-uxui","tag-illustration","tag-web-design","tag-mobile-app","tag-mobile-design-inspiration","tag-mobile-ui","tag-motion-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Food for Thought. 10 Tasty UI Concepts for Eating and Cooking<\/title>\n<meta name=\"description\" content=\"Set of diverse design concepts by Tubik on the theme of food, cooking, and eating. 10 UI designs for mobile applications, websites, and landing pages.\" \/>\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\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Food for Thought. 10 Tasty UI Concepts for Eating and Cooking\" \/>\n<meta property=\"og:description\" content=\"Another set of diverse design concepts by studio designers, devoted to the food theme: cooking, eating out and selling food. Check out 10 user interfaces for mobile applications, websites and landing pages. Bon appetit!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-08T11:27:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-17T12:02:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubikstudio-animation-ui-1-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1602\" \/>\n\t<meta property=\"og:image:height\" content=\"1201\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/\",\"name\":\"Food for Thought. 10 Tasty UI Concepts for Eating and Cooking\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubikstudio-animation-ui-1-1.png\",\"datePublished\":\"2016-07-08T11:27:46+00:00\",\"dateModified\":\"2023-08-17T12:02:33+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Set of diverse design concepts by Tubik on the theme of food, cooking, and eating. 10 UI designs for mobile applications, websites, and landing pages.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubikstudio-animation-ui-1-1.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubikstudio-animation-ui-1-1.png\",\"width\":1602,\"height\":1201,\"caption\":\"tubik food interfaces collection\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Food for Thought. 10 Tasty UI Concepts for Eating and Cooking\"}]},{\"@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":"Food for Thought. 10 Tasty UI Concepts for Eating and Cooking","description":"Set of diverse design concepts by Tubik on the theme of food, cooking, and eating. 10 UI designs for mobile applications, websites, and landing pages.","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\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/","og_locale":"en_US","og_type":"article","og_title":"Food for Thought. 10 Tasty UI Concepts for Eating and Cooking","og_description":"Another set of diverse design concepts by studio designers, devoted to the food theme: cooking, eating out and selling food. Check out 10 user interfaces for mobile applications, websites and landing pages. Bon appetit!","og_url":"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2016-07-08T11:27:46+00:00","article_modified_time":"2023-08-17T12:02:33+00:00","og_image":[{"width":1602,"height":1201,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubikstudio-animation-ui-1-1.png","type":"image\/png"}],"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\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/","url":"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/","name":"Food for Thought. 10 Tasty UI Concepts for Eating and Cooking","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubikstudio-animation-ui-1-1.png","datePublished":"2016-07-08T11:27:46+00:00","dateModified":"2023-08-17T12:02:33+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Set of diverse design concepts by Tubik on the theme of food, cooking, and eating. 10 UI designs for mobile applications, websites, and landing pages.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubikstudio-animation-ui-1-1.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubikstudio-animation-ui-1-1.png","width":1602,"height":1201,"caption":"tubik food interfaces collection"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/food-for-thought-10-tasty-ui-concepts-for-eating-and-cooking\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Food for Thought. 10 Tasty UI Concepts for Eating and Cooking"}]},{"@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\/1882","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=1882"}],"version-history":[{"count":3,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/1882\/revisions"}],"predecessor-version":[{"id":14714,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/1882\/revisions\/14714"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/11870"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=1882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=1882"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=1882"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=1882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}