{"id":2664,"date":"2025-09-22T17:33:19","date_gmt":"2025-09-22T15:33:19","guid":{"rendered":"https:\/\/swissmediadesign.com\/?post_type=portfolio&#038;p=2664"},"modified":"2025-09-22T17:33:19","modified_gmt":"2025-09-22T15:33:19","slug":"webdesign-ruf-design-ag","status":"publish","type":"portfolio","link":"https:\/\/swissmediadesign.com\/en\/projekt\/webdesign-ruf-design-ag\/","title":{"rendered":"Web design - Ruf Design AG"},"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-2664'><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-17f0830ea6a6c1c46b741d4fadc33b35\">\n#top .av-special-heading.av-m8fzn7uu-17f0830ea6a6c1c46b741d4fadc33b35{\npadding-bottom:10px;\ncolor:#ffffff;\n}\nbody .av-special-heading.av-m8fzn7uu-17f0830ea6a6c1c46b741d4fadc33b35 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-m8fzn7uu-17f0830ea6a6c1c46b741d4fadc33b35 .special-heading-inner-border{\nborder-color:#ffffff;\n}\n.av-special-heading.av-m8fzn7uu-17f0830ea6a6c1c46b741d4fadc33b35 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-m8fzn7uu-17f0830ea6a6c1c46b741d4fadc33b35 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\"  >Web design - Ruf Design AG<\/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 Ruf Design AG was an extensive and inspiring project. The aim was to reposition the brand digitally and unite the diverse service areas in a modern, clearly structured website. The result is a website that combines design quality, functionality and brand identity.<\/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><\/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-2664'><div class='entry-content-wrapper clearfix'><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-38mnqw-69fe0024095e9841e1ade9b8590b047c\">\n#top .avia-gallery.av-38mnqw-69fe0024095e9841e1ade9b8590b047c .avia-gallery-thumb a{\nwidth:20%;\n}\n<\/style>\n<div  class='avia-gallery av-38mnqw-69fe0024095e9841e1ade9b8590b047c 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-ruf-design-ag\/\"><a class='avia-gallery-big fakeLightbox lightbox avia-gallery-big-crop-thumb' href=\"https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-1-1030x687.png\"  data-onclick='1' title='rufdesign-1' ><span class='avia-gallery-big-inner'  itemprop=\"thumbnailUrl\" ><img width='1030' height='687' src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-1-1030x687.png' title='rufdesign-1' alt='' \/><\/span><\/a><div class='avia-gallery-thumb'><a href=\"https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-1-1030x687.png\" data-rel='gallery-1' data-prev-img='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-1-1030x687.png' class='first_thumb lightbox' data-onclick='1' title='rufdesign-1'  itemprop=\"thumbnailUrl\"  ><img  src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-1-710x375.png' width='710' height='375'  title='rufdesign-1' alt='' \/><div class='big-prev-fake'><img width='1030' height='687' src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-1-1030x687.png' title='rufdesign-1' alt='' \/><\/div><\/a><a href=\"https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-6-1030x687.png\" data-rel='gallery-1' data-prev-img='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-6-1030x687.png' class='lightbox' data-onclick='2' title='call-design-6'  itemprop=\"thumbnailUrl\"  ><img  src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-6-710x375.png' width='710' height='375'  title='call-design-6' alt='' \/><div class='big-prev-fake'><img width='1030' height='687' src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-6-1030x687.png' title='call-design-6' alt='' \/><\/div><\/a><a href=\"https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/mockup-of-a-man-holding-an-ipad-mini-at-his-desk-2111-el1-1030x687.png\" data-rel='gallery-1' data-prev-img='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/mockup-of-a-man-holding-an-ipad-mini-at-his-desk-2111-el1-1030x687.png' class='lightbox' data-onclick='3' title='mockup-of-a-man-holding-an-ipad-mini-at-his-desk-2111-el1'  itemprop=\"thumbnailUrl\"  ><img  src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/mockup-of-a-man-holding-an-ipad-mini-at-his-desk-2111-el1-710x375.png' width='710' height='375'  title='mockup-of-a-man-holding-an-ipad-mini-at-his-desk-2111-el1' alt='' \/><div class='big-prev-fake'><img width='1030' height='687' src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/mockup-of-a-man-holding-an-ipad-mini-at-his-desk-2111-el1-1030x687.png' title='mockup-of-a-man-holding-an-ipad-mini-at-his-desk-2111-el1' alt='' \/><\/div><\/a><a href=\"https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-3-1030x687.png\" data-rel='gallery-1' data-prev-img='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-3-1030x687.png' class='lightbox' data-onclick='4' title='rufdesign-3'  itemprop=\"thumbnailUrl\"  ><img  src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-3-710x375.png' width='710' height='375'  title='rufdesign-3' alt='' \/><div class='big-prev-fake'><img width='1030' height='687' src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-3-1030x687.png' title='rufdesign-3' alt='' \/><\/div><\/a><a href=\"https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-4-1030x687.png\" data-rel='gallery-1' data-prev-img='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-4-1030x687.png' class='lightbox' data-onclick='5' title='rufdesign-4'  itemprop=\"thumbnailUrl\"  ><img  src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-4-710x375.png' width='710' height='375'  title='rufdesign-4' alt='' \/><div class='big-prev-fake'><img width='1030' height='687' src='https:\/\/swissmediadesign.com\/wp-content\/uploads\/2025\/09\/rufdesign-4-1030x687.png' title='rufdesign-4' alt='' \/><\/div><\/a><\/div><\/div><\/div><\/p>\n<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-eb647462251df84bd206aa814e7d44b1\">\n#top .av-special-heading.av-m8fzt5cy-eb647462251df84bd206aa814e7d44b1{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-m8fzt5cy-eb647462251df84bd206aa814e7d44b1 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-m8fzt5cy-eb647462251df84bd206aa814e7d44b1 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-m8fzt5cy-eb647462251df84bd206aa814e7d44b1 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 presence, digitally rethought<\/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=\"184\" data-end=\"525\">The collaboration with Ruf Design AG was a comprehensive project with the aim of repositioning the entire company digitally. With 32 subpages, each depicting its own service areas, projects and insights, a website was created that authentically reflects the versatility and premium quality of Ruf Design.<\/p>\n<p data-start=\"527\" data-end=\"875\">We developed a website for Ruf Design that combines interior design, kitchens, bathrooms and projects into a harmonious whole. In addition, separate landing pages were integrated for Pyrolave and Invisacook to give these exclusive partners and products their own digital presence.<\/p>\n<p data-start=\"877\" data-end=\"1209\">A design highlight is the combination of large-format imagery and clear typographic structures. It gives the website a timeless and elegant character. Thanks to intuitive navigation and a well thought-out content architecture, visitors can quickly find their way to projects, services and contact options.<\/p>\n<p data-start=\"1211\" data-end=\"1524\">The site has been optimised for performance, SEO and future-proofing. With a responsive structure, targeted caching and a lean code base, a smooth user experience on all devices is guaranteed. Concrete customer enquiries were generated via the website shortly after it went live.<\/p>\n<p data-start=\"1526\" data-end=\"1962\"><strong data-start=\"1526\" data-end=\"1541\">Project objective<\/strong><br data-start=\"1541\" data-end=\"1544\" \/>The aim was to make the entire brand expertise of Ruf Design AG digitally visible. A consistent, elegant design, technical optimisation and structured user guidance resulted in a web solution that creates trust and generates new leads. With 32 subpages and separate landing pages for Pyrolave and Invisacook, the website is designed in such a way that it can continue to grow flexibly in the future.<\/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=\"134\" data-end=\"204\"><strong data-start=\"134\" data-end=\"145\">Scope:<\/strong> Website with 32 subpages and clear content architecture<\/li>\n<li data-start=\"207\" data-end=\"273\"><strong data-start=\"207\" data-end=\"224\">Landing pages:<\/strong> Separate performances for Pyrolave and Invisacook<\/li>\n<li data-start=\"276\" data-end=\"377\"><strong data-start=\"276\" data-end=\"292\">Optimisation:<\/strong> Performance-orientated structure with responsive design, caching and technical SEO<\/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=\"398\" data-end=\"424\"><strong data-start=\"398\" data-end=\"410\">Go Live:<\/strong> Summer 2025<\/li>\n<li data-start=\"427\" data-end=\"497\"><strong data-start=\"427\" data-end=\"440\">Enquiries:<\/strong> First customer contacts a few days after publication<\/li>\n<li data-start=\"500\" data-end=\"572\"><strong data-start=\"500\" data-end=\"513\">Feedback:<\/strong> Consistently positive feedback from customers and partners<\/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=\"595\" data-end=\"649\"><strong data-start=\"595\" data-end=\"603\">CMS:<\/strong> WordPress with individual theme customisation<\/li>\n<li data-start=\"652\" data-end=\"702\"><strong data-start=\"652\" data-end=\"660\">SEO:<\/strong> Rank Math Pro for maximum visibility<\/li>\n<li data-start=\"705\" data-end=\"764\"><strong data-start=\"705\" data-end=\"719\">Forms:<\/strong> Gravity Forms for flexible enquiry processes<\/li>\n<li data-start=\"767\" data-end=\"831\"><strong data-start=\"767\" data-end=\"783\">Performance:<\/strong> WP Rocket and Imagify for load time optimisation<\/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 Ruf Design AG for the trust they have placed in us and the excellent collaboration. The digital repositioning of the company with 32 subpages and its own landing pages was an exciting and rewarding task that once again confirmed our passion for excellent 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-bdc9289a32b982ea7f2b395f79b23e84\">\n#top #wrap_all .avia-button.av-2q4aar-bdc9289a32b982ea7f2b395f79b23e84{\nmargin-bottom:5px;\nmargin-right:5px;\n}\n<\/style>\n<a href=\"https:\/\/rufdesign.ch\/\" class=\"avia-button av-2q4aar-bdc9289a32b982ea7f2b395f79b23e84 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>","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":2672,"comment_status":"open","ping_status":"closed","template":"","tags":[],"portfolio_entries":[15],"class_list":["post-2664","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\/2664","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=2664"}],"version-history":[{"count":0,"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/portfolio\/2664\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/media\/2672"}],"wp:attachment":[{"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/media?parent=2664"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/tags?post=2664"},{"taxonomy":"portfolio_entries","embeddable":true,"href":"https:\/\/swissmediadesign.com\/en\/wp-json\/wp\/v2\/portfolio_entries?post=2664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}