

{"id":14252,"date":"2023-07-17T19:12:10","date_gmt":"2023-07-17T19:12:10","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=14252"},"modified":"2026-01-23T19:18:55","modified_gmt":"2026-01-23T19:18:55","slug":"user-interface-design-projects","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/","title":{"rendered":"UI\/UX Design: 10 Elegant and Handy User Interface Design Projects"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Some mornings, it\u2019s less \u201cpixels and perfection,\u201d more \u201ccoffee on the keyboard and Figma refusing to sync.\u201d But somehow, in between Slack chaos and last-minute client tweaks, the magic happens. Or at least the part that looks like magic\u2014clean, intuitive, emotionally intelligent <a href=\"https:\/\/blog.tubikstudio.com\/preventing-errors-in-user-interfaces\/\">user interface<\/a> design that works just as hard as the people behind it.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We\u2019ve pulled together 10 of those moments. Real projects. Real users. And some really beautiful outcomes. You\u2019ll see everything from e-commerce UI to AR social network apps, fitness platforms to educational UX. Some are punchy, some poetic. All are doing the hard, invisible work of solving for both user goals and business needs without looking like they tried too hard. (Which is the whole point, right?)<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">1. Poster Store App: Scroll, Tap, Try It on Your Wall<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">You know that moment when you see a poster online, love it instantly, and then remember your apartment has weird lighting and an inexplicably pink wall?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This e-commerce app UI design leans into that problem. It lets you <\/span><i><span style=\"font-weight: 400;\">try the art on<\/span><\/i><span style=\"font-weight: 400;\">, virtually. The product page doesn\u2019t waste time\u2014big visuals, high contrast, swipeable layouts. <a href=\"https:\/\/blog.tubikstudio.com\/ui-inspiration-14-elegant-interfaces-using-dark-background\/\">Dark mode<\/a> UI isn\u2019t new, but here it\u2019s more than aesthetic\u2014it\u2019s practical. The posters shine, the text reads smooth, and the vibe feels moody in the best way.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There\u2019s also a <a href=\"https:\/\/blog.tubikstudio.com\/effective-landing-page-design\/\">landing<\/a> page, animated like a well-paced trailer. It doesn\u2019t sell prints. It sells possibility. And that&#8217;s half the battle.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"poster store app tubik design\" src=\"https:\/\/player.vimeo.com\/video\/845633613?h=c4e15431df&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-14283\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/poster-store-app-design-tubik.jpg\" alt=\"poster store app design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/poster-store-app-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/poster-store-app-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/poster-store-app-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/poster-store-app-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/poster-store-app-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14284\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/posters-application-ecommerce-design-tubik.jpg\" alt=\"poster store app design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/posters-application-ecommerce-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/posters-application-ecommerce-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/posters-application-ecommerce-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/posters-application-ecommerce-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/posters-application-ecommerce-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"poster store website design tubik\" src=\"https:\/\/player.vimeo.com\/video\/845633603?h=db007b903b&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><iframe loading=\"lazy\" title=\"poster store app landing page interactions tubik\" src=\"https:\/\/player.vimeo.com\/video\/845633594?h=328c33276f&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-14282\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/poster-app-design-case-study-tubik.jpg\" alt=\"poster app design case study tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/poster-app-design-case-study-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/poster-app-design-case-study-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/poster-app-design-case-study-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/poster-app-design-case-study-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/poster-app-design-case-study-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">2. Bartending School Website: Type. Glass. Motion.<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">This one made us thirsty. Not just because of the cocktails, but because of the <\/span><i><span style=\"font-weight: 400;\">discipline<\/span><\/i><span style=\"font-weight: 400;\"> in the layout. Strong typographic hierarchy, calm <a href=\"https:\/\/blog.tubikstudio.com\/negative-space-in-design-tips-and-best-practices\/\">white space,<\/a> and custom glass-shaped mask transitions that feel cheeky without being kitsch. This is UX design with personality\u2014playful, but not drunk on itself.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The <a href=\"https:\/\/blog.tubikstudio.com\/web-animation\/\">motion<\/a> is subtle, but you feel it. You scroll slower. You stay longer. The call-to-action doesn&#8217;t shout. It nudges. Like a good bartender.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"Bartender school website tubik design\" src=\"https:\/\/player.vimeo.com\/video\/844988328?h=30031cdc88&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><iframe loading=\"lazy\" title=\"bartender school web design tubik agency\" src=\"https:\/\/player.vimeo.com\/video\/844988361?h=c33591ea11&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><iframe loading=\"lazy\" title=\"bartending school website interactions tubik\" src=\"https:\/\/player.vimeo.com\/video\/844988280?h=b45abce1fd&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-14266\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartending-school-website-design-tubik.jpg\" alt=\"bartending school website design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartending-school-website-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartending-school-website-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartending-school-website-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartending-school-website-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartending-school-website-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14267\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartending-website-design-tubik-agency.jpg\" alt=\"bartending school website design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartending-website-design-tubik-agency.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartending-website-design-tubik-agency-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartending-website-design-tubik-agency-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartending-website-design-tubik-agency-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartending-website-design-tubik-agency-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14265\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartender-school-web-design-tubik.jpg\" alt=\"bartender school web design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartender-school-web-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartender-school-web-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartender-school-web-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartender-school-web-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/bartender-school-web-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14264\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/barman-school-website-tubik-design.jpg\" alt=\"barman school website tubik design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/barman-school-website-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/barman-school-website-tubik-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/barman-school-website-tubik-design-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/barman-school-website-tubik-design-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/barman-school-website-tubik-design-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">3. Crypto App: Data, But Make It Digestible<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Crypto apps have a reputation: graphs that look like a heart monitor, color schemes straight out of a 90s rave, and copy that reads like someone fed ChatGPT the Bitcoin subreddit.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This one, however, is surprisingly calm.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It simplifies the chaos. Big buttons. Simple onboarding. Microinteractions that feel thoughtful, not gimmicky. And a visual rhythm that says: \u201cHey, we know you\u2019re scared. Let\u2019s make this easy.\u201d<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In a world of <a href=\"https:\/\/blog.tubikstudio.com\/design-fintech-ui-ux-finance-business\/\">financial<\/a> UX that often feels like solving a Rubik\u2019s Cube blindfolded, this one is a palate cleanser.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"crypto application interaction design tubik\" src=\"https:\/\/player.vimeo.com\/video\/845632590?h=aef78c6f65&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><iframe loading=\"lazy\" title=\"crypto app interaction design tubik\" src=\"https:\/\/player.vimeo.com\/video\/845632594?h=ac06d54cd0&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><iframe loading=\"lazy\" title=\"crypto application mobile design tubik\" src=\"https:\/\/player.vimeo.com\/video\/845632604?h=6c82461a20&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><iframe loading=\"lazy\" title=\"crypto app interactions tubik design\" src=\"https:\/\/player.vimeo.com\/video\/845632614?h=04398d9c9a&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-14287\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-app-design-tubik.jpg\" alt=\"crypto app design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-app-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-app-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-app-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-app-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-app-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14289\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-application-tubik-design.jpg\" alt=\"crypto application tubik design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-application-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-application-tubik-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-application-tubik-design-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-application-tubik-design-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-application-tubik-design-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14288\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-application-design-case-study-tubik.jpg\" alt=\"crypto application design case study tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-application-design-case-study-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-application-design-case-study-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-application-design-case-study-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-application-design-case-study-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/crypto-application-design-case-study-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">4. AR Social Network: IRL Meets UI<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">We\u2019re skeptical of anything that sounds like \u201cnext-gen social.\u201d But here\u2019s what worked: it didn\u2019t reinvent everything. It borrowed known patterns (chat bubbles, DMs, swipe cards) and layered them with AR triggers and camera-based interactions in ways that made sense.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The mobile UI design is color-rich without being loud, and the landing page mirrors the <a href=\"https:\/\/blog.tubikstudio.com\/app-design-ideas\/\">app<\/a> logic. So when you scroll the site, you get a taste of what the app <\/span><i><span style=\"font-weight: 400;\">feels<\/span><\/i><span style=\"font-weight: 400;\"> like. Not what it promises. That distinction? Underrated.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"AR based social network app tubik\" src=\"https:\/\/player.vimeo.com\/video\/845634385?h=8974287c42&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><iframe loading=\"lazy\" title=\"AR social network onboarding screens tubik\" src=\"https:\/\/player.vimeo.com\/video\/845634393?h=cb4727ca1c&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><iframe loading=\"lazy\" title=\"ar social network messenger interactions tubik agency\" src=\"https:\/\/player.vimeo.com\/video\/845634367?h=50af2675a9&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><iframe loading=\"lazy\" title=\"ar based social network interactions tubik\" src=\"https:\/\/player.vimeo.com\/video\/845634375?h=9c3734991b&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><iframe loading=\"lazy\" title=\"ar social network design tubik\" src=\"https:\/\/player.vimeo.com\/video\/845634348?h=b52e69b1df&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><iframe loading=\"lazy\" title=\"ar social network blur mode tubik design\" src=\"https:\/\/player.vimeo.com\/video\/845634358?h=0182607804&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><iframe loading=\"lazy\" title=\"AR social network landing page tubik\" src=\"https:\/\/player.vimeo.com\/video\/845634402?h=a92af93e96&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-14262\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/AI-social-network-web-design-tubik.jpg\" alt=\"AI social network web design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/AI-social-network-web-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/AI-social-network-web-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/AI-social-network-web-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/AI-social-network-web-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/AI-social-network-web-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14263\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/AR-social-network-design-tubik.jpg\" alt=\"AR social network design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/AR-social-network-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/AR-social-network-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/AR-social-network-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/AR-social-network-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/AR-social-network-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">5. Masterclasses Platform: Netflix, but Nerdy<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Some platforms teach you how to code. Some teach you how to bake. This one teaches you everything\u2014and somehow avoids looking like a PowerPoint deck.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We loved how the UX layout leans into modularity: cards for categories, horizontal scroll for tracks, and video previews that load like they know you&#8217;re impatient. The <a href=\"https:\/\/blog.tubikstudio.com\/mobile-app-branding-tips-strategies-and-examples\/\">mobile app<\/a> interface is designed for mid-commute inspiration\u2014watch a lesson, save a snippet, jump back in later.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Educational UI often over-explains. This one assumes you\u2019re smart and skips the hand-holding. Bold move. We respect it.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"masterclasses application design tubik\" src=\"https:\/\/player.vimeo.com\/video\/844839121?h=642fb98381&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-14279\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-design-tubik-agency.jpg\" alt=\"Masterclass app design tubik agency\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-design-tubik-agency.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-design-tubik-agency-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-design-tubik-agency-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-design-tubik-agency-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-design-tubik-agency-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14280\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-mobile-app-design-tubik.jpg\" alt=\"Masterclass mobile app design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-mobile-app-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-mobile-app-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-mobile-app-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-mobile-app-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-mobile-app-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14281\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-mobile-application-design-tubik.jpg\" alt=\"Masterclass mobile application design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-mobile-application-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-mobile-application-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-mobile-application-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-mobile-application-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-mobile-application-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"Materclasses app landing page tubik design\" src=\"https:\/\/player.vimeo.com\/video\/844839138?h=b9d32d94da&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-14278\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik.jpg\" alt=\"Masterclass app case study tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">6. Fashion Marketplace: Bold, Local, Scroll-Stopping<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The color schemes are sharp. The layouts are asymmetrical in a way that feels editorial, not broken. This fashion marketplace champions Ukrainian designers\u2014and you can tell. Each product page feels like a portfolio piece. Think: less Amazon, more <\/span><i><span style=\"font-weight: 400;\">digital showroom<\/span><\/i><span style=\"font-weight: 400;\">. The UI design choices here (sharp lines, overlapping type, minimalist color palettes) echo the craftsmanship of the clothes themselves.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And there\u2019s heart: every brand\u2014from <a href=\"https:\/\/guniaproject.com\">Gunia<\/a> to <a href=\"https:\/\/katimo.ua\/en\/\">Katimo<\/a>\u2014gets space to speak, not just sell. E-commerce UX done with cultural care and style.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"ecommerce marketplace tubik web design\" src=\"https:\/\/player.vimeo.com\/video\/845634564?h=6edc6ffb80&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><iframe loading=\"lazy\" title=\"marketplace website creators page tubik design\" src=\"https:\/\/player.vimeo.com\/video\/845634572?h=20a49dc019&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><iframe loading=\"lazy\" title=\"ecommerce website design marketplace tubik\" src=\"https:\/\/player.vimeo.com\/video\/845634558?h=f6d3f4c2de&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-14290\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/ecommerce-marketplace-website-design-tubik.jpg\" alt=\"ecommerce marketplace website design tubik\" width=\"1600\" height=\"1400\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/ecommerce-marketplace-website-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/ecommerce-marketplace-website-design-tubik-300x263.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/ecommerce-marketplace-website-design-tubik-768x672.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/ecommerce-marketplace-website-design-tubik-1024x896.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/ecommerce-marketplace-website-design-tubik-150x131.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14291\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/marketplace-website-design-tubik.jpg\" alt=\"marketplace website design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/marketplace-website-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/marketplace-website-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/marketplace-website-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/marketplace-website-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/marketplace-website-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"ecommerce marketplace mobile website tubik design\" src=\"https:\/\/player.vimeo.com\/video\/845634551?h=4bb51b58bb&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<h2><span style=\"font-weight: 400;\">7. Water Brand Website: Hydration, But Make It High-Fashion<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Minimal. Cinematic. And somehow it made us want to drink more water. This niche e-commerce website plays with cool tones, heavy air, and full-bleed video. You can almost <\/span><i><span style=\"font-weight: 400;\">feel<\/span><\/i><span style=\"font-weight: 400;\"> the condensation. The site structure is simple\u2014because it has to be. Water doesn\u2019t need selling. But <\/span><i><span style=\"font-weight: 400;\">brand<\/span><\/i><span style=\"font-weight: 400;\"> does. And here, it\u2019s bottled like perfume.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The transitions are smooth. The text feels whispered, not yelled. This is digital branding through UI\u2014letting emotion drive the structure.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"website water brand tubik design\" src=\"https:\/\/player.vimeo.com\/video\/822755321?h=6087bac43d&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><iframe loading=\"lazy\" title=\"ecommerce website design for water brand tubik\" src=\"https:\/\/player.vimeo.com\/video\/822755238?h=47e47eb21c&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><iframe loading=\"lazy\" title=\"water brand website interactions tubik\" src=\"https:\/\/player.vimeo.com\/video\/822755281?h=83b478666a&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-14293\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/water-ecommerce-website-tubik-design.jpg\" alt=\"water ecommerce website tubik design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/water-ecommerce-website-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/water-ecommerce-website-tubik-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/water-ecommerce-website-tubik-design-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/water-ecommerce-website-tubik-design-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/water-ecommerce-website-tubik-design-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14292\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/water-brand-mobile-website-tubik.jpg\" alt=\"water brand mobile website tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/water-brand-mobile-website-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/water-brand-mobile-website-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/water-brand-mobile-website-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/water-brand-mobile-website-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/water-brand-mobile-website-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14270\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/case-study-water-brand-ecommerce-website-tubik.jpg\" alt=\"case study water brand ecommerce website tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/case-study-water-brand-ecommerce-website-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/case-study-water-brand-ecommerce-website-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/case-study-water-brand-ecommerce-website-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/case-study-water-brand-ecommerce-website-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/case-study-water-brand-ecommerce-website-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">8. Fitness App: No Pain, All Gain<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Fitness apps tend to overdo it. Neon gradients. Fake muscles. \u201cGET RIPPED\u201d in all caps. This one is elegant. The interface design focuses on simplicity: calming blues and grays, soft shadows, minimalist type. It\u2019s like the Calm app got a gym membership.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You track your runs, your meals, your mood. You don\u2019t get yelled at by a virtual coach. And the <a href=\"https:\/\/blog.tubikstudio.com\/effective-landing-page-design\/\">landing page<\/a> actually tells you what the app does. Revolutionary.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"fitness app training screens tubik design\" src=\"https:\/\/player.vimeo.com\/video\/819788639?h=5b8e5b28d7&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><iframe loading=\"lazy\" title=\"fitness application  diet screens tubik\" src=\"https:\/\/player.vimeo.com\/video\/819788611?h=3a350076ed&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-14272\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-7.jpg\" alt=\"fitness app design case study tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-7.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-7-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-7-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-7-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-7-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14273\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-8.jpg\" alt=\"fitness app design case study tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-8.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-8-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-8-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-8-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-8-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"landing page for fitness app tubik\" src=\"https:\/\/player.vimeo.com\/video\/819788585?h=00dafc2f7a&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-14271\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-4.jpg\" alt=\"fitness app design case study tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-4.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-4-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-4-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-4-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-4-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14274\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik.jpg\" alt=\"fitness app design case study tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/fitness-app-design-case-study-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">9. Wildfarm Drinks: Nature in Your Browser<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">This might be the most romantic website for tea and wine we\u2019ve ever seen. It doesn\u2019t try to be quirky. It leans into slow UX\u2014pages that breathe, content that lingers, and a story-first layout that reminds you these herbs weren\u2019t grown in a lab. They came from wild Ukrainian fields.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/blog.tubikstudio.com\/mobile-typography-8-steps-toward-powerful-ui\/\">Typography<\/a> in UI here deserves a mention: decorative, serif-heavy, and full of odd elegance. It doesn\u2019t shout authenticity\u2014it just shows you the dirt under its nails, then offers you a warm cup.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"wildfarm tea ecommerce website tubik\" src=\"https:\/\/player.vimeo.com\/video\/845635648?h=bea237c348&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><iframe loading=\"lazy\" title=\"wildfarm ecommerce website tubik\" src=\"https:\/\/player.vimeo.com\/video\/845635626?h=80780264e3&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><iframe loading=\"lazy\" title=\"wildfarm drinks ecommerce mobile website tubik\" src=\"https:\/\/player.vimeo.com\/video\/845635638?h=f155aecf3e&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><iframe loading=\"lazy\" title=\"ecommerce website wildlife farm tubik design\" src=\"https:\/\/player.vimeo.com\/video\/845635616?h=10ca224b5f&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-14285\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/wildfarm-drinks-ecommerce-website-case-study-tubik.jpg\" alt=\"wildfarm drinks ecommerce website case study tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/wildfarm-drinks-ecommerce-website-case-study-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/wildfarm-drinks-ecommerce-website-case-study-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/wildfarm-drinks-ecommerce-website-case-study-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/wildfarm-drinks-ecommerce-website-case-study-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/wildfarm-drinks-ecommerce-website-case-study-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">10. Hearing Tech App: Utility with Empathy<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Designing for accessibility is not about ticking checkboxes. It\u2019s about understanding. This UX\/UI concept for a hearing aid tool <a href=\"https:\/\/blog.tubikstudio.com\/golden-ratio-bring-balance-in-ui-design\/\">balances<\/a> clarity with dignity. Large tap targets, high <a href=\"https:\/\/blog.tubikstudio.com\/contrast-in-user-interface-design\/\">contrast<\/a>, voice-controlled nav. Subtle <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-use-animations-in-mobile-apps\/\">animations<\/a> to signal changes without overwhelming.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The design here hits the right tone: hopeful, but not sentimental. Functional, but not sterile. It doesn\u2019t say \u201cwe\u2019re here to help.\u201d It shows it\u2014in every pixel.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"hearing support application interactions tubik design\" src=\"https:\/\/player.vimeo.com\/video\/845635535?h=8fc1c91869&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-14275\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-02.jpg\" alt=\"hearing support tech product case study tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-02.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-02-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-02-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-02-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-02-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14276\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-06.jpg\" alt=\"hearing support tech product case study tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-06.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-06-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-06-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-06-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-06-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"tech product landing page design tubik\" src=\"https:\/\/player.vimeo.com\/video\/802626472?h=7be2aada2e&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><iframe loading=\"lazy\" title=\"hearing support product web design tubik\" src=\"https:\/\/player.vimeo.com\/video\/802626447?h=607f789729&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-13629\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/hearing-support-tech-product-case-study-tubik-01.jpg\" alt=\"hearing support tech product case study tubik 01\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/hearing-support-tech-product-case-study-tubik-01.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/hearing-support-tech-product-case-study-tubik-01-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/hearing-support-tech-product-case-study-tubik-01-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/hearing-support-tech-product-case-study-tubik-01-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/hearing-support-tech-product-case-study-tubik-01-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13630\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/hearing-support-tech-product-case-study-tubik-04.jpg\" alt=\"hearing support tech product case study tubik 04\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/hearing-support-tech-product-case-study-tubik-04.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/hearing-support-tech-product-case-study-tubik-04-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/hearing-support-tech-product-case-study-tubik-04-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/hearing-support-tech-product-case-study-tubik-04-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/hearing-support-tech-product-case-study-tubik-04-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14277\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik.jpg\" alt=\"hearing support tech product case study tubik 02\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/hearing-support-tech-product-case-study-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">Final Thought<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">We love user interface design that makes you feel something\u2014without trying too hard. We love when UI patterns are reused <\/span><i><span style=\"font-weight: 400;\">because they work<\/span><\/i><span style=\"font-weight: 400;\">, not because someone forgot to be creative. We love weird ideas executed with restraint. We love quiet decisions that no one will notice but everyone will feel.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And above all, we love that there\u2019s no one right way to do this. Because if there were, we\u2019d probably quit.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So yeah. No frameworks. No \u201c10 Golden Rules of UX.\u201d Just a list of things that made us stop, stare, and maybe rethink a hover state or two.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Recommended Reading<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Still hungry? Here\u2019s more brain food for your inner interface nerd:<\/span><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/awe-inspiring-website-designs\/\">Web Design: 11 Diverse Functional and Awe-Inspiring Website Designs<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/app-design-ideas\/\">App Design Ideas: 7 Nifty Mobile Application Design Projects<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/product-page-design-inspiration\/\">Product Page Design Inspiration: 17 Ecommerce Web Designs<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/media-editorial-website-design\/\">Information Beautified: Media and Editorial Website Designs<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ux-design-traveling\/\">UX Design for Traveling: Impressive Web Design Concepts<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-design-concepts-for-business\/\">23 Impressive Web Design Concepts for Various Business Objectives<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ui-designs-for-ecommerce\/\">Design for Sales: 10 Creative UI Designs for Ecommerce<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ux-design-interactive-content\/\">UX Design: Types of Interactive Content Amplifying Engagement<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-animation\/\">Motion in UX Design: 6 Effective Types of Web Animation<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/effective-landing-page-design\/\">5 Pillars of Effective Landing Page Design<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/anatomy-of-web-page\/\">The Anatomy of a Web Page: Basic Elements<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A curated roundup of design projects that didn\u2019t aim for awards\u2014they aimed for users. From AR apps to digital showrooms and fitness platforms that whisper instead of scream.<\/p>\n","protected":false},"author":10003,"featured_media":14278,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[9],"tags":[533,123,447,534,127,457,545,138,463,548,147,465,549,176,466,212,467,256,479,258,482,319,485,320,487,321,489,324,491,331,502,20,336,504,47,365,515,100,440,532],"coauthors":[634],"class_list":["post-14252","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui_ux","tag-web-design","tag-design-for-business","tag-tubik-studio","tag-web-design-article","tag-design-for-marketing","tag-ui","tag-web-user-interface","tag-design-process","tag-ui-design-article","tag-website-design","tag-design-studio","tag-ui-design-examples","tag-website-design-concept","tag-ecommerce-website","tag-ui-design-inspiration","tag-graphic-design","tag-ui-design-practices","tag-interaction-design","tag-usability","tag-interface-animation","tag-user-experience","tag-mobile-app","tag-user-experience-design","tag-mobile-app-branding","tag-user-experience-design-process","tag-mobile-applications","tag-user-experience-examples","tag-mobile-design-inspiration","tag-user-interface","tag-mobile-ui","tag-ux","tag-app-design","tag-motion-design","tag-ux-design-article","tag-branding","tag-product-design","tag-uxui","tag-design","tag-tubik","tag-web-animation"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>10 Elegant and Handy User Interface Design Projects<\/title>\n<meta name=\"description\" content=\"Explore 10 UI\/UX projects\u2014from AR social apps to poetic ecommerce sites\u2014crafted to solve real problems, not collect Behance likes.\" \/>\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\/user-interface-design-projects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Elegant and Handy User Interface Design Projects\" \/>\n<meta property=\"og:description\" content=\"Explore 10 UI\/UX projects\u2014from AR social apps to poetic ecommerce sites\u2014crafted to solve real problems, not collect Behance likes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-17T19:12:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-23T19:18:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik.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=\"Anastasiia Lutsenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anastasiia Lutsenko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/\",\"name\":\"10 Elegant and Handy User Interface Design Projects\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik.jpg\",\"datePublished\":\"2023-07-17T19:12:10+00:00\",\"dateModified\":\"2026-01-23T19:18:55+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\"},\"description\":\"Explore 10 UI\/UX projects\u2014from AR social apps to poetic ecommerce sites\u2014crafted to solve real problems, not collect Behance likes.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"Masterclass app case study tubik\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UI\/UX Design: 10 Elegant and Handy User Interface Design Projects\"}]},{\"@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\/2d8ccd57b6edf253e2787561fe1e66c1\",\"name\":\"Anastasiia Lutsenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"caption\":\"Anastasiia Lutsenko\"},\"description\":\"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.\",\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Elegant and Handy User Interface Design Projects","description":"Explore 10 UI\/UX projects\u2014from AR social apps to poetic ecommerce sites\u2014crafted to solve real problems, not collect Behance likes.","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\/user-interface-design-projects\/","og_locale":"en_US","og_type":"article","og_title":"10 Elegant and Handy User Interface Design Projects","og_description":"Explore 10 UI\/UX projects\u2014from AR social apps to poetic ecommerce sites\u2014crafted to solve real problems, not collect Behance likes.","og_url":"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2023-07-17T19:12:10+00:00","article_modified_time":"2026-01-23T19:18:55+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik.jpg","type":"image\/jpeg"}],"author":"Anastasiia Lutsenko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anastasiia Lutsenko","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/","url":"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/","name":"10 Elegant and Handy User Interface Design Projects","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik.jpg","datePublished":"2023-07-17T19:12:10+00:00","dateModified":"2026-01-23T19:18:55+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1"},"description":"Explore 10 UI\/UX projects\u2014from AR social apps to poetic ecommerce sites\u2014crafted to solve real problems, not collect Behance likes.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/07\/Masterclass-app-case-study-tubik.jpg","width":1600,"height":1200,"caption":"Masterclass app case study tubik"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/user-interface-design-projects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"UI\/UX Design: 10 Elegant and Handy User Interface Design Projects"}]},{"@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\/2d8ccd57b6edf253e2787561fe1e66c1","name":"Anastasiia Lutsenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25","url":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","caption":"Anastasiia Lutsenko"},"description":"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.","url":"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/14252","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\/10003"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=14252"}],"version-history":[{"count":19,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/14252\/revisions"}],"predecessor-version":[{"id":16950,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/14252\/revisions\/16950"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/14278"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=14252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=14252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=14252"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=14252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}