{"id":12635,"date":"2022-06-20T18:34:49","date_gmt":"2022-06-20T18:34:49","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=12635"},"modified":"2025-10-24T11:27:03","modified_gmt":"2025-10-24T11:27:03","slug":"website-design-for-podcast","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/","title":{"rendered":"Case Study: Nonconventional Show. Website Design for Podcast"},"content":{"rendered":"<p>The new design case study is up, and this time it&#8217;s literally uncommon and non-conventional. Welcome to check the design story behind the bright, expressive, and daring website created by tubik designers for Nonconventional Show.<\/p>\n<h2>Project<\/h2>\n<p><a href=\"https:\/\/www.nonconventional.show\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Nonconventional Show<\/a> is the podcast hosted by Ela Crain, inviting visitors to dive into the unique set of interviews with amazing guests from all walks of life asked the questions that usually go unasked. It builds a bridge between the conventional and the nonconventional, ordinary and extraordinary, inspiring viewers and listeners to embrace their nonconventional side.<\/p>\n<p>The task for the tubik team was to create a website that would uncover the mission and content of the project brightly and uncommonly, to inform and engage, impress and inspire.<\/p>\n<p>The diverse creative team from our side for the project included Valeriia Bondarieva, Ksenia Lashko, Ernest Asanov, Marina Solomennykova, Lada Kunitsa, Ivan Shvindin, and Sasha Fesyk.<\/p>\n<p><iframe loading=\"lazy\" title=\"NonConventional Show Website Design by Tubik\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/puI2e1u6zss?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2>Process<\/h2>\n<p>Nonconventional Show is the project which is solidly determined by the manifold personality of its creator and host, Ela Crain, a person that explores every avenue open to her. The bio shared on the website tells that she\u2019s lived multiple lives as a prolific writer, a high-profile video company owner, a student of archaeology, anthropology, digital media, and brain sciences, a life coach, and in this project, a podcast host. Her past adventures bring eclectic expertise to her new podcast, Nonconventional Show, which, coupled with her intense curiosity, drives the podcast to explore areas untouched by most people.<\/p>\n<p>The podcast is based on the set of values that had to be transferred in the design approach:<\/p>\n<ul>\n<li><strong>curiosity<\/strong>: it shares inspiring stories to encourage you to remain curious and open-hearted<\/li>\n<li><strong>courage<\/strong>: it provides a safe space for you to gain the courage to express your thoughts and opinions<\/li>\n<li><strong>empowerment<\/strong>: it empowers you to step out of your comfort zone at a pace that works for you<\/li>\n<li><strong>transformation<\/strong>: it unlocks questions that help you transform yourself, your life, and your career.<\/li>\n<\/ul>\n<p>In this project, the client came with a deep understanding of the goals and values behind the product, so it was a great basis for deep research and talks on details that had to lay the foundation of the website design. Grounded on the general idea of the podcast and even its name, the client strived for the maximum originality that would allow the product to stand out from the tight and growing competition.<\/p>\n<p>The process of the color palette moved through several stages. It resulted in a bright, expressive, and boldly <a href=\"https:\/\/blog.tubikstudio.com\/contrast-in-user-interface-design\/\">contrasting set of colors<\/a>, which had to solve two major issues: let the product stand out and be memorable, as well as emphasize its modernity and uniqueness.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12643\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/colors-nonconventional-show-website-design.png\" alt=\"colors nonconventional show website design\" width=\"2799\" height=\"1800\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/colors-nonconventional-show-website-design.png 2799w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/colors-nonconventional-show-website-design-300x193.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/colors-nonconventional-show-website-design-768x494.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/colors-nonconventional-show-website-design-1024x659.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/colors-nonconventional-show-website-design-150x96.png 150w\" sizes=\"auto, (max-width: 2799px) 100vw, 2799px\" \/><\/p>\n<p>The next stage was the choice of typographic solution for the website. It also had a couple of significant objectives to target: the font had to work effectively in combining text and visual components to better convey the necessary impression, and it had to make the text content <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-readable-user-interface\/\">easy to read<\/a> and encourage the user to take the targeted actions. At this point, it&#8217;s worth mentioning that for products and services based on information rather than physical or visual objects, the text becomes the basis of communication. Hence, the aspect of its readability and thoughtful arrangement contributes much to a generally positive user experience.<\/p>\n<p>For Nonconventional web experience, the choice fell on the S\u00f6hne font family. The fonts have perfect kerning, excellent diacritics, and a set of arrows reminding the ones used in NYC subway signage.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12641\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Typeface-nonconventional-show-website-design.png\" alt=\"Typeface nonconventional show website design\" width=\"2800\" height=\"1706\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Typeface-nonconventional-show-website-design.png 2800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Typeface-nonconventional-show-website-design-300x183.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Typeface-nonconventional-show-website-design-768x468.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Typeface-nonconventional-show-website-design-1024x624.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Typeface-nonconventional-show-website-design-150x91.png 150w\" sizes=\"auto, (max-width: 2800px) 100vw, 2800px\" \/><\/p>\n<p>At the initial stage of the web design process, when the search for a concept was in progress, the designers had an idea to use two different color themes, dark and light, for the website and let the visitors switch between them. However, having tried the combination of alternating sections with contrasting backgrounds, they found that such an approach looks more dynamic and stylish, so it was chosen.<\/p>\n<p>In general, the website design uses:<\/p>\n<ul>\n<li>bold and prominent headlines and taglines becoming an instant starting point for the communication with visitors<\/li>\n<li>solid visual hierarchy making pages and sections scannable and skimmable, dosing information to provide a light, effortless experience<\/li>\n<li>photo content giving real-life, humanized emotional connection with the podcast host and guests<\/li>\n<li>catchy custom visual details and original collage graphics setting the solid ground for the visual originality<\/li>\n<li>vertical and horizontal scroll interactions for different groups of content<\/li>\n<li>the diversity of <a href=\"https:\/\/blog.tubikstudio.com\/web-animation\/\">web animation<\/a> supporting usability, navigability, and integrating special effects into the interaction process.<\/li>\n<\/ul>\n<p>Here&#8217;s a glance at the home page design.<\/p>\n<p><iframe loading=\"lazy\" title=\"nonconventional website design tubik studio\" src=\"https:\/\/player.vimeo.com\/video\/722105522?h=eb3cba2bf4&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12638\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Nonconventional-show-website-home-page-tubik-design.jpg\" alt=\"Nonconventional show website home page tubik design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Nonconventional-show-website-home-page-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Nonconventional-show-website-home-page-tubik-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Nonconventional-show-website-home-page-tubik-design-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Nonconventional-show-website-home-page-tubik-design-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Nonconventional-show-website-home-page-tubik-design-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>Integration of trendy artistic collages was discussed as a part of the visual design approach from the earliest stages. Among various <a href=\"https:\/\/blog.tubikstudio.com\/web-design-basic-types-of-images-web-content\/\">types of images that can be applied on a website<\/a>, this one was definitely the top choice for this project as it pushed the limits of creativity, catching attention, effectively sharing visual metaphors, and increasing the emotional appeal. Here are some of them developed for the different sections of the website.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12642\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Collage-nonconventional-show-website-design.jpg\" alt=\"Collage nonconventional show website design\" width=\"2800\" height=\"2779\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Collage-nonconventional-show-website-design.jpg 2800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Collage-nonconventional-show-website-design-150x150.jpg 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Collage-nonconventional-show-website-design-300x298.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Collage-nonconventional-show-website-design-768x762.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Collage-nonconventional-show-website-design-1024x1016.jpg 1024w\" sizes=\"auto, (max-width: 2800px) 100vw, 2800px\" \/><\/p>\n<p>And here&#8217;s how they work on the About page, visually supporting the message on values and principles behind the resource.<\/p>\n<p><iframe loading=\"lazy\" title=\"nonconventional show website interactions tubik design\" src=\"https:\/\/player.vimeo.com\/video\/722105503?h=569aa0d5c2&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>The Episodes page, the most informative and interactive page containing the content which makes the product go round, is all built on elegance and functionality. Here special effects give way to the thoughtful organization of different information blocks and smooth, intuitive navigation between them.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12639\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Nonconventional-show-website-episodes-page-tubik-design.jpg\" alt=\"Nonconventional show website episodes page tubik design\" width=\"1600\" height=\"1199\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Nonconventional-show-website-episodes-page-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Nonconventional-show-website-episodes-page-tubik-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Nonconventional-show-website-episodes-page-tubik-design-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Nonconventional-show-website-episodes-page-tubik-design-1024x767.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Nonconventional-show-website-episodes-page-tubik-design-150x112.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>The website is filled with design details that make the process of interaction with the pages attractive and lively, retaining and engaging the visitor. For example, the hover animation turning over the preview tab of the episode or interactive response in the process of filling in the subscription form make the experience dynamic and fun.<\/p>\n<p><iframe loading=\"lazy\" title=\"nonconventional show website interactions tubik\" src=\"https:\/\/player.vimeo.com\/video\/722105481?h=6a5aa6e288&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>And here&#8217;s a glance at one more minor visual detail, funny stickers that could become a sort of easter eggs or website response to visitors&#8217; actions.<\/p>\n<p><iframe loading=\"lazy\" title=\"nonconventional stickers tubik\" src=\"https:\/\/player.vimeo.com\/video\/722131450?h=ca3c51b8b5&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"321\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>The minimalist, airy contact page features a sort of split-screen approach where the right half provides a neat and clear contact form supported with text prompts while the left part plays with a stylish metaphoric image and uses an animated visual accent, a red arrow, as a <a href=\"https:\/\/blog.tubikstudio.com\/directional-cues-in-user-interfaces\/\">directional cue<\/a>.<\/p>\n<p><iframe loading=\"lazy\" title=\"nonconventional show tubik design\" src=\"https:\/\/player.vimeo.com\/video\/722131476?h=b318c88328&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"321\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>Having polished the details, the team also worked on the mobile version of the website to make it stick to the chosen approach and keep it catchy and efficient on any device.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12646\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Non_Conventional_mobile_web_design.png\" alt=\"Non_Conventional_mobile_web_design\" width=\"2799\" height=\"1800\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Non_Conventional_mobile_web_design.png 2799w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Non_Conventional_mobile_web_design-300x193.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Non_Conventional_mobile_web_design-768x494.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Non_Conventional_mobile_web_design-1024x659.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/Non_Conventional_mobile_web_design-150x96.png 150w\" sizes=\"auto, (max-width: 2799px) 100vw, 2799px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12640\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/mobile-website-nonconventional-show-tubik-design.jpg\" alt=\"mobile website nonconventional show tubik design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/mobile-website-nonconventional-show-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/mobile-website-nonconventional-show-tubik-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/mobile-website-nonconventional-show-tubik-design-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/mobile-website-nonconventional-show-tubik-design-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/mobile-website-nonconventional-show-tubik-design-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"mobile design nonconventional show\" src=\"https:\/\/player.vimeo.com\/video\/722131432?h=beda2b0ea2&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"321\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p><iframe loading=\"lazy\" title=\"nonconventional illustrations mobile interaction\" src=\"https:\/\/player.vimeo.com\/video\/722131407?h=b13520b367&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"321\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>And here&#8217;s a glance at how the website design approach could be consistently stretched on marketing materials design, for instance, posters promoting new episodes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12645\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/nonconventional-show-website-design-Screencast.jpg\" alt=\"nonconventional show website design Screencast\" width=\"2800\" height=\"1800\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/nonconventional-show-website-design-Screencast.jpg 2800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/nonconventional-show-website-design-Screencast-300x193.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/nonconventional-show-website-design-Screencast-768x494.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/nonconventional-show-website-design-Screencast-1024x658.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/nonconventional-show-website-design-Screencast-150x96.jpg 150w\" sizes=\"auto, (max-width: 2800px) 100vw, 2800px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12644\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/nonconventional-show-website-design-posters.jpg\" alt=\"nonconventional show website design posters\" width=\"2800\" height=\"1867\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/nonconventional-show-website-design-posters.jpg 2800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/nonconventional-show-website-design-posters-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/nonconventional-show-website-design-posters-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/nonconventional-show-website-design-posters-1024x683.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/nonconventional-show-website-design-posters-150x100.jpg 150w\" sizes=\"auto, (max-width: 2800px) 100vw, 2800px\" \/><\/p>\n<p>For our team, working on the Nonconventional Show website design was a cool experience of creating a visual and informative web space that is thoughtfully organized, human-like, user-friendly, and, at the same time, highly emotional, captivating, and impressive.<\/p>\n<p><iframe loading=\"lazy\" title=\"nonconventional web design tubik\" src=\"https:\/\/player.vimeo.com\/video\/722105456?h=6698c23a85&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>New design case studies from our team are coming soon. Stay tuned!<\/p>\n<h2>More Design Case Studies<\/h2>\n<p>Here\u2019s a set of more case studies sharing the design solutions and approaches for some of the design projects done by the Tubik team.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/branding-website-design-3d-tool\/\">uMake. Branding and Website for 3D Design Tool<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-design-food-product-ecommerce\/\">BEGG. Brand Packaging and Web Design for Food Product Ecommerce<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-ux-design-fintech\/\">Crezco. Brand Identity and UI\/UX Design for Fintech Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/cube-video-illustrations\/\">CUBE. Illustration Set for Video Production Company<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-web-design-agriculture\/\">FarmSense. Identity and Web Design for Agricultural Technology<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/real-bitcoin-website-illustration\/\">Real Bitcoin. Creating Website Illustrations<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-ux-design-delivery-service\/\">Carricare. Identity and UX Design for Safe Delivery Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-design-flea-market\/\">OOP. Brand Identity Design for Online Flea Market<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/mobile-app-design-safe-driving\/\">Otozen. Mobile App Design for Safe Driving<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/branding-design-health-app\/\">Uplyfe. Identity Design for Health App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-website-design-tea-brand\/\">Bennett. Identity and Website Design for Tea Brand<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Case study sharing the creative story behind the bright, expressive, and daring website design by tubik agency for the Nonconventional Show podcast.<\/p>\n","protected":false},"author":3,"featured_media":12950,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,9],"tags":[479,482,47,485,57,487,100,502,138,504,147,515,212,532,248,533,256,534,365,536,440,543,447,566,457,463,468],"coauthors":[],"class_list":["post-12635","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","category-ui_ux","tag-usability","tag-user-experience","tag-branding","tag-user-experience-design","tag-case-study","tag-user-experience-design-process","tag-design","tag-ux","tag-design-process","tag-ux-design-article","tag-design-studio","tag-uxui","tag-graphic-design","tag-web-animation","tag-illustration","tag-web-design","tag-interaction-design","tag-web-design-article","tag-product-design","tag-web-design-case-study","tag-tubik","tag-web-marketing","tag-tubik-studio","tag-motion-graphics","tag-ui","tag-ui-design-article","tag-ui-design-process"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: Nonconventional Show. Website Design for Podcast<\/title>\n<meta name=\"description\" content=\"Case study sharing the creative story behind the bright, expressive, and daring website design by tubik agency for the Nonconventional Show podcast.\" \/>\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\/website-design-for-podcast\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Nonconventional Show. Website Design for Podcast\" \/>\n<meta property=\"og:description\" content=\"Case study sharing the creative story behind the bright, expressive, and daring website design by tubik agency for the Nonconventional Show podcast.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-20T18:34:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T11:27:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/Nonconventional-Show.-Website-Design-for-Podcast.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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/\",\"name\":\"Case Study: Nonconventional Show. Website Design for Podcast\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/Nonconventional-Show.-Website-Design-for-Podcast.jpg\",\"datePublished\":\"2022-06-20T18:34:49+00:00\",\"dateModified\":\"2025-10-24T11:27:03+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Case study sharing the creative story behind the bright, expressive, and daring website design by tubik agency for the Nonconventional Show podcast.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/Nonconventional-Show.-Website-Design-for-Podcast.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/Nonconventional-Show.-Website-Design-for-Podcast.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"Nonconventional Show. Website Design for Podcast\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Nonconventional Show. Website Design for Podcast\"}]},{\"@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: Nonconventional Show. Website Design for Podcast","description":"Case study sharing the creative story behind the bright, expressive, and daring website design by tubik agency for the Nonconventional Show podcast.","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\/website-design-for-podcast\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Nonconventional Show. Website Design for Podcast","og_description":"Case study sharing the creative story behind the bright, expressive, and daring website design by tubik agency for the Nonconventional Show podcast.","og_url":"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2022-06-20T18:34:49+00:00","article_modified_time":"2025-10-24T11:27:03+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/Nonconventional-Show.-Website-Design-for-Podcast.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/","url":"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/","name":"Case Study: Nonconventional Show. Website Design for Podcast","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/Nonconventional-Show.-Website-Design-for-Podcast.jpg","datePublished":"2022-06-20T18:34:49+00:00","dateModified":"2025-10-24T11:27:03+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Case study sharing the creative story behind the bright, expressive, and daring website design by tubik agency for the Nonconventional Show podcast.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/Nonconventional-Show.-Website-Design-for-Podcast.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/Nonconventional-Show.-Website-Design-for-Podcast.jpg","width":1600,"height":1200,"caption":"Nonconventional Show. Website Design for Podcast"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/website-design-for-podcast\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Nonconventional Show. Website Design for Podcast"}]},{"@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\/12635","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=12635"}],"version-history":[{"count":15,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/12635\/revisions"}],"predecessor-version":[{"id":14245,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/12635\/revisions\/14245"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/12950"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=12635"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=12635"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=12635"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=12635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}