

{"id":9521,"date":"2020-05-05T14:11:35","date_gmt":"2020-05-05T14:11:35","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=9521"},"modified":"2025-10-24T11:28:18","modified_gmt":"2025-10-24T11:28:18","slug":"case-study-lumen-museum-website","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/","title":{"rendered":"Case Study: Lumen. Website for Museum of Mountain Photography"},"content":{"rendered":"<p>Man\u2019s fascination with mountains has been unbroken since time immemorial. Today we want to share another design case study and tell you the creative story about Lumen Museum, the charming place that gives this fascination a photographic home with breathtaking views and interesting insights. Welcome to see how the Tubik team designed their website to set a strong connection with the museum atmosphere on the Web as well.<\/p>\n<h2>Project<\/h2>\n<p>Modern website design for the museum of mountain photography.<\/p>\n<h2>Client and Idea<\/h2>\n<p><a href=\"https:\/\/www.lumenmuseum.it\/\" rel=\"nofollow\">Lumen Museum<\/a> is located at the summit of the region Kronplatz (in South Tyrol). It covers 1,800 square meters dedicated to mountain photography: the 4 floors impress the visitors with insights into the history of mountain photography from its beginnings and the art of mountain photographers from different corners of the world. The museum harmonically combines history and innovations, interactivity and exploration, covering the subject of mountain photography from diverse perspectives.<\/p>\n<p>That what the museum team wanted to see on their website as well. It was important to make it modern and trendy but at the same time to preserve a strong and consistent connection of the physical museum with its online site.<\/p>\n<p>The creative team from Tubik assigned for the project included Vladyslav Taran, Denis Koloskov, Andrew Drobovich, Kirill Erokhin, Alexander Petulko, Dmitry Shevchishen, and Polina Taran.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9534\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-photo.jpg\" alt=\"lumen museum photo\" width=\"2000\" height=\"1165\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-photo.jpg 2000w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-photo-300x175.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-photo-768x447.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-photo-1024x596.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-photo-150x87.jpg 150w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/p>\n<h2>Website Design<\/h2>\n<p>Here we welcome you to take a glance at the website we designed and developed for the Lumen Museum. Variety of elegant pages, smooth animation, engaging scroll, video integration, and other design solutions to present the amazing museum content online.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9525\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum.jpg\" alt=\"lumen museum website design case study\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>All the major pages of the website are based on minimalist layout, impressive visuals, a light background, and mastered <a href=\"https:\/\/blog.tubikstudio.com\/negative-space-in-design-tips-and-best-practices-2\/\">negative space<\/a>: that makes them full of air and freshness and let the visitors feel it from the first seconds. Also, such an approach ensures that all the diverse visual content, from archive black and white photos to modern shots and videos, will look good on the pages.<\/p>\n<p>The home page features the hero section based on the beautiful view of the museum building with an animated flow of clouds that makes it even more lively and atmospheric.<\/p>\n<p><iframe loading=\"lazy\" title=\"Lumen museum webdesign tubik\" src=\"https:\/\/player.vimeo.com\/video\/495401354?h=45ad441f6e&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>The typography solution didn&#8217;t feature decorative fonts; instead, the designers used the highly readable and solid sans-serif font that becomes the foundation of solid typographic hierarchy. The <a href=\"https:\/\/blog.tubikstudio.com\/best-practices-for-website-header-design\/\">website header<\/a> features the link buttons for the core navigation areas as well as contacts and information about the museum address and schedule. The header is sticky so the user can reach the core pages from any point of interaction or page scrolling. The pages demonstrate the well-balanced mixture of static <a href=\"https:\/\/blog.tubikstudio.com\/photo-content-in-user-interfaces\/\">photo content<\/a>, animated photos, and videos integrated into the layout.<\/p>\n<p><iframe loading=\"lazy\" title=\"Lumen museum website design\" src=\"https:\/\/player.vimeo.com\/video\/524285377?h=733ab204a0&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>The transitions between the pages are supported with an animated counter featuring the height of the museum location and this way it adds some entertaining elements into the process of switching to another page. Negative space works as a visual divider for the text blocks making the content look more digestible, well-organized, and readable.<\/p>\n<p>The museum offers two types of exhibitions: Permanent Exhibitions, which are always available and have their unique performance, and Temporary Exhibitions that are operating for a limited period. While the pages for temporary exhibitions employ the same page template, the pages for permanent exhibitions all have unique designs that reflect the most interesting points and interactivity of actual museum halls.\u00a0 For example, the exhibition page below features the organization and vertical animation of the photo collection that echoes the visual presentation of this interactive set in the exhibition hall of Lumen Museum.<\/p>\n<p><iframe loading=\"lazy\" title=\"Lumen webpage interactions tubik\" src=\"https:\/\/player.vimeo.com\/video\/495402831?h=6bfbbe49d7&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>The consistent integration of video content allows visitors to dive deep into the atmosphere of the museum and feel its refreshing nature. The section of testimonials supports social approval while the simple and scannable footer offers links to different website pages. The webpages implement both vertical and horizontal scroll to allow for more diverse and informative interactions without unnecessary clicks and transitions.<\/p>\n<p><iframe loading=\"lazy\" title=\"Lumen Website Exhibitions Page tubik\" src=\"https:\/\/player.vimeo.com\/video\/524288605?h=ee88c11e7e&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>The history page implements the horizontal scroll to build up a solid timeline of photos and concise text blocks guiding the visitors through the different stages of the location, the museum foundation, and development.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9541\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-web-design.png\" alt=\"lumen web design\" width=\"2881\" height=\"1621\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-web-design.png 2881w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-web-design-300x169.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-web-design-768x432.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-web-design-1024x576.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-web-design-150x84.png 150w\" sizes=\"auto, (max-width: 2881px) 100vw, 2881px\" \/><\/p>\n<p>The airy calendar page invites the visitor to check the upcoming events and exhibitions: each item is presented with a date, type of the event, its name, the secondary text block for additional description or information, and a photo setting a quick visual association. A simple checkbox filter allows for tuning the list while the <a href=\"https:\/\/blog.tubikstudio.com\/visual-dividers-user-interface\/\">visual dividers<\/a> help to clearly scan the structure and distinguish the items. This way the solid visual hierarchy is built to make the webpage <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-make-web-interface-scannable\/\">scannable<\/a>, readable, and eye-pleasing.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9527\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-website-calendar-page.png\" alt=\"lumen museum website calendar page\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-website-calendar-page.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-website-calendar-page-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-website-calendar-page-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-website-calendar-page-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/lumen-museum-website-calendar-page-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>Here&#8217;s an example of the webpage whose wow-effect is based on the animated image of a photo camera.<\/p>\n<p><iframe loading=\"lazy\" title=\"Lumen website animation tubik\" src=\"https:\/\/player.vimeo.com\/video\/524285347?h=ed42343ba1&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>To fulfill the <a href=\"https:\/\/blog.tubikstudio.com\/uiux-design-glossary-navigation-elements\/\">navigation<\/a> needs, an original set of minimalist outline icons was designed for the website.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9537\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/icons-lumen-museum.jpg\" alt=\"icons lumen museum\" width=\"2880\" height=\"1621\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/icons-lumen-museum.jpg 2880w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/icons-lumen-museum-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/icons-lumen-museum-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/icons-lumen-museum-1024x576.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/icons-lumen-museum-150x84.jpg 150w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><\/p>\n<p>To make the website beautiful and <a href=\"https:\/\/blog.tubikstudio.com\/design-consistency\/\">consistent<\/a> regardless of the device it is visited from, we also thoughtfully adapted it to the tablet and mobile versions.<\/p>\n<p><iframe loading=\"lazy\" title=\"Lumen website mobile version tubik\" src=\"https:\/\/player.vimeo.com\/video\/524290849?h=4374b37a01&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9536\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-website-lumen-museum.jpg\" alt=\"mobile website lumen museum\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-website-lumen-museum.jpg 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-website-lumen-museum-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-website-lumen-museum-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-website-lumen-museum-1024x576.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-website-lumen-museum-150x84.jpg 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9540\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-lumen-website-design.jpg\" alt=\"mobile website lumen museum\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-lumen-website-design.jpg 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-lumen-website-design-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-lumen-website-design-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-lumen-website-design-1024x576.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-lumen-website-design-150x84.jpg 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9539\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-lumen-museum-website.jpg\" alt=\"mobile lumen museum website\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-lumen-museum-website.jpg 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-lumen-museum-website-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-lumen-museum-website-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-lumen-museum-website-1024x576.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/mobile-lumen-museum-website-150x84.jpg 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9538\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/ipad-lumen-museum-website.jpg\" alt=\"ipad lumen museum website\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/ipad-lumen-museum-website.jpg 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/ipad-lumen-museum-website-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/ipad-lumen-museum-website-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/ipad-lumen-museum-website-1024x576.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/ipad-lumen-museum-website-150x84.jpg 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>This project for Lumen Museum was an amazing experience for our team and the story of the great collaboration with the museum team: altogether, we achieved the goal to create the museum a beautiful online home and connect it with its audience faster and easier.<\/p>\n<p>Check the <a href=\"https:\/\/www.lumenmuseum.it\/\" rel=\"nofollow\">live website of Lumen Museum<\/a> to see more details of design and development.<\/p>\n<h2>More Design Case Studies<\/h2>\n<p>Here&#8217;s a set of more case studies sharing the design solutions and approaches for some of the UX design projects done by Tubik.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-gno-ecommerce-branding-webdesign\/\">GNO Blankets. Branding and Web Design for Ecommerce<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-dashboard-ai-fashion-service\/\">Designer AI. Dashboard and Graphics for Fashion Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-car-safety-mobile-app\/\">Pazi. UX and UI Design for Vehicle Safety Mobile App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-ux-design-finance-service\/\">CashMetrics. UX Design for Finance Management Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-bitex-app-ux-design-for-stock-analysis-app\/\">Bitex. UX Design for Stock Analysis App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-inspora-brand-ui-design-virtual-stylist\/\">Inspora. Brand and UI Design for Virtual Stylist<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-nature-encyclopedia-ui-design-for-education\/\">Nature Encyclopedia. UI Design for Education<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-recipes-app-ux-design\/\">Perfect Recipes App. UX Design for Cooking and Shopping<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-tasty-burger-ui-design-for-food-ordering-app\/\">Tasty Burger. UI Design for Food Ordering App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-slumber-mobile-ui-design-for-healthy-sleeping\/\">Slumber. Mobile UI Design for Healthy Sleeping<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Check the creative process for the website of Lumen, an awesome museum of mountain photography: elegant design solutions, user experience, and interactions.<\/p>\n","protected":false},"author":3,"featured_media":12541,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,9],"tags":[468,16,469,57,479,88,482,100,485,123,487,127,491,138,502,147,504,212,515,256,533,440,534,447,536,457,582,463,467],"coauthors":[],"class_list":["post-9521","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","category-ui_ux","tag-ui-design-process","tag-animation","tag-ui-design-tips","tag-case-study","tag-usability","tag-creative-process","tag-user-experience","tag-design","tag-user-experience-design","tag-design-for-business","tag-user-experience-design-process","tag-design-for-marketing","tag-user-interface","tag-design-process","tag-ux","tag-design-studio","tag-ux-design-article","tag-graphic-design","tag-uxui","tag-interaction-design","tag-web-design","tag-tubik","tag-web-design-article","tag-tubik-studio","tag-web-design-case-study","tag-ui","tag-museum","tag-ui-design-article","tag-ui-design-practices"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: Lumen. Website for Museum of Mountain Photography<\/title>\n<meta name=\"description\" content=\"Check the creative process for the website of Lumen, an awesome museum of mountain photography: elegant design solutions, user experience, and interactions.\" \/>\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\/case-study-lumen-museum-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Lumen. Website for Museum of Mountain Photography\" \/>\n<meta property=\"og:description\" content=\"Check the creative process for the website of Lumen, an awesome museum of mountain photography: elegant design solutions, user experience, and interactions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-05T14:11:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T11:28:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/Lumen-museum-website-design-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=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/\",\"name\":\"Case Study: Lumen. Website for Museum of Mountain Photography\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/Lumen-museum-website-design-tubik.jpg\",\"datePublished\":\"2020-05-05T14:11:35+00:00\",\"dateModified\":\"2025-10-24T11:28:18+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Check the creative process for the website of Lumen, an awesome museum of mountain photography: elegant design solutions, user experience, and interactions.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/Lumen-museum-website-design-tubik.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/Lumen-museum-website-design-tubik.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"Lumen museum website design tubik\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Lumen. Website for Museum of Mountain Photography\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: Lumen. Website for Museum of Mountain Photography","description":"Check the creative process for the website of Lumen, an awesome museum of mountain photography: elegant design solutions, user experience, and interactions.","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\/case-study-lumen-museum-website\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Lumen. Website for Museum of Mountain Photography","og_description":"Check the creative process for the website of Lumen, an awesome museum of mountain photography: elegant design solutions, user experience, and interactions.","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2020-05-05T14:11:35+00:00","article_modified_time":"2025-10-24T11:28:18+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/Lumen-museum-website-design-tubik.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/","name":"Case Study: Lumen. Website for Museum of Mountain Photography","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/Lumen-museum-website-design-tubik.jpg","datePublished":"2020-05-05T14:11:35+00:00","dateModified":"2025-10-24T11:28:18+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Check the creative process for the website of Lumen, an awesome museum of mountain photography: elegant design solutions, user experience, and interactions.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/Lumen-museum-website-design-tubik.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/05\/Lumen-museum-website-design-tubik.jpg","width":1600,"height":1200,"caption":"Lumen museum website design tubik"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-lumen-museum-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Lumen. Website for Museum of Mountain Photography"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/9521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=9521"}],"version-history":[{"count":18,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/9521\/revisions"}],"predecessor-version":[{"id":14389,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/9521\/revisions\/14389"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/12541"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=9521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=9521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=9521"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=9521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}