{"id":16693,"date":"2026-01-07T12:59:25","date_gmt":"2026-01-07T12:59:25","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=16693"},"modified":"2026-04-06T12:06:14","modified_gmt":"2026-04-06T12:06:14","slug":"der-baukasten-case-study","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/","title":{"rendered":"Der Baukasten: From Sketch to Scroll"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Sometimes a rooster just shows up in your sketchbook. No warning. No grand plan. A few strokes of the pen, and suddenly there\u2019s a chicken staring back at you\u2014oddly mythical and proudly Ukrainian.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">That\u2019s how <\/span><i><span style=\"font-weight: 400;\">Der Baukasten<\/span><\/i><span style=\"font-weight: 400;\"> began.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Arthur Avakyan, our in-house illustrator and graphic designer, came up with the idea. No one asked him to do it. He didn\u2019t pitch it. It just\u2026 happened. Like most things worth building.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"W007 HD\" src=\"https:\/\/player.vimeo.com\/video\/1146611150?dnt=1&amp;app_id=122963\" width=\"500\" height=\"306\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<h2><strong>Tubik Lab: The Playground Where it All Started<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Tubik Studio has its own digital gallery, where we showcase ideas made not for clients, but for the sake of <\/span><i><span style=\"font-weight: 400;\">creating<\/span><\/i><span style=\"font-weight: 400;\">. We call it Tubik Lab\u2014our little corner for experiments. It\u2019s a petri dish for offbeat ideas, forgotten side projects, and designs that don\u2019t <\/span><i><span style=\"font-weight: 400;\">need<\/span><\/i><span style=\"font-weight: 400;\"> to prove anything. That\u2019s where Der Baukasten was born.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">What started as a one-character experiment got shared in our internal sketch rounds. Then, it grew some wings. Then, a tail. Then, it galloped away with us.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We weren\u2019t chasing client KPIs. We were chasing attention\u2014and yeah, maybe a few shiny awards along the way. (Spoiler: it worked. Der Baukasten took home FWA of the Day, Awwwards Site of the Day, and GSAP\u2019s Site of the Week.)<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But that was never the goal. The goal was the itch. And scratching it.<\/span><\/p>\n<h2><b>From Rooster to Roaming Creatures<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Every Wednesday, our design crew meets to show what we\u2019ve been doodling. Arthur showed the rooster sketch, plus a bit of lettering\u2014a wink to vintage Ukrainian lithograph fonts. The kind you\u2019d find on an old candy wrapper or a dusty fairytale book.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The team loved it. It looked like something you could print, hold, rotate in your hand. Packaging? Maybe. Toy? Closer. A constructible, magnetic toy? Why not.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So we pushed it. Expanded the world. Arthur added two more creatures\u2014the Stork and the Horse. Together they formed a trio: grounded in Ukrainian folklore but built with modern lines and color logic. Not nostalgic, not decorative\u2014alive. Ready to be taken apart, reassembled, turned into something else.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"W001 HD\" src=\"https:\/\/player.vimeo.com\/video\/1146566990?dnt=1&amp;app_id=122963\" width=\"500\" height=\"306\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<h2><b>Design That Clicks (Literally)<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The project was now clearly modular\u2014and that was our pivot point. We leaned into the physicality. Made it a toy concept first, then built the entire design system around that idea.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sergii Valiukh, Tubik\u2019s founder, picked up the thread in Blender. Each creature was made up of hundreds of parts\u2014think of them like Lego pieces, but less forgiving. Around 300 separate modules, all needing to slot into the right place at the right time without bumping into each other mid-animation.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Every part had a \u201czero point\u201d\u2014a kind of anchor in space. That\u2019s what allowed Sergii to animate the transformation from Rooster to Stork to Horse in a way that felt intentional, not chaotic. Like origami folding itself into something new.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">He rigged the whole thing with Blender\u2019s EEVEE render engine, carefully matching the lighting and materials so that when it landed in three.JS on the site, the developers wouldn\u2019t have to do a full visual overhaul. No \u201cwe\u2019ll fix it in dev\u201d shortcuts. We made it look good <\/span><i><span style=\"font-weight: 400;\">inside Blender<\/span><\/i><span style=\"font-weight: 400;\"> first\u2014then passed it along with all the right settings baked in.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"W008 HD\" src=\"https:\/\/player.vimeo.com\/video\/1152216554?dnt=1&amp;app_id=122963\" width=\"500\" height=\"306\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<h2><strong>Motion Magic<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">While that was happening, Ernest Asanov, our Art Director, started thinking about motion. About how the UI could echo the toy\u2019s build-it-yourself logic. No traditional layout grids. No scroll-and-forget blocks. His idea was to turn the scroll into an assembly line\u2014<\/span><i><span style=\"font-weight: 400;\">literally<\/span><\/i><span style=\"font-weight: 400;\">. You scroll, the creature builds. Piece by piece. Motion meets structure. No loading bars, no popups. Just the soft satisfaction of watching something come together.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ernest started with a draft\u2014Sergii had already roughed out the 3D motion logic, and Arthur had created custom typography for each character. But the visuals weren\u2019t quite clicking. The original blue background color was too soft, too polite. It didn\u2019t play well with the bright 3D elements. So Ernest made the first cut: switched the stage to pitch black.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Suddenly, our creatures were glowing. Primary colors popped like Bauhaus interiors. That\u2019s when the name landed, too: Der Baukasten. A German nod to \u201cconstruction kit,\u201d with a wink to modularity, folklore, and design history all at once.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16700 size-large\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Image-1024x655.jpg\" alt=\"\" width=\"1024\" height=\"655\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Image-1024x655.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Image-300x192.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Image-768x492.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Image-1536x983.jpg 1536w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Image-150x96.jpg 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Image.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16737 size-large\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-07-at-16.54.24_cropped_processed_by_imagy-1-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-07-at-16.54.24_cropped_processed_by_imagy-1-1024x576.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-07-at-16.54.24_cropped_processed_by_imagy-1-300x169.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-07-at-16.54.24_cropped_processed_by_imagy-1-768x432.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-07-at-16.54.24_cropped_processed_by_imagy-1-1536x864.png 1536w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-07-at-16.54.24_cropped_processed_by_imagy-1-2048x1152.png 2048w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/Screenshot-2026-01-07-at-16.54.24_cropped_processed_by_imagy-1-150x84.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Then came the type. Arthur\u2019s custom font was beautiful\u2014handcrafted, full of personality. But in context, it was stealing too much of the show. So Ernest went full Bauhaus and swapped it for Futura: a nod to clean geometry, modularity, and a century\u2019s worth of modernist conviction.<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Next came the layout. A basic chessboard grid felt too rigid, too familiar. And against the black background, blank spaces turned into voids. We needed a way to structure the content without killing the vibe. That\u2019s where the cards came in. Color-blocked, slightly overlapping, and stacked like an archival file drawer\u2014they solved two problems at once: gave structure to the black space and opened up new ways to interact. You don\u2019t scroll through this thing like a blog. You shuffle it. Tap it. Flip it open.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"W005 HD\" src=\"https:\/\/player.vimeo.com\/video\/1146567111?dnt=1&amp;app_id=122963\" width=\"500\" height=\"306\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">Each tap reveals something new: the creature\u2019s name, how to pronounce it, and a downloadable file to 3D print it if you want to create your own physical version of those models. In its final version, the whole thing feels somewhere between an illustrated folklore deck and a designer\u2019s personal filing cabinet\u2014color-coded, slightly chaotic, oddly satisfying.<\/span><\/p>\n<h2><b>What Comes After the Rooster<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Der Baukasten wasn\u2019t designed to sit still. Not on the screen. Not in our heads.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s proof that something strange, beautiful, and technical can come out of nothing but time, curiosity, and a bit of mid-week sketching. This is the kind of project that reminds us <\/span><i><span style=\"font-weight: 400;\">why<\/span><\/i><span style=\"font-weight: 400;\"> we have Tubik Lab in the first place\u2014not to polish ideas for the pitch deck, but to break them. Stretch them. Build them from magnetic limbs and forgotten folklore until they start breathing on their own.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16706 size-large\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/693fc7cc2b79ce794e3b618a_03_der_baukasten_website_card-1024x731.jpg\" alt=\"\" width=\"1024\" height=\"731\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/693fc7cc2b79ce794e3b618a_03_der_baukasten_website_card-1024x731.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/693fc7cc2b79ce794e3b618a_03_der_baukasten_website_card-300x214.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/693fc7cc2b79ce794e3b618a_03_der_baukasten_website_card-768x549.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/693fc7cc2b79ce794e3b618a_03_der_baukasten_website_card-1536x1097.jpg 1536w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/693fc7cc2b79ce794e3b618a_03_der_baukasten_website_card-2048x1463.jpg 2048w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/693fc7cc2b79ce794e3b618a_03_der_baukasten_website_card-150x107.jpg 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Some of our Lab pieces stay sketches. Some go on to win Awwwards and get picked apart by dev forums. This one did both. And it\u2019s not the end of the story. We&#8217;re already working on the next build\u2014louder colors, stranger logic. Maybe fewer roosters, maybe more, who knows?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">What we\u2019ve shared here is the <\/span><i><span style=\"font-weight: 400;\">visible<\/span><\/i><span style=\"font-weight: 400;\"> part\u2014the spark, the shape, the scroll. But underneath, there\u2019s a whole other kind of story. One with Blender files that wouldn\u2019t open. Scroll animations that refuse to move. That side of the process\u2014the dev side\u2014isn\u2019t any less creative. It\u2019s just messier. And we\u2019ll get into that soon.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Because behind every smooth animation is a stack of glitches, experiments, and weirdly satisfying workarounds. And if the design was born from a sketch, the build came from pure stubbornness.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But that\u2019s another story.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For now, it\u2019s simple:<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">This one started with a rooster.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Who knows what hatches next.<\/span><\/p>\n<h2><strong data-start=\"1977\" data-end=\"2022\">Curious What Else We&#8217;re Up To?<\/strong><\/h2>\n<p>Explore more Tubik case studies where sketches turn into systems, and ideas turn into award-winning projects:<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/daughter-of-the-inner-stars-character-art-logo-design\/\">Case Study: Daughter of the Inner Stars. Character Art and Logo Design for Performance<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-ammons-poetry-website\/\">Case Study: Ammons&#8217; Poetry. Creating Website About Poet&#8217;s Legacy<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-wine-brand-packaging-design\/\">Case Study: 1260. Wine Brand Packaging Design with Medieval Vibes<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-web-design-advocacy-guide\/\">Case Study: Advocacy Through Walls. Website Creation for Advocacy Guide<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-identity-product-design-financial-app\/\">Case Study: Serra. Identity and Product Design for Financial App<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A rooster in a sketchbook sparked Der Baukasten\u2014a modular, interactive design experiment born in Tubik Lab. This is the story of how folklore, 3D, motion, and stubborn curiosity turned into an award-winning scroll experience.<\/p>\n","protected":false},"author":10003,"featured_media":17401,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[648,4,6,9],"tags":[57,100,108,138,147,170,212,248,440,447,463,533],"coauthors":[634],"class_list":["post-16693","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","category-case_study","category-illustration","category-ui_ux","tag-case-study","tag-design","tag-design-case-study","tag-design-process","tag-design-studio","tag-digital-illustration","tag-graphic-design","tag-illustration","tag-tubik","tag-tubik-studio","tag-ui-design-article","tag-web-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Der Baukasten: From Sketch to Scroll - Tubik Blog: Articles About Design<\/title>\n<meta name=\"description\" content=\"A behind-the-scenes look at Der Baukasten\u2014a modular design experiment born in Tubik Lab. From sketchbook rooster to award-winning interactive experience.\" \/>\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\/der-baukasten-case-study\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Der Baukasten: From Sketch to Scroll - Tubik Blog: Articles About Design\" \/>\n<meta property=\"og:description\" content=\"A behind-the-scenes look at Der Baukasten\u2014a modular design experiment born in Tubik Lab. From sketchbook rooster to award-winning interactive experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-07T12:59:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T12:06:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/tubik_design_studio_blog_Der_Baukasten-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/\",\"name\":\"Der Baukasten: From Sketch to Scroll - Tubik Blog: Articles About Design\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/tubik_design_studio_blog_Der_Baukasten-1.png\",\"datePublished\":\"2026-01-07T12:59:25+00:00\",\"dateModified\":\"2026-04-06T12:06:14+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\"},\"description\":\"A behind-the-scenes look at Der Baukasten\u2014a modular design experiment born in Tubik Lab. From sketchbook rooster to award-winning interactive experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/tubik_design_studio_blog_Der_Baukasten-1.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/tubik_design_studio_blog_Der_Baukasten-1.png\",\"width\":1200,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Der Baukasten: From Sketch to Scroll\"}]},{\"@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":"Der Baukasten: From Sketch to Scroll - Tubik Blog: Articles About Design","description":"A behind-the-scenes look at Der Baukasten\u2014a modular design experiment born in Tubik Lab. From sketchbook rooster to award-winning interactive experience.","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\/der-baukasten-case-study\/","og_locale":"en_US","og_type":"article","og_title":"Der Baukasten: From Sketch to Scroll - Tubik Blog: Articles About Design","og_description":"A behind-the-scenes look at Der Baukasten\u2014a modular design experiment born in Tubik Lab. From sketchbook rooster to award-winning interactive experience.","og_url":"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2026-01-07T12:59:25+00:00","article_modified_time":"2026-04-06T12:06:14+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/tubik_design_studio_blog_Der_Baukasten-1.png","type":"image\/png"}],"author":"Anastasiia Lutsenko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anastasiia Lutsenko","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/","url":"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/","name":"Der Baukasten: From Sketch to Scroll - Tubik Blog: Articles About Design","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/tubik_design_studio_blog_Der_Baukasten-1.png","datePublished":"2026-01-07T12:59:25+00:00","dateModified":"2026-04-06T12:06:14+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1"},"description":"A behind-the-scenes look at Der Baukasten\u2014a modular design experiment born in Tubik Lab. From sketchbook rooster to award-winning interactive experience.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/tubik_design_studio_blog_Der_Baukasten-1.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/01\/tubik_design_studio_blog_Der_Baukasten-1.png","width":1200,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/der-baukasten-case-study\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Der Baukasten: From Sketch to Scroll"}]},{"@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\/16693","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=16693"}],"version-history":[{"count":38,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/16693\/revisions"}],"predecessor-version":[{"id":17060,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/16693\/revisions\/17060"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/17401"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=16693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=16693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=16693"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=16693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}