{"id":2501,"date":"2025-06-23T19:07:07","date_gmt":"2025-06-23T17:07:07","guid":{"rendered":"https:\/\/swissmediadesign.com\/?post_type=portfolio&#038;p=2501"},"modified":"2025-06-23T19:52:54","modified_gmt":"2025-06-23T17:52:54","slug":"webdesign-pyrolave-suisse","status":"publish","type":"portfolio","link":"https:\/\/swissmediadesign.com\/en\/projekt\/webdesign-pyrolave-suisse\/","title":{"rendered":"Webdesign - Pyrolave Suisse"},"content":{"rendered":"<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-jdi04z-2874f32d56644eca7d516f8ffc233c98\">\n.avia-section.av-jdi04z-2874f32d56644eca7d516f8ffc233c98{\nbackground-repeat:no-repeat;\nbackground-image:url(https:\/\/swissmediadesign.com\/wp-content\/uploads\/2024\/05\/african-american-man-sitting-in-front-of-computer-2023-11-27-04-50-31-utc-1500x1001.jpg);\nbackground-position:50% 50%;\nbackground-attachment:scroll;\n}\n.avia-section.av-jdi04z-2874f32d56644eca7d516f8ffc233c98 .av-section-color-overlay{\nopacity:0.5;\nbackground-color:#000000;\n}\n<\/style>\n<div id='av_section_1'  class='avia-section av-jdi04z-2874f32d56644eca7d516f8ffc233c98 main_color avia-section-default avia-no-border-styling  avia-builder-el-0  el_before_av_one_half  avia-builder-el-first  avia-full-stretch avia-bg-style-scroll av-section-color-overlay-active container_wrap fullsize'  data-section-bg-repeat='stretch'><div class=\"av-section-color-overlay-wrap\"><div class=\"av-section-color-overlay\"><\/div><div class='container av-section-cont-open' ><main  role=\"main\" itemprop=\"mainContentOfPage\"  class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-2501'><div class='entry-content-wrapper clearfix'>\n<div  class='flex_column av-hnkx83-586982cb8289889593a145bba8a77641 av_one_fifth  avia-builder-el-1  el_before_av_three_fifth  avia-builder-el-first  first flex_column_div'     ><\/div><div  class='flex_column av-fl4vqr-f91490baefacbf9727e39b7f3507154f av_three_fifth  avia-builder-el-2  el_after_av_one_fifth  el_before_av_one_fifth  flex_column_div'     ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-m8fzn7uu-5d6f7cd230b91ebb3cc40c0d2ca65dfa\">\n#top .av-special-heading.av-m8fzn7uu-5d6f7cd230b91ebb3cc40c0d2ca65dfa{\npadding-bottom:10px;\ncolor:#ffffff;\n}\nbody .av-special-heading.av-m8fzn7uu-5d6f7cd230b91ebb3cc40c0d2ca65dfa .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-m8fzn7uu-5d6f7cd230b91ebb3cc40c0d2ca65dfa .special-heading-inner-border{\nborder-color:#ffffff;\n}\n.av-special-heading.av-m8fzn7uu-5d6f7cd230b91ebb3cc40c0d2ca65dfa .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-m8fzn7uu-5d6f7cd230b91ebb3cc40c0d2ca65dfa av-special-heading-h1 custom-color-heading blockquote modern-quote modern-centered  avia-builder-el-3  el_before_av_textblock  avia-builder-el-first'><h1 class='av-special-heading-tag'  itemprop=\"headline\"  >Webdesign - Pyrolave Suisse<\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div><br \/>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-m8g01xn9-25f2898efe6d48113081d25722a63734\">\n#top .av_textblock_section.av-m8g01xn9-25f2898efe6d48113081d25722a63734 .avia_textblock{\ncolor:#ffffff;\n}\n<\/style>\n<section  class='av_textblock_section av-m8g01xn9-25f2898efe6d48113081d25722a63734'   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock av_inherit_color'  itemprop=\"text\" ><p style=\"text-align: center;\" data-start=\"226\" data-end=\"559\">The collaboration with Pyrolave Suisse was both a creative and technical project with the highest standards of design, functionality and brand identity. Thanks to close coordination with the Pyrolave Suisse team, we were able to realise a customised web solution that brings the premium character of the company to life digitally.<\/p>\n<\/div><\/section><\/p><\/div><div  class='flex_column av-dvevgj-e53bdfeafff8b58d11f68958bbab4d53 av_one_fifth  avia-builder-el-5  el_after_av_three_fifth  avia-builder-el-last  flex_column_div'     ><\/div>\n<\/div><\/div><\/main><!-- close content main element --><\/div><\/div><\/div><div id='after_section_1'  class='main_color av_default_container_wrap container_wrap fullsize'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-2501'><div class='entry-content-wrapper clearfix'>\n<div  class='flex_column av-brbocj-19c30c93384b2d098bd22d25b7f84b90 av_one_half  avia-builder-el-6  el_after_av_section  el_before_av_one_half  avia-builder-el-first  first flex_column_div'     ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-bbrmb7-e88df7d90b65b224e77d78865568c39f\">\n#top .avia-gallery.av-bbrmb7-e88df7d90b65b224e77d78865568c39f .avia-gallery-thumb a{\nwidth:20%;\n}\n<\/style>\n<div  class='avia-gallery av-bbrmb7-e88df7d90b65b224e77d78865568c39f avia_animate_when_visible  avia-builder-el-7  avia-builder-el-no-sibling  avia_lazyload av-slideshow-ui av-loop-manual-endless av-control-hidden av-navigate-arrows hover-effect av-control-hidden avia-gallery-animate avia-gallery-1'  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><meta itemprop=\"contentURL\" content=\"https:\/\/swissmediadesign.com\/en\/projekt\/webdesign-pyrolave-suisse\/\"><a class='avia-gallery-big fakeLightbox lightbox avia-gallery-big-crop-thumb' href=\"https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/5-1030x772.png\"  data-onclick='1' title='Web design' ><span class='avia-gallery-big-inner'  itemprop=\"thumbnailUrl\" ><img width='1030' height='772' src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/5-1030x772.png' title='Web design' alt='' \/><\/span><\/a><div class='avia-gallery-thumb'><a href=\"https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/5-1030x772.png\" data-rel='gallery-1' data-prev-img='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/5-1030x772.png' class='first_thumb lightbox' data-onclick='1' title='Web design'  itemprop=\"thumbnailUrl\"  ><img  src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/5-710x375.png' width='710' height='375'  title='Web design' alt='' \/><div class='big-prev-fake'><img width='1030' height='772' src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/5-1030x772.png' title='Web design' alt='' \/><\/div><\/a><a href=\"https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/2-1030x772.png\" data-rel='gallery-1' data-prev-img='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/2-1030x772.png' class='lightbox' data-onclick='2' title='2'  itemprop=\"thumbnailUrl\"  ><img  src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/2-710x375.png' width='710' height='375'  title='2' alt='' \/><div class='big-prev-fake'><img width='1030' height='772' src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/2-1030x772.png' title='2' alt='' \/><\/div><\/a><a href=\"https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/4-1030x772.png\" data-rel='gallery-1' data-prev-img='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/4-1030x772.png' class='lightbox' data-onclick='3' title='4'  itemprop=\"thumbnailUrl\"  ><img  src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/4.png' width='500' height='375'  title='4' alt='' \/><div class='big-prev-fake'><img width='1030' height='772' src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/4-1030x772.png' title='4' alt='' \/><\/div><\/a><a href=\"https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/3-1030x772.png\" data-rel='gallery-1' data-prev-img='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/3-1030x772.png' class='lightbox' data-onclick='4' title='3'  itemprop=\"thumbnailUrl\"  ><img  src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/3.png' width='500' height='375'  title='3' alt='' \/><div class='big-prev-fake'><img width='1030' height='772' src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/3-1030x772.png' title='3' alt='' \/><\/div><\/a><a href=\"https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/1-1030x772.png\" data-rel='gallery-1' data-prev-img='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/1-1030x772.png' class='lightbox' data-onclick='5' title='1'  itemprop=\"thumbnailUrl\"  ><img  src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/1-710x375.png' width='710' height='375'  title='1' alt='' \/><div class='big-prev-fake'><img width='1030' height='772' src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/06\/1-1030x772.png' title='1' alt='' \/><\/div><\/a><\/div><\/div><\/div><div  class='flex_column av-v9is3-cc502d67b1f1d3ac473dd6b22f5b0461 av_one_half  avia-builder-el-8  el_after_av_one_half  avia-builder-el-last  flex_column_div'     ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-m8fzt5cy-52ee7c4a69135bfb596cdbb2467dfd3b\">\n#top .av-special-heading.av-m8fzt5cy-52ee7c4a69135bfb596cdbb2467dfd3b{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-m8fzt5cy-52ee7c4a69135bfb596cdbb2467dfd3b .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-m8fzt5cy-52ee7c4a69135bfb596cdbb2467dfd3b .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-m8fzt5cy-52ee7c4a69135bfb596cdbb2467dfd3b av-special-heading-h2 blockquote modern-quote  avia-builder-el-9  el_before_av_textblock  avia-builder-el-first'><h2 class='av-special-heading-tag'  itemprop=\"headline\"  >One brand, one material - digitally reinterpreted<\/h2><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div><br \/>\n<section  class='av_textblock_section av-m8fzzwtr-0065ebe6672a9976983616905f6a9136'   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" ><p data-start=\"624\" data-end=\"1046\">We developed a sophisticated website for Pyrolave Suisse that focuses on the fascinating natural material lava stone. The special feature of the project was the combination of aesthetic storytelling, high-quality reference galleries and a clearly structured architecture. The website combines elegance with technical precision and perfectly emphasises Pyrolave's international design expertise.<\/p>\n<p data-start=\"1048\" data-end=\"1337\">A visual highlight is the diagonal section cut, which runs elegantly through the various content areas. It not only gives the site a powerful dynamic, but also reflects the raw aesthetics of the lava stone - unconventional, natural, unique.<\/p>\n<p data-start=\"1339\" data-end=\"1616\">The structure is deliberately kept reduced and intuitive - users can quickly find their way to applications, colours, projects and background information. Special focus: a media-strong project presentation that is also visible on Google thanks to targeted SEO optimisation.<\/p>\n<p data-start=\"1618\" data-end=\"1825\">The site has been optimised for performance and future-proofing. Thanks to a lean code base, targeted caching and responsive design, a smooth user experience is guaranteed on all devices.<\/p>\n<p><strong>Project objective:<br \/>\n<\/strong>The aim was to present Pyrolave Suisse's design expertise digitally at the highest level while ensuring clear user guidance. Through a consistent, brand-compliant design, SEO optimisation and special visual elements such as the diagonal section cut, a web solution was created that convinces both architecturally oriented customers and design enthusiasts. The site was designed in such a way that it can easily grow with future content and projects.<\/p>\n<\/div><\/section><br \/>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-m8g0c0v6-c6e22b41979c8948d63f52c6cda01f58\">\n#top .togglecontainer.av-m8g0c0v6-c6e22b41979c8948d63f52c6cda01f58 p.toggler:not(.activeTitle):hover{\ncolor:#ffffff;\nbackground-color:#ff6600;\n}\n#top .togglecontainer.av-m8g0c0v6-c6e22b41979c8948d63f52c6cda01f58 p.toggler:not(.activeTitle):hover .toggle_icon, #top .togglecontainer.av-m8g0c0v6-c6e22b41979c8948d63f52c6cda01f58 p.toggler:not(.activeTitle):hover .toggle_icon *{\nborder-color:#ffffff !important;\n}\n#top .togglecontainer.av-m8g0c0v6-c6e22b41979c8948d63f52c6cda01f58 p.toggler.activeTitle .toggle_icon, #top .togglecontainer.av-m8g0c0v6-c6e22b41979c8948d63f52c6cda01f58 p.toggler.activeTitle .toggle_icon > span{\ncolor:#ff6600;\nborder-color:#ff6600;\n}\n<\/style>\n<div  class='togglecontainer av-m8g0c0v6-c6e22b41979c8948d63f52c6cda01f58  avia-builder-el-11  el_after_av_textblock  el_before_av_textblock  toggle_close_all' >\n<section class='av_toggle_section av-m8g0iirx-ccf2e4dc54a03e9d6c6f1daf05286dd5'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p data-fake-id='#toggle-id-1' class='toggler'  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-1'>Solutions<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-1' class='toggle_wrap'  ><div class='toggle_content invers-color'  itemprop=\"text\" ><ul>\n<li data-start=\"2380\" data-end=\"2474\"><strong data-start=\"2380\" data-end=\"2397\">design system:<\/strong> Strong character, image-orientated web design with strong visual guidance<\/li>\n<li data-start=\"2477\" data-end=\"2561\"><strong data-start=\"2477\" data-end=\"2497\">Project structure:<\/strong> Modular reference range with filterable entries<\/li>\n<li data-start=\"2564\" data-end=\"2670\"><strong data-start=\"2564\" data-end=\"2580\">Style element:<\/strong> Integration of the diagonal section cut as a recognisable design feature<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-m8g0iurc-5c1c7884d45dae2b75729efaa022bb65'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p data-fake-id='#toggle-id-2' class='toggler'  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-2'>Events<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-2' class='toggle_wrap'  ><div class='toggle_content invers-color'  itemprop=\"text\" ><ul>\n<li data-start=\"2695\" data-end=\"2777\"><strong data-start=\"2695\" data-end=\"2709\">Workshops:<\/strong> Multiple feedback loops to harmonise UX and brand impact<\/li>\n<li data-start=\"2780\" data-end=\"2862\"><strong data-start=\"2780\" data-end=\"2803\">Content integration:<\/strong> Close collaboration on text, image and project content<\/li>\n<li data-start=\"2865\" data-end=\"2954\"><strong data-start=\"2865\" data-end=\"2876\">Launch:<\/strong> Finalisation with performance tuning, security setup and go-live support<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-m8g0izfc-534a6ab1695894a7bc663e3653807bf0'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p data-fake-id='#toggle-id-3' class='toggler'  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-3'>Technologies<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-3' class='toggle_wrap'  ><div class='toggle_content invers-color'  itemprop=\"text\" ><ul>\n<li data-start=\"2981\" data-end=\"3067\"><strong data-start=\"2981\" data-end=\"2995\">CMS basis:<\/strong> WordPress with individual theme customisation for maximum flexibility<\/li>\n<li data-start=\"3070\" data-end=\"3158\"><strong data-start=\"3070\" data-end=\"3093\">Slider integration:<\/strong> LayerSlider for high-quality animations and image staging<\/li>\n<li data-start=\"3161\" data-end=\"3242\"><strong data-start=\"3161\" data-end=\"3179\">SEO framework:<\/strong> Technical optimisation through Rank Math for high visibility<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/section>\n<\/div><br \/>\n<section  class='av_textblock_section av-6kvs9f-29482ffda565ef0e98f684aa9e0a4e6f'   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" ><p data-pm-slice=\"1 1 &#091;&#093;\">We would like to thank Pyrolave Suisse for their trust and inspiring collaboration. The digital realisation of the brand was both a demanding and motivating challenge that reignited our passion for outstanding web design.<\/p>\n<\/div><\/section><br \/>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-3mi1w3-b4a4954e243fe61679b75cb9808ce0e9\">\n.avia-buttonrow-wrap.av-3mi1w3-b4a4954e243fe61679b75cb9808ce0e9 .avia-button{\nfont-size:18px;\n}\n<\/style>\n<div  class='avia-buttonrow-wrap av-3mi1w3-b4a4954e243fe61679b75cb9808ce0e9 avia-buttonrow-left  avia-builder-el-13  el_after_av_textblock  avia-builder-el-last'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-2q4aar-7e2ebd47e596bb800b31809409eea02e\">\n#top #wrap_all .avia-button.av-2q4aar-7e2ebd47e596bb800b31809409eea02e{\nmargin-bottom:5px;\nmargin-right:5px;\n}\n<\/style>\n<a href=\"https:\/\/pyrolave.ch\/\" class=\"avia-button av-2q4aar-7e2ebd47e596bb800b31809409eea02e avia-icon_select-yes-left-icon avia-size-small avia-color-theme-color\" target=\"_blank\" rel=\"noopener noreferrer\"><span class='avia_button_icon avia_button_icon_left' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'><\/span><span class='avia_iconbox_title' >Visit reference website<\/span><\/a>\n<\/div><\/p><\/div><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":2521,"comment_status":"open","ping_status":"closed","template":"","tags":[],"portfolio_entries":[15],"class_list":["post-2501","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_entries-webdesign-shops"],"_links":{"self":[{"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/portfolio\/2501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"replies":[{"embeddable":true,"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/comments?post=2501"}],"version-history":[{"count":0,"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/portfolio\/2501\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/media\/2521"}],"wp:attachment":[{"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/media?parent=2501"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/tags?post=2501"},{"taxonomy":"portfolio_entries","embeddable":true,"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/portfolio_entries?post=2501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}