{"id":15198,"date":"2023-12-22T09:31:32","date_gmt":"2023-12-22T09:31:32","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=15198"},"modified":"2026-03-25T13:58:16","modified_gmt":"2026-03-25T13:58:16","slug":"interactive-christmas-advent-calendar-ui-design","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/","title":{"rendered":"Case Study: Nova Post. Interactive Christmas Advent Calendar UI Design"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">There&#8217;s a particular kind of design brief that arrives once a year, smells faintly of pine needles, and demands that you somehow make logistics feel magical. This is one of those briefs. Let\u2019s walk through a new chapter in our ongoing collaboration with Nova Post\u2014building an interactive advent calendar for their winter holiday marketing campaign, complete with 3D art, a scrollable map, and enough gamification to make even the most calendar-fatigued user lean in and tap.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"How we created interactive advent calendar UI design and 3D art\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/eYn70LKtEz4?start=54&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2>Project and Client<\/h2>\n<p><span style=\"font-weight: 400;\">Nova Post is a major Ukrainian postal and courier company, and a case study in how logistics app UX design doesn&#8217;t have to be dry. Our collaboration with them has covered a lot of ground over the years: courier service app UI, landing pages, product design, and now, for the <a href=\"https:\/\/blog.tubikstudio.com\/advent-calendar-ui-ux-design-christmas-3d-art?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">second year running<\/a>, a holiday marketing campaign design built around the advent calendar format.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The scope: UI\/UX design, graphic design, 3D art, animation. The Tubik team on this one included Sergii Valiukh, Ernest Asanov, Denys Koloskov, Oleksandra Mykhalyk, Yaroslava Yatsuba, and Anastasiia Iliashevych.<\/span><\/p>\n<h2><strong>The Concept: What Is This Thing, Actually?<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">The mechanic is simple. Throughout December, Nova Post app and website users unlock a new partner offer each day\u2014discounts, deals, surprises. Classic advent calendar logic. One day, one door, one treat. The design question is never <\/span><i><span style=\"font-weight: 400;\">what<\/span><\/i><span style=\"font-weight: 400;\"> it does. It&#8217;s always <\/span><i><span style=\"font-weight: 400;\">how it feels to use it.<\/span><\/i><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14493\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/08\/nova-post-advent-calendar-tablet-tubik-design-blog.jpg\" alt=\"nova post advent calendar tablet tubik design blog\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/08\/nova-post-advent-calendar-tablet-tubik-design-blog.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/08\/nova-post-advent-calendar-tablet-tubik-design-blog-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/08\/nova-post-advent-calendar-tablet-tubik-design-blog-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/08\/nova-post-advent-calendar-tablet-tubik-design-blog-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/08\/nova-post-advent-calendar-tablet-tubik-design-blog-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14496\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/08\/nova-post-advent-calendar-3d-illustrations-tubik-design-blog.jpg\" alt=\"nova post advent calendar 3d illustrations tubik design blog\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/08\/nova-post-advent-calendar-3d-illustrations-tubik-design-blog.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/08\/nova-post-advent-calendar-3d-illustrations-tubik-design-blog-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/08\/nova-post-advent-calendar-3d-illustrations-tubik-design-blog-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/08\/nova-post-advent-calendar-3d-illustrations-tubik-design-blog-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/08\/nova-post-advent-calendar-3d-illustrations-tubik-design-blog-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Last year, working under a tight deadline, we presented the Nova Post team with a menu of structural options for the calendar interface:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">blocks<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">timeline<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">flip calendar<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">cardholder<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">long-scroll parallax calendar<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Time pressure won that round, and the dynamic blocks approach took the prize for its speed-to-build ratio. It worked. But the parallax map idea? It stayed in the room, waiting for its time to shine.<\/span><\/p>\n<h2><strong>This Year: The Map Gets Its Moment<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Starting in autumn rather than November sounds like a small thing. It wasn&#8217;t. That extra time meant the parallax map idea\u2014the one that got shelved last year purely on deadline grounds\u2014could finally come off the shelf.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Gamification in UI design gets thrown around a lot, often to describe things that are barely interactive. But a map is gamification in the most literal, effective sense: it gives users a place to <\/span><i><span style=\"font-weight: 400;\">be<\/span><\/i><span style=\"font-weight: 400;\"> in the experience, not just a screen to look at. Game designers cracked this decades ago. Spatial progress\u2014a path, a visible destination, a sense of how far you&#8217;ve come\u2014keeps people engaged in a way that a grid of tiles simply doesn&#8217;t. And an interactive advent calendar is already a game by structure: 24 days, 24 unlocks, one finish line. The map just stops pretending otherwise.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So users scroll. Trucks move through the landscape. The Christmas narrative isn&#8217;t stated\u2014it&#8217;s traveled through.<\/span><\/p>\n<h2><strong>The Design Process: Where the Work Actually Happens<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">The primary tools: Blender for the 3D world-building, Figma for assembling it all into a working interface. For anyone researching how to design an interactive advent calendar or looking for gamified UI design examples, this combination deserves a closer look.<\/span><\/p>\n<h3><strong>Step 1: Establishing a Visual Language<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Because Tubik has been working with Nova Post long enough to develop a genuine shared design vocabulary, we had an existing 3D illustration guide covering how art should look and behave across their digital products\u2014websites, landing pages, the mobile app. The advent calendar map slots neatly into that ecosystem. Brand colors, object rounding, shape style, branded graphics: all present, all consistent. This is what UI design for seasonal campaigns done right looks like\u2014festive enough to feel special, disciplined enough to feel like it belongs.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15224\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-2.jpg\" alt=\"christmas advent calendar design 3d art tubik blog case 2\" width=\"1600\" height=\"673\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-2.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-2-300x126.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-2-768x323.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-2-1024x431.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-2-150x63.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15225\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-3.jpg\" alt=\"christmas advent calendar design 3d art tubik blog case\" width=\"1600\" height=\"673\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-3.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-3-300x126.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-3-768x323.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-3-1024x431.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-3-150x63.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15226\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case.jpg\" alt=\"christmas advent calendar design 3d art tubik blog case\" width=\"1600\" height=\"673\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-300x126.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-768x323.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-1024x431.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-3d-art-tubik-blog-case-150x63.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h3><strong>Step 2: The Maths Nobody Talks About (But Should)<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Before a single building was modeled or a single tree placed, there was arithmetic. A scrollable map UI design that needs to accommodate different screen sizes, a variable number of campaign days, and maintain visual coherence across every scroll position doesn&#8217;t start with inspiration\u2014it starts with a spreadsheet.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The resulting artboard clocked in at 1,800 \u00d7 22,000 pixels. Yes, really.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15218\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-process-tubik-blog-case-study.jpg\" alt=\"christmas advent calendar design map process tubik blog case study\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-process-tubik-blog-case-study.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-process-tubik-blog-case-study-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-process-tubik-blog-case-study-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-process-tubik-blog-case-study-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-process-tubik-blog-case-study-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h3><strong>Step 3: Building The World<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">The map is a road that goes somewhere: cities bleed into towns, towns into villages, villages into stretches of countryside with mountains in the background and forests on the sides. Cozy, slightly stylized, recognizably Ukrainian. Scattered throughout are 3D objects\u2014Christmas trees, sweets, presents, a postal machine, Santa&#8217;s sleigh, buildings that range from charming to post-industrial depending on where you are on the route. The pins marking each offer sit along the road like waypoints, their visual state shifting based on the date\u2014past, present, locked future\u2014which is the oldest trick in game UI and still one of the best.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15219\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-process-tubik-blog.jpg\" alt=\"christmas advent calendar design map process tubik blog\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-process-tubik-blog.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-process-tubik-blog-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-process-tubik-blog-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-process-tubik-blog-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-process-tubik-blog-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h3><strong>Step 4: The Lego Approach<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Rendering a 22,000-pixel-tall map from scratch, element by element, would be a recipe for creative burnout and broken deadlines. Instead, we built a library of reusable components first: building shapes, tree variants, window types, small environmental details. Then modifiers in Blender did the mixing and matching. The result looks varied and considered; the process was modular and fast. Think Lego, not sculpture.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Even with that system in place, Blender still needed to be handled carefully with an artboard this size. The solution was to split the map into nine separate units\u2014each one designed and rendered independently\u2014then stitch them back together in Photoshop. Every unit is roughly one screen: a road segment, a truck, some scenery, three or four pins. Nine pieces that, assembled, read as one uninterrupted journey.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15211\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-2-tubik-blog.jpg\" alt=\"christmas advent calendar design map tubik blog\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-2-tubik-blog.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-2-tubik-blog-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-2-tubik-blog-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-2-tubik-blog-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-2-tubik-blog-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15217\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-8-tubik-blog.jpg\" alt=\"christmas advent calendar design map 8 tubik blog\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-8-tubik-blog.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-8-tubik-blog-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-8-tubik-blog-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-8-tubik-blog-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-8-tubik-blog-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15216\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-7-tubik-blog.jpg\" alt=\"christmas advent calendar design map tubik blog\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-7-tubik-blog.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-7-tubik-blog-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-7-tubik-blog-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-7-tubik-blog-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-7-tubik-blog-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15215\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-6-tubik-blog.jpg\" alt=\"christmas advent calendar design map tubik blog\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-6-tubik-blog.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-6-tubik-blog-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-6-tubik-blog-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-6-tubik-blog-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-6-tubik-blog-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15214\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-5-tubik-blog.jpg\" alt=\"christmas advent calendar design map tubik blog\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-5-tubik-blog.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-5-tubik-blog-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-5-tubik-blog-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-5-tubik-blog-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-5-tubik-blog-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15213\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-4-tubik-blog.jpg\" alt=\"christmas advent calendar design map tubik blog\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-4-tubik-blog.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-4-tubik-blog-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-4-tubik-blog-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-4-tubik-blog-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-4-tubik-blog-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15212\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-3-tubik-blog.jpg\" alt=\"christmas advent calendar design map tubik blog\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-3-tubik-blog.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-3-tubik-blog-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-3-tubik-blog-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-3-tubik-blog-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-3-tubik-blog-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15210\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-1-tubik-blog.jpg\" alt=\"christmas advent calendar design map tubik blog\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-1-tubik-blog.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-1-tubik-blog-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-1-tubik-blog-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-1-tubik-blog-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/christmas-advent-calendar-design-map-1-tubik-blog-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><strong>The Interface: Making it Actually Work<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">A beautiful map is one thing. A beautiful map that functions as a digital campaign UI design is a whole other story.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Each pin carries a small icon connecting users visually to the partner brand behind that day&#8217;s offer. The current day&#8217;s pin is red\u2014Nova Post&#8217;s primary brand color, impossible to miss. Tap it, and a pop-up appears with the offer details and a clear CTA. The interaction is minimal by design: discover, tap, decide. No friction, no confusion.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And because this is a UX design for promotional campaigns built to reach people wherever they are, the interface was fully adapted for mobile (multiple screen sizes), tablet, and desktop. The map scrolls beautifully on all of them.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15200\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-blog-mobile.jpg\" alt=\"nova post advent calendar case study blog mobile\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-blog-mobile.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-blog-mobile-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-blog-mobile-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-blog-mobile-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-blog-mobile-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15202\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik.jpg\" alt=\"nova post advent calendar case study tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-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-15201\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik-blog.jpg\" alt=\"nova post advent calendar case study tubik blog\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik-blog.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik-blog-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik-blog-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik-blog-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik-blog-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15199\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-blog-ipad.jpg\" alt=\"nova post advent calendar case study blog ipad\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-blog-ipad.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-blog-ipad-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-blog-ipad-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-blog-ipad-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-blog-ipad-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><strong>What Makes It Special<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">As a UI\/UX design process case study, this project holds several lessons worth pulling apart:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The Christmas marketing campaign UX ideas that work best are the ones that give users a reason to come back daily\u2014not just a discount, but a sense of journey and anticipation. The map provides that scaffolding.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The 3D map UI design case study aspect is a reminder that visual richness and interface clarity aren&#8217;t mutually exclusive. The map is dense with detail, but the user&#8217;s path through it is obvious.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And as an example of designing interactive holiday experiences, this project demonstrates that brand consistency and seasonal creativity can coexist\u2014that you don&#8217;t have to blow up your design system to make something feel special.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">More Design Case Studies<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Still scrolling? Check out other design projects done by the Tubik team:<\/span><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-website-design-3d-animation-for-prostheses-producer?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">HP23. Website and 3D Animation for Prostheses Producer<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-web-design-healthtech-product?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">FluxWear. Web Design and Development for Health Tech Product<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-design-educational-platform?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">Magma Math. Web Design for Educational Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-web-design-synthetic-data-platform?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">Synthesized 2.0. Web Design for High-Quality Synthetic Data Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-hotel-offers-service?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">HotelCard. Brand Identity for Hotel Offers Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-ux-design-healthcare-service?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">Nibble Health. Identity and UX Design for Healthcare Fintech Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/physica-magazine-web-design-scientific-blog?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">Physica Magazine. Web Design and Graphics for Scientific Blog<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-immersive-experience-marketing?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">CSConnect. Website Design for Immersive Experience Marketing Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-website-design-golf-management-service?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">ProAgenda. Identity and Website Design for Golf Management Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-product-design-food-marketplace?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">Kaiten. Identity and Product Design for Food Marketplace<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-electrical-engineering-service?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">THT. Website Design for Electrical Engineering Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-for-podcast?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">Nonconventional Show. Website Design for Podcast<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-ux-design-fintech?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=nova_post_advent_2&amp;source=blog\">Crezco. Brand Identity and UI\/UX Design for Fintech Service<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A behind-the-scenes look at Tubik\u2019s interactive Christmas advent calendar for Nova Post: a seasonal campaign built with 3D art, gamified UX, a scrollable parallax map, and responsive interface design across mobile, tablet, and desktop.<\/p>\n","protected":false},"author":10003,"featured_media":15202,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,588,4,6,9],"tags":[170,485,212,487,10,248,491,11,256,502,12,311,504,20,319,515,44,324,543,47,331,580,57,440,611,61,447,613,62,457,619,100,463,123,466,127,468,138,479,147,482],"coauthors":[634],"class_list":["post-15198","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding","category-business","category-case_study","category-illustration","category-ui_ux","tag-digital-illustration","tag-user-experience-design","tag-graphic-design","tag-user-experience-design-process","tag-3d-animation","tag-illustration","tag-user-interface","tag-3d-graphics","tag-interaction-design","tag-ux","tag-advertising","tag-marketing","tag-ux-design-article","tag-app-design","tag-mobile-app","tag-uxui","tag-brand-identity","tag-mobile-design-inspiration","tag-web-marketing","tag-branding","tag-mobile-ui","tag-tubik-arts","tag-case-study","tag-tubik","tag-marketing-design","tag-christmas","tag-tubik-studio","tag-business-illustration","tag-christmas-art","tag-ui","tag-3d","tag-design","tag-ui-design-article","tag-design-for-business","tag-ui-design-inspiration","tag-design-for-marketing","tag-ui-design-process","tag-design-process","tag-usability","tag-design-studio","tag-user-experience"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Nova Post Case Study: Interactive Advent Calendar Design<\/title>\n<meta name=\"description\" content=\"Explore Tubik\u2019s Nova Post Christmas advent calendar case study: 3D art, parallax map, gamification, and responsive holiday campaign UX.\" \/>\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\/interactive-christmas-advent-calendar-ui-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nova Post Case Study: Interactive Advent Calendar Design\" \/>\n<meta property=\"og:description\" content=\"Explore Tubik\u2019s Nova Post Christmas advent calendar case study: 3D art, parallax map, gamification, and responsive holiday campaign UX.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2023-12-22T09:31:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-25T13:58:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-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=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/\",\"name\":\"Nova Post Case Study: Interactive Advent Calendar Design\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik.jpg\",\"datePublished\":\"2023-12-22T09:31:32+00:00\",\"dateModified\":\"2026-03-25T13:58:16+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\"},\"description\":\"Explore Tubik\u2019s Nova Post Christmas advent calendar case study: 3D art, parallax map, gamification, and responsive holiday campaign UX.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"nova post advent calendar case study tubik\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Nova Post. Interactive Christmas Advent Calendar UI Design\"}]},{\"@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":"Nova Post Case Study: Interactive Advent Calendar Design","description":"Explore Tubik\u2019s Nova Post Christmas advent calendar case study: 3D art, parallax map, gamification, and responsive holiday campaign UX.","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\/interactive-christmas-advent-calendar-ui-design\/","og_locale":"en_US","og_type":"article","og_title":"Nova Post Case Study: Interactive Advent Calendar Design","og_description":"Explore Tubik\u2019s Nova Post Christmas advent calendar case study: 3D art, parallax map, gamification, and responsive holiday campaign UX.","og_url":"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2023-12-22T09:31:32+00:00","article_modified_time":"2026-03-25T13:58:16+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik.jpg","type":"image\/jpeg"}],"author":"Anastasiia Lutsenko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anastasiia Lutsenko","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/","url":"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/","name":"Nova Post Case Study: Interactive Advent Calendar Design","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik.jpg","datePublished":"2023-12-22T09:31:32+00:00","dateModified":"2026-03-25T13:58:16+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1"},"description":"Explore Tubik\u2019s Nova Post Christmas advent calendar case study: 3D art, parallax map, gamification, and responsive holiday campaign UX.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/12\/nova-post-advent-calendar-case-study-tubik.jpg","width":1600,"height":1200,"caption":"nova post advent calendar case study tubik"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/interactive-christmas-advent-calendar-ui-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Nova Post. Interactive Christmas Advent Calendar UI Design"}]},{"@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\/15198","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=15198"}],"version-history":[{"count":9,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/15198\/revisions"}],"predecessor-version":[{"id":17385,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/15198\/revisions\/17385"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/15202"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=15198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=15198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=15198"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=15198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}