{"id":17375,"date":"2026-03-24T11:59:42","date_gmt":"2026-03-24T11:59:42","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=17375"},"modified":"2026-03-24T12:00:40","modified_gmt":"2026-03-24T12:00:40","slug":"alphane-labs-3d-scroll-experiment","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/","title":{"rendered":"Alphane Labs: Our First Real Shot at Getting Weird"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">It started with a gift. Version four of a client\u2019s website that nobody asked for, but we wanted to make it anyway. A summer impulse, if you will. An excuse to get our hands dirty. Our first in-house experiment in creative development. One page, one device, and a lot of scroll.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Our new creative developer had just joined the team. Blender was open, curiosity was high, and we had this one oddly-shaped industrial device that needed a digital stage.<\/span><\/p>\n<h2><b>So, What Even <\/b><b><i>Is<\/i><\/b><b> This Thing?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The startup\u2014Alphane Labs\u2014was working on a sensor. A real-deal, heavy-duty gadget used to analyze air composition in industrial spaces. Think: CO2 levels, chemical particles, all the stuff that floats through factory air you probably don\u2019t want to inhale. It was designed for environments like steel plants, furnaces, and factory floors. Serious tech.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We didn\u2019t get a blueprint or a render. All we had was a photo\u2014taken from a weird angle, with lighting that flattened everything into a guessing game. So, we guessed. We reverse-engineered it like archaeologists with a partial skeleton, filling in the bones with imagination and some Blender black magic.<\/span><\/p>\n<h2><b>From Idea to Scroll<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The goal was simple: build a scroll-based site that walks you through the anatomy of the device. We wanted it to feel like peeling open a manual, only better-looking and less soul-crushing.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The overall concept and 3D model came from Sergii Valiukh, our founder. Ernest Asanov, our Art Director, took the existing UI foundation, isolated the 3D scene into its own module, moved the navigation off to the side, and finessed the balance of typography and color until it felt just right.\u00a0<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"09_1_Alphane_3d_drafts\" src=\"https:\/\/player.vimeo.com\/video\/1169561136?dnt=1&amp;app_id=122963\" width=\"500\" height=\"236\" 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;\">Oleg Savenok\u2014our Creative Web Developer\u2014took charge of shaders and interactions. The tech stack was a modern pairing of Nuxt 3 for frontend architecture and Three.js for rendering the 3D graphics. Nuxt 3 gave us fast rendering and a modular project structure. Three.js remains the go-to for WebGL in-browser, letting us balance visual complexity with performance.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We chose orthographic projection for the visual style\u2014no perspective lines, no \u201creal-world\u201d camera angles. Just a clean, technical view, like something pulled from a blueprint. From a dev standpoint, the OrthographicCamera in Three.js made layout logic easier too\u2014no depth distortion, simpler zoom logic, and tighter control over object positioning.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"Alphane_HD_04_1\" src=\"https:\/\/player.vimeo.com\/video\/1169537321?dnt=1&amp;app_id=122963\" width=\"500\" height=\"285\" 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;\">And it felt right\u2014cold, precise, poetic in its flatness. You scroll. You see what the device is. Then how big it is. Then what it\u2019s made of. Then what it shows you\u2014live data, graphed in neat little infographics. Then, finally, a high-res render, where it looks like you could almost touch it.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And that\u2019s it. A one-page story with no dialogue, told through motion, type, and scroll inertia.<\/span><\/p>\n<h2><b>Let\u2019s Talk Pipeline<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">This was our first time running the Blender &gt; Web flow in-house. The rig was basic but functional\u2014build the model, animate it, export, import, pray. Then style the scroll behavior so it doesn\u2019t feel like a PowerPoint.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The export pipeline wasn\u2019t your typical glTF drag-and-drop. To get the stylized edges working, we had to prep the geometry inside Blender: merging vertices, cleaning up normals, optimizing the mesh. Any flaw in the topology would instantly break the shader. Blender cleanup became a pre-flight ritual.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The export wasn\u2019t always friendly, but every glitch taught us something. And when it worked\u2014it <\/span><i><span style=\"font-weight: 400;\">really<\/span><\/i><span style=\"font-weight: 400;\"> worked.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17377\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/69676490a35a33d78235cc28_08_Alphane_website_sections_overview-scaled.jpg\" alt=\"\" width=\"2560\" height=\"1688\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/69676490a35a33d78235cc28_08_Alphane_website_sections_overview-scaled.jpg 2560w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/69676490a35a33d78235cc28_08_Alphane_website_sections_overview-300x198.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/69676490a35a33d78235cc28_08_Alphane_website_sections_overview-1024x675.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/69676490a35a33d78235cc28_08_Alphane_website_sections_overview-768x506.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/69676490a35a33d78235cc28_08_Alphane_website_sections_overview-1536x1013.jpg 1536w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/69676490a35a33d78235cc28_08_Alphane_website_sections_overview-2048x1350.jpg 2048w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/69676490a35a33d78235cc28_08_Alphane_website_sections_overview-150x99.jpg 150w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<h2><b>The Shader Bit<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Shaders are one of those things you don\u2019t realize are important until they break. Or until they level up your whole site from \u201cmeh\u201d to \u201cwhoa.\u201d<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For this project, the shader carried weight. We wanted it to match the orthographic style\u2014clean lines, no shadow drama, crisp transitions. The kind of render that feels like an engineering sketch come to life. Oleg built a hybrid shader setup: using standard EdgesGeometry for hard outer contours and a custom-written LineSegments-based shader for internal edges and conditional lines\u2014those that only appear depending on your view angle. The result was a wireframe that looked clean, intentional, and hand-drawn.<\/span><\/p>\n<h2><b>What Made It Tricky<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Aside from the single photo reference? Probably the collaboration itself. This was our first attempt at stitching together 3D, design, and creative code in a real pipeline. Timing scroll animations with model transitions. Making sure UI didn\u2019t block visuals. Faking depth without losing clarity. And doing it all without a deadline. Which, paradoxically, makes it <\/span><i><span style=\"font-weight: 400;\">harder<\/span><\/i><span style=\"font-weight: 400;\">, not easier.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The hardest part dev-wise was shader performance. Especially the conditional logic. It was Oleg\u2019s first time writing a shader this complex, and finding a balance between visual fidelity and frame rate\u2014especially on low-end devices\u2014took a serious R&amp;D phase. Most of the dev time was spent optimizing those few hundred lines of GLSL.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Also, did we mention we built the entire device design by squinting at a single photo?<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"Alphane_HD_05_1\" src=\"https:\/\/player.vimeo.com\/video\/1169537355?dnt=1&amp;app_id=122963\" width=\"500\" height=\"285\" 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>What We Took From It<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">This was our sandbox test. A proof of concept for future experiments. It showed us that, yeah, we <\/span><i><span style=\"font-weight: 400;\">can<\/span><\/i><span style=\"font-weight: 400;\"> go from idea to in-browser 3D experience with nothing but a half-baked concept and a little design mischief.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It also reminded us why we love these side quests. No pressure. No client feedback loops. Just the freedom to follow an idea, mess with it, and see where it goes. <\/span><span style=\"font-weight: 400;\">And a tiny, boxy air sensor\u2014uncertain of its destiny, but immortalized in pixels, one scroll at a time.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Next time: more weirdness. Maybe even a blueprint or two. But no promises.<\/span><\/p>\n<h2 data-section-id=\"1ou9b8j\" data-start=\"1264\" data-end=\"1307\"><span role=\"text\"><strong data-start=\"1268\" data-end=\"1307\">Recommended Reading<\/strong><\/span><\/h2>\n<p data-start=\"1308\" data-end=\"1580\">Liked this project? You might also want to explore these articles:<\/p>\n<p data-start=\"1308\" data-end=\"1580\"><a href=\"https:\/\/blog.tubikstudio.com\/immediate-fintech-case-study-earned-wage-access\/\">Immediate Case Study: Rethinking Payday<\/a><\/p>\n<p data-start=\"1308\" data-end=\"1580\"><a href=\"https:\/\/blog.tubikstudio.com\/small-elements-big-impact-types-and-functions-of-ui-icons?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=alphane_labs_case_study&amp;source=blog\">Small Elements, Big Impact: Types and Functions of UI Icons<\/a><\/p>\n<p data-start=\"1308\" data-end=\"1580\"><a href=\"https:\/\/blog.tubikstudio.com\/big-reasons-to-apply-illustrations-in-ui-design?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=alphane_labs_case_study&amp;source=blog\">Drawing Attention: The Real Power of Illustrations in UI Design<\/a><\/p>\n<p data-start=\"1308\" data-end=\"1580\"><a href=\"https:\/\/blog.tubikstudio.com\/ecommerce-ui-ux-web-and-mobile-design-online-shopping?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=alphane_labs_case_study&amp;source=blog\">Ecommerce UI\/UX: 6 Web and Mobile Design Projects for Online Shopping<\/a><\/p>\n<p data-start=\"1308\" data-end=\"1580\"><a href=\"https:\/\/blog.tubikstudio.com\/design-consistency?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=alphane_labs_case_study&amp;source=blog\">User Experience: Insights Into Consistency in Design<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Built from a single photo, Alphane Labs became a real test of Blender-to-web pipelines, custom shaders, and storytelling through motion.<\/p>\n","protected":false},"author":10003,"featured_media":17376,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[648,4,6,9],"tags":[464,466,533,649,650,651,657,679,723,724,725,726,727,108,728,440,463],"coauthors":[634],"class_list":["post-17375","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","category-case_study","category-illustration","category-ui_ux","tag-ui-design-case-study","tag-ui-design-inspiration","tag-web-design","tag-3d-web-design","tag-three-js","tag-nuxt-development","tag-scroll-interaction","tag-tubik-case-study","tag-webgl","tag-shader-development","tag-blender-workflow","tag-experimental-design","tag-interactive-ui","tag-design-case-study","tag-creative-coding","tag-tubik","tag-ui-design-article"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Alphane Labs: Our First Real Shot at Getting Weird<\/title>\n<meta name=\"description\" content=\"How Tubik Studio built a scroll-based 3D website for Alphane Labs, turning a single reference image into an interactive web 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\/alphane-labs-3d-scroll-experiment\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Alphane Labs: Our First Real Shot at Getting Weird\" \/>\n<meta property=\"og:description\" content=\"How Tubik Studio built a scroll-based 3D website for Alphane Labs, turning a single reference image into an interactive web experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-24T11:59:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-24T12:00:40+00:00\" \/>\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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/\",\"name\":\"Alphane Labs: Our First Real Shot at Getting Weird\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/6967b679ca1d0ef6ab43541e_03_1_Alphane_website_with_3D_device-scaled.avif\",\"datePublished\":\"2026-03-24T11:59:42+00:00\",\"dateModified\":\"2026-03-24T12:00:40+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\"},\"description\":\"How Tubik Studio built a scroll-based 3D website for Alphane Labs, turning a single reference image into an interactive web experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/6967b679ca1d0ef6ab43541e_03_1_Alphane_website_with_3D_device-scaled.avif\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/6967b679ca1d0ef6ab43541e_03_1_Alphane_website_with_3D_device-scaled.avif\",\"width\":2560,\"height\":1567},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Alphane Labs: Our First Real Shot at Getting Weird\"}]},{\"@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":"Alphane Labs: Our First Real Shot at Getting Weird","description":"How Tubik Studio built a scroll-based 3D website for Alphane Labs, turning a single reference image into an interactive web 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\/alphane-labs-3d-scroll-experiment\/","og_locale":"en_US","og_type":"article","og_title":"Alphane Labs: Our First Real Shot at Getting Weird","og_description":"How Tubik Studio built a scroll-based 3D website for Alphane Labs, turning a single reference image into an interactive web experience.","og_url":"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2026-03-24T11:59:42+00:00","article_modified_time":"2026-03-24T12:00:40+00:00","author":"Anastasiia Lutsenko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anastasiia Lutsenko","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/","url":"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/","name":"Alphane Labs: Our First Real Shot at Getting Weird","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/6967b679ca1d0ef6ab43541e_03_1_Alphane_website_with_3D_device-scaled.avif","datePublished":"2026-03-24T11:59:42+00:00","dateModified":"2026-03-24T12:00:40+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1"},"description":"How Tubik Studio built a scroll-based 3D website for Alphane Labs, turning a single reference image into an interactive web experience.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/6967b679ca1d0ef6ab43541e_03_1_Alphane_website_with_3D_device-scaled.avif","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/03\/6967b679ca1d0ef6ab43541e_03_1_Alphane_website_with_3D_device-scaled.avif","width":2560,"height":1567},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/alphane-labs-3d-scroll-experiment\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Alphane Labs: Our First Real Shot at Getting Weird"}]},{"@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\/17375","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=17375"}],"version-history":[{"count":3,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/17375\/revisions"}],"predecessor-version":[{"id":17381,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/17375\/revisions\/17381"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/17376"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=17375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=17375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=17375"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=17375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}