{"id":2512,"date":"2021-10-18T09:29:19","date_gmt":"2021-10-18T07:29:19","guid":{"rendered":"https:\/\/strupplerdesign.de\/?page_id=2512"},"modified":"2026-01-12T10:29:40","modified_gmt":"2026-01-12T09:29:40","slug":"interface-design","status":"publish","type":"page","link":"https:\/\/strupplerdesign.de\/en\/interface-design\/","title":{"rendered":"Landingpage interface design"},"content":{"rendered":"<div id='full_slider_1'  class='avia-fullwidth-slider main_color avia-shadow av-desktop-hide av-medium-hide  avia-builder-el-0  el_before_av_slideshow_full  avia-builder-el-first   container_wrap fullsize'  ><div  class='avia-slideshow av-73s9rv-d264ff8aa2d0a0895c521d7922a543ec avia-slideshow-no scaling av_slideshow_full avia-slide-slider av-desktop-hide av-medium-hide av-slideshow-ui av-control-default av-slideshow-manual av-loop-once av-loop-manual-endless av-default-height-applied   avia-slideshow-1' data-slideshow-options=\"{&quot;animation&quot;:&quot;slide&quot;,&quot;autoplay&quot;:false,&quot;loop_autoplay&quot;:&quot;once&quot;,&quot;interval&quot;:5,&quot;loop_manual&quot;:&quot;manual-endless&quot;,&quot;autoplay_stopper&quot;:false,&quot;noNavigation&quot;:false,&quot;bg_slider&quot;:false,&quot;keep_padding&quot;:false,&quot;hoverpause&quot;:false,&quot;show_slide_delay&quot;:0}\"  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><ul class='avia-slideshow-inner ' style='padding-bottom: 100%;'><li  class='avia-slideshow-slide av-73s9rv-d264ff8aa2d0a0895c521d7922a543ec__0  av-single-slide slide-1 slide-odd'><div data-rel='slideshow-1' class='avia-slide-wrap '   ><img decoding=\"async\" class=\"wp-image-2524 avia-img-lazy-loading-not-2524\"  src=\"https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-700x700-1.jpg\" width=\"700\" height=\"700\" title='Interfacedesign-700x700' alt=''  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-700x700-1.jpg 700w, https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-700x700-1-300x300.jpg 300w, https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-700x700-1-80x80.jpg 80w, https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-700x700-1-36x36.jpg 36w, https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-700x700-1-180x180.jpg 180w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/div><\/li><\/ul><\/div><\/div>\n<div id='full_slider_2'  class='avia-fullwidth-slider main_color avia-shadow av-small-hide av-mini-hide  avia-builder-el-1  el_after_av_slideshow_full  el_before_av_section   slider-not-first container_wrap fullsize'  ><div  class='avia-slideshow av-3wc3uz-af1c7dcfe5253e2e7a4cb94c6915ee9f avia-slideshow-no scaling av_slideshow_full avia-slide-slider av-small-hide av-mini-hide av-slideshow-ui av-control-default av-slideshow-manual av-loop-once av-loop-manual-endless av-default-height-applied   avia-slideshow-2' data-slideshow-options=\"{&quot;animation&quot;:&quot;slide&quot;,&quot;autoplay&quot;:false,&quot;loop_autoplay&quot;:&quot;once&quot;,&quot;interval&quot;:5,&quot;loop_manual&quot;:&quot;manual-endless&quot;,&quot;autoplay_stopper&quot;:false,&quot;noNavigation&quot;:false,&quot;bg_slider&quot;:false,&quot;keep_padding&quot;:false,&quot;hoverpause&quot;:false,&quot;show_slide_delay&quot;:0}\"  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><ul class='avia-slideshow-inner ' style='padding-bottom: 36.458333333333%;'><li  class='avia-slideshow-slide av-3wc3uz-af1c7dcfe5253e2e7a4cb94c6915ee9f__0  av-single-slide slide-1 slide-odd'><div data-rel='slideshow-2' class='avia-slide-wrap '   ><img decoding=\"async\" class=\"wp-image-2514 avia-img-lazy-loading-not-2514\"  src=\"https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-1920x700-1.jpg\" width=\"1920\" height=\"700\" title='Interfacedesign-1920x700' alt=''  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-1920x700-1.jpg 1920w, https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-1920x700-1-300x109.jpg 300w, https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-1920x700-1-1030x376.jpg 1030w, https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-1920x700-1-768x280.jpg 768w, https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-1920x700-1-1536x560.jpg 1536w, https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-1920x700-1-1500x547.jpg 1500w, https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interfacedesign-1920x700-1-705x257.jpg 705w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/div><\/li><\/ul><\/div><\/div>\n<div id='strategie-top'  class='avia-section av-1tb2863-b9eef68c4053a83ebd07bcbef9bbf30e main_color avia-section-no-padding avia-no-border-styling  avia-builder-el-2  el_after_av_slideshow_full  el_before_av_hr  avia-bg-style-scroll 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-2512'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-1rqf9e3-18f3a703ad6995a60a825f3aef8c5378\">\n.flex_column.av-1rqf9e3-18f3a703ad6995a60a825f3aef8c5378{\nborder-radius:0px 0px 0px 0px;\npadding:0px 10% 0px 10%;\n}\n<\/style>\n<div  class='flex_column av-1rqf9e3-18f3a703ad6995a60a825f3aef8c5378 av_one_full  avia-builder-el-3  avia-builder-el-no-sibling  first no_margin flex_column_div av-animated-generic bottom-to-top  '     ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-kt4g7u86-67a9f206ce9def93dd5503c6d3b2dac6\">\n#top .av-special-heading.av-kt4g7u86-67a9f206ce9def93dd5503c6d3b2dac6{\nmargin:50px 0 0 0;\npadding-bottom:20px;\ncolor:#000000;\nfont-size:40px;\n}\nbody .av-special-heading.av-kt4g7u86-67a9f206ce9def93dd5503c6d3b2dac6 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n#top #wrap_all .av-special-heading.av-kt4g7u86-67a9f206ce9def93dd5503c6d3b2dac6 .av-special-heading-tag{\nfont-size:40px;\n}\n.av-special-heading.av-kt4g7u86-67a9f206ce9def93dd5503c6d3b2dac6 .special-heading-inner-border{\nborder-color:#000000;\n}\n.av-special-heading.av-kt4g7u86-67a9f206ce9def93dd5503c6d3b2dac6 .av-subheading{\nfont-size:15px;\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px){ \n#top #wrap_all .av-special-heading.av-kt4g7u86-67a9f206ce9def93dd5503c6d3b2dac6 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n\n@media only screen and (max-width: 479px){ \n#top #wrap_all .av-special-heading.av-kt4g7u86-67a9f206ce9def93dd5503c6d3b2dac6 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n<\/style>\n<div  class='av-special-heading av-kt4g7u86-67a9f206ce9def93dd5503c6d3b2dac6 av-special-heading-h1 custom-color-heading blockquote modern-quote modern-centered  avia-builder-el-4  el_before_av_textblock  avia-builder-el-first  av-inherit-size'><h1 class='av-special-heading-tag'  itemprop=\"headline\"  >Interface design<\/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-kt4g87jz-8c5c3c05260fe6ddfbc4c4fb9fdcb856\">\n#top .av_textblock_section.av-kt4g87jz-8c5c3c05260fe6ddfbc4c4fb9fdcb856 .avia_textblock{\nfont-size:22px;\ncolor:#000000;\n}\n<\/style>\n<section  class='av_textblock_section av-kt4g87jz-8c5c3c05260fe6ddfbc4c4fb9fdcb856 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock av_inherit_color'  itemprop=\"text\" ><p style=\"text-align: center;\" align=\"center\"><b>Whether it is a touch screen or a mechanical control unit, true benefit is seen when there is smooth and intuitive communication at the human-to-product interface.<\/b><\/p>\n<p style=\"text-align: center;\"><strong>\u00a0<\/strong><\/p>\n<\/div><\/section><\/p><\/div><\/div><\/div><\/div><!-- close content main 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-2512'><div class='entry-content-wrapper clearfix'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-697vkr-066554cfe1f7bc72e25d3a457fb7fe54\">\n#top .hr.hr-invisible.av-697vkr-066554cfe1f7bc72e25d3a457fb7fe54{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-697vkr-066554cfe1f7bc72e25d3a457fb7fe54 hr-invisible  avia-builder-el-6  el_after_av_section  el_before_av_section  avia-builder-el-no-sibling '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><\/p>\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='engineering'  class='avia-section av-19yhhtn-f3de4edd943653ce70c1b9464aeb6e05 main_color avia-section-no-padding avia-no-border-styling  avia-builder-el-7  el_after_av_hr  el_before_av_one_half  avia-bg-style-scroll 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-2512'><div class='entry-content-wrapper clearfix'>\n<div class='flex_column_table av-18i9cmz-9ce7ea48abfa9354c5545824461400f7 sc-av_two_fifth av-equal-height-column-flextable'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-18i9cmz-9ce7ea48abfa9354c5545824461400f7\">\n#top .flex_column_table.av-equal-height-column-flextable.av-18i9cmz-9ce7ea48abfa9354c5545824461400f7{\nmargin-top:0px;\nmargin-bottom:1.3%;\n}\n.flex_column.av-18i9cmz-9ce7ea48abfa9354c5545824461400f7{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\nbackground:url(https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/interface-567x450-01-1.jpg) 50% 50% no-repeat scroll #e6e6e6;\n}\n<\/style>\n<div  class='flex_column av-18i9cmz-9ce7ea48abfa9354c5545824461400f7 av_two_fifth  avia-builder-el-8  el_before_av_three_fifth  avia-builder-el-first  first flex_column_table_cell av-equal-height-column av-align-top av-zero-column-padding avia-full-stretch  '     ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-1696jh7-9ac184176877b53ba246ba21400306d1\">\n#top .hr.hr-invisible.av-1696jh7-9ac184176877b53ba246ba21400306d1{\nheight:372px;\n}\n<\/style>\n<div  class='hr av-1696jh7-9ac184176877b53ba246ba21400306d1 hr-invisible  avia-builder-el-9  avia-builder-el-no-sibling  bild-quadratisch'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><\/div><div class='av-flex-placeholder'><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-12jknm3-72ed1eebbc57be10f5aadb8749eea805\">\n#top .flex_column_table.av-equal-height-column-flextable.av-12jknm3-72ed1eebbc57be10f5aadb8749eea805{\nmargin-top:0px;\nmargin-bottom:1.3%;\n}\n.flex_column.av-12jknm3-72ed1eebbc57be10f5aadb8749eea805{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\nbackground:url(https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interface-800x450-01.jpg) 100% 50% no-repeat scroll #e6e6e6;\n}\n<\/style>\n<div  class='flex_column av-12jknm3-72ed1eebbc57be10f5aadb8749eea805 av_three_fifth  avia-builder-el-10  el_after_av_two_fifth  el_before_av_three_fifth  flex_column_table_cell av-equal-height-column av-align-top av-zero-column-padding avia-full-stretch  '     ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-10t4xej-40c18e8d2145168b686f0566b9db916f\">\n#top .hr.hr-invisible.av-10t4xej-40c18e8d2145168b686f0566b9db916f{\nheight:372px;\n}\n<\/style>\n<div  class='hr av-10t4xej-40c18e8d2145168b686f0566b9db916f hr-invisible  avia-builder-el-11  avia-builder-el-no-sibling  bild-querformat'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><\/div><\/div><!--close column table wrapper. Autoclose: 1 --><div class='flex_column_table av-4t6dzl-4e0eb756b412901c854c07208f011ebf sc-av_three_fifth av-equal-height-column-flextable'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-4t6dzl-4e0eb756b412901c854c07208f011ebf\">\n#top .flex_column_table.av-equal-height-column-flextable.av-4t6dzl-4e0eb756b412901c854c07208f011ebf{\nmargin-top:0px;\nmargin-bottom:1.3%;\n}\n.flex_column.av-4t6dzl-4e0eb756b412901c854c07208f011ebf{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\nbackground:url(https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/Interface-800x450-02.jpg) 100% 50% no-repeat scroll #e6e6e6;\n}\n<\/style>\n<div  class='flex_column av-4t6dzl-4e0eb756b412901c854c07208f011ebf av_three_fifth  avia-builder-el-12  el_after_av_three_fifth  el_before_av_two_fifth  first flex_column_table_cell av-equal-height-column av-align-middle av-zero-column-padding avia-full-stretch  '     ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-2kt31d-857d3110c05b013bae1a429dcfef8289\">\n#top .hr.hr-invisible.av-2kt31d-857d3110c05b013bae1a429dcfef8289{\nheight:372px;\n}\n<\/style>\n<div  class='hr av-2kt31d-857d3110c05b013bae1a429dcfef8289 hr-invisible  avia-builder-el-13  avia-builder-el-no-sibling  bild-querformat'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><\/div><div class='av-flex-placeholder'><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-z47usb-93c32a16083534d43e8ca24705c11e43\">\n#top .flex_column_table.av-equal-height-column-flextable.av-z47usb-93c32a16083534d43e8ca24705c11e43{\nmargin-top:0px;\nmargin-bottom:1.3%;\n}\n.flex_column.av-z47usb-93c32a16083534d43e8ca24705c11e43{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\nbackground:url(https:\/\/strupplerdesign.de\/wp-content\/uploads\/2021\/09\/interface-567x450-02-3.jpg) 50% 50% no-repeat scroll #e6e6e6;\n}\n<\/style>\n<div  class='flex_column av-z47usb-93c32a16083534d43e8ca24705c11e43 av_two_fifth  avia-builder-el-14  el_after_av_three_fifth  avia-builder-el-last  flex_column_table_cell av-equal-height-column av-align-middle av-zero-column-padding avia-full-stretch  '     ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-y13w23-1afa87f2ad4c49e2b21bdc8750ab158d\">\n#top .hr.hr-invisible.av-y13w23-1afa87f2ad4c49e2b21bdc8750ab158d{\nheight:372px;\n}\n<\/style>\n<div  class='hr av-y13w23-1afa87f2ad4c49e2b21bdc8750ab158d hr-invisible  avia-builder-el-15  avia-builder-el-no-sibling  bild-quadratisch'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><\/div><\/div><!--close column table wrapper. Autoclose: 1 -->\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='after_section_2'  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-2512'><div class='entry-content-wrapper clearfix'>\n<div class='flex_column_table av-7bxa0h-e6b1371b01924a5b2c8e3536ab35d8fe sc-av_one_half av-equal-height-column-flextable'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-7bxa0h-e6b1371b01924a5b2c8e3536ab35d8fe\">\n#top .flex_column_table.av-equal-height-column-flextable.av-7bxa0h-e6b1371b01924a5b2c8e3536ab35d8fe{\nmargin-top:-50px;\nmargin-bottom:0px;\n}\n.flex_column.av-7bxa0h-e6b1371b01924a5b2c8e3536ab35d8fe{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\n}\n<\/style>\n<div  class='flex_column av-7bxa0h-e6b1371b01924a5b2c8e3536ab35d8fe av_one_half  avia-builder-el-16  el_after_av_section  el_before_av_one_half  avia-builder-el-first  first flex_column_table_cell av-equal-height-column av-align-top av-zero-column-padding  '     ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-ku5714yb-e8c22b2a1cbed021e30f382ad9d5b62b\">\n#top .av_textblock_section.av-ku5714yb-e8c22b2a1cbed021e30f382ad9d5b62b .avia_textblock{\ncolor:#000000;\n}\n<\/style>\n<section  class='av_textblock_section av-ku5714yb-e8c22b2a1cbed021e30f382ad9d5b62b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock av_inherit_color'  itemprop=\"text\" ><p>No matter how good the design and functionality of a product or an industrial production facility may be on paper, optimal use is only achieved with the development of well thought-out user interfaces. How much we like to use a product or how well we can operate a machine is decisive for its success.\u00a0 Making the best possible fulfillment of a need realizable through goal-oriented, clear action steps &#8211; that is how we at Struppler Industriedesign define our task in interface design. To make complex processes and functions comprehensible and presentable &#8211; so that operation or maintenance is easy for people of different generations.<\/p>\n<\/div><\/section><\/div><div class='av-flex-placeholder'><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-5dcc8x-c790cfa3fcc59f9bd04fcc549f2321ff\">\n#top .flex_column_table.av-equal-height-column-flextable.av-5dcc8x-c790cfa3fcc59f9bd04fcc549f2321ff{\nmargin-top:0px;\nmargin-bottom:0px;\n}\n.flex_column.av-5dcc8x-c790cfa3fcc59f9bd04fcc549f2321ff{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\n}\n<\/style>\n<div  class='flex_column av-5dcc8x-c790cfa3fcc59f9bd04fcc549f2321ff av_one_half  avia-builder-el-18  el_after_av_one_half  el_before_av_hr  flex_column_table_cell av-equal-height-column av-align-top av-zero-column-padding  '     ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-ku571h3s-028ed5d6fcfe4cc67ff7e0ceb86572ca\">\n#top .av_textblock_section.av-ku571h3s-028ed5d6fcfe4cc67ff7e0ceb86572ca .avia_textblock{\ncolor:#000000;\n}\n<\/style>\n<section  class='av_textblock_section av-ku571h3s-028ed5d6fcfe4cc67ff7e0ceb86572ca '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock av_inherit_color'  itemprop=\"text\" ><p>Even if technical and design know-how is indispensable for this &#8211; intuition plays an important role in idea generation and product development on the application level. The best thing to do is to try it out. With digital visualizations or prototypes, we create a solid basis on which the central parameters in design and functionality for each project implementation can be discussed, evaluated and, if necessary, modified together with the client.<\/p>\n<\/div><\/section><\/div><\/div><!--close column table wrapper. Autoclose: 1 -->\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-2s3uwx-27f2db633932353261f874ae42e11171\">\n#top .hr.hr-invisible.av-2s3uwx-27f2db633932353261f874ae42e11171{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-2s3uwx-27f2db633932353261f874ae42e11171 hr-invisible  avia-builder-el-20  el_after_av_one_half  el_before_av_section  avia-builder-el-last '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><\/p>\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='projekt-einleitung'  class='avia-section av-a6wtu3-070d6a85a04b661d52394fe59896e848 main_color avia-section-no-padding avia-no-border-styling  avia-builder-el-21  el_after_av_hr  el_before_av_section  avia-bg-style-scroll 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-2512'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-9294xn-86994e957511483bbdd493049527f4f1\">\n.flex_column.av-9294xn-86994e957511483bbdd493049527f4f1{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\n}\n<\/style>\n<div  class='flex_column av-9294xn-86994e957511483bbdd493049527f4f1 av_one_half  avia-builder-el-22  el_before_av_hr  avia-builder-el-first  first flex_column_div av-animated-generic bottom-to-top av-zero-column-padding  '     ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-kt4gn56t-5044de05d39b255c5d8adc503851336c\">\n#top .av-special-heading.av-kt4gn56t-5044de05d39b255c5d8adc503851336c{\nmargin:0 0 0 0;\npadding-bottom:5px;\ncolor:#000000;\nfont-size:22px;\n}\nbody .av-special-heading.av-kt4gn56t-5044de05d39b255c5d8adc503851336c .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n#top #wrap_all .av-special-heading.av-kt4gn56t-5044de05d39b255c5d8adc503851336c .av-special-heading-tag{\nfont-size:22px;\n}\n.av-special-heading.av-kt4gn56t-5044de05d39b255c5d8adc503851336c .special-heading-inner-border{\nborder-color:#000000;\n}\n.av-special-heading.av-kt4gn56t-5044de05d39b255c5d8adc503851336c .av-subheading{\nfont-size:15px;\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px){ \n#top #wrap_all .av-special-heading.av-kt4gn56t-5044de05d39b255c5d8adc503851336c .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n\n@media only screen and (max-width: 479px){ \n#top #wrap_all .av-special-heading.av-kt4gn56t-5044de05d39b255c5d8adc503851336c .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n<\/style>\n<div  class='av-special-heading av-kt4gn56t-5044de05d39b255c5d8adc503851336c av-special-heading-h2 custom-color-heading blockquote modern-quote  avia-builder-el-23  el_before_av_iconlist  avia-builder-el-first  av-inherit-size'><h2 class='av-special-heading-tag'  itemprop=\"headline\"  >Advantages of interface design<\/h2><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-kt4goimm-61561614a09927e0aa52d62d7cb3ae49\">\n#top .avia-icon-list-container.av-kt4goimm-61561614a09927e0aa52d62d7cb3ae49 .iconlist_icon{\ncolor:#000000;\nborder:1px solid #000000;\n}\n<\/style>\n<div  class='avia-icon-list-container av-kt4goimm-61561614a09927e0aa52d62d7cb3ae49  avia-builder-el-24  el_after_av_heading  avia-builder-el-last '><ul class='avia-icon-list avia_animate_when_almost_visible avia-icon-list-left av-iconlist-small av-kt4goimm-61561614a09927e0aa52d62d7cb3ae49 avia-iconlist-animate'>\n<li><div class='iconlist_icon av-kt4gnnxu-0f9fbc881a38b1a3624e5ad348881d26 avia-font-entypo-fontello'><span class='iconlist-char' aria-hidden='true' data-av_icon='\ue812' data-av_iconfont='entypo-fontello'><\/span><\/div><article class=\"article-icon-entry av-iconlist-empty\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\"><div class='av_iconlist_title iconlist_title_small  '  itemprop=\"headline\" >Improved operability<\/div><\/header><div class='iconlist_content '  itemprop=\"text\" ><\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<li><div class='iconlist_icon av-kt4gnsd6-e1b9bd6cf576a77d1a6377459cde1e79 avia-font-entypo-fontello'><span class='iconlist-char' aria-hidden='true' data-av_icon='\ue812' data-av_iconfont='entypo-fontello'><\/span><\/div><article class=\"article-icon-entry av-iconlist-empty\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\"><div class='av_iconlist_title iconlist_title_small  '  itemprop=\"headline\" >Faster learning curve for users - resulting in lower training costs<\/div><\/header><div class='iconlist_content '  itemprop=\"text\" ><\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<li><div class='iconlist_icon av-kt4gnxgz-28d5324684d106b43cd66bc78541f6fb avia-font-entypo-fontello'><span class='iconlist-char' aria-hidden='true' data-av_icon='\ue812' data-av_iconfont='entypo-fontello'><\/span><\/div><article class=\"article-icon-entry av-iconlist-empty\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\"><div class='av_iconlist_title iconlist_title_small  '  itemprop=\"headline\" >Less application errors due to intuitive operation<\/div><\/header><div class='iconlist_content '  itemprop=\"text\" ><\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<li><div class='iconlist_icon av-kt4go4u6-68b06d6817eb4c1c3b4a12704fda82bd avia-font-entypo-fontello'><span class='iconlist-char' aria-hidden='true' data-av_icon='\ue812' data-av_iconfont='entypo-fontello'><\/span><\/div><article class=\"article-icon-entry av-iconlist-empty\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\"><div class='av_iconlist_title iconlist_title_small  '  itemprop=\"headline\" >Strengthening the brand image and increasing the recognition value<\/div><\/header><div class='iconlist_content '  itemprop=\"text\" ><\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<li><div class='iconlist_icon av-kt4go9r8-93767ce98f88074e3874ad0ea9295169 avia-font-entypo-fontello'><span class='iconlist-char' aria-hidden='true' data-av_icon='\ue812' data-av_iconfont='entypo-fontello'><\/span><\/div><article class=\"article-icon-entry av-iconlist-empty\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\"><div class='av_iconlist_title iconlist_title_small  '  itemprop=\"headline\" >Differentiation from competitors<\/div><\/header><div class='iconlist_content '  itemprop=\"text\" ><\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<\/ul><\/div><\/p><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-27jqzv-d6fbd9ecdadbeccc511e250260b59d81\">\n#top .hr.hr-invisible.av-27jqzv-d6fbd9ecdadbeccc511e250260b59d81{\nheight:150px;\n}\n<\/style>\n<div  class='hr av-27jqzv-d6fbd9ecdadbeccc511e250260b59d81 hr-invisible  avia-builder-el-25  el_after_av_one_half  avia-builder-el-last '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='projekt-einleitung'  class='avia-section av-3j4a8b-27cfdca3b67a8992eb11e31ce7257bc8 main_color avia-section-no-padding avia-no-border-styling  avia-builder-el-26  el_after_av_section  avia-builder-el-last  avia-bg-style-scroll 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-2512'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-62qw8b-cc117be59ae5474377d3579dfe636202\">\n.flex_column.av-62qw8b-cc117be59ae5474377d3579dfe636202{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\n}\n<\/style>\n<div  class='flex_column av-62qw8b-cc117be59ae5474377d3579dfe636202 av_one_full  avia-builder-el-27  el_before_av_hr  avia-builder-el-first  first no_margin flex_column_div av-animated-generic bottom-to-top av-zero-column-padding  '     ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-kt4gy1yb-9b574707e62bbbf2ae17e92f93a9ff59\">\n#top .av-special-heading.av-kt4gy1yb-9b574707e62bbbf2ae17e92f93a9ff59{\nmargin:0 0 0 0;\npadding-bottom:15px;\ncolor:#000000;\nfont-size:22px;\n}\nbody .av-special-heading.av-kt4gy1yb-9b574707e62bbbf2ae17e92f93a9ff59 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n#top #wrap_all .av-special-heading.av-kt4gy1yb-9b574707e62bbbf2ae17e92f93a9ff59 .av-special-heading-tag{\nfont-size:22px;\n}\n.av-special-heading.av-kt4gy1yb-9b574707e62bbbf2ae17e92f93a9ff59 .special-heading-inner-border{\nborder-color:#000000;\n}\n.av-special-heading.av-kt4gy1yb-9b574707e62bbbf2ae17e92f93a9ff59 .av-subheading{\nfont-size:15px;\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px){ \n#top #wrap_all .av-special-heading.av-kt4gy1yb-9b574707e62bbbf2ae17e92f93a9ff59 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n\n@media only screen and (max-width: 479px){ \n#top #wrap_all .av-special-heading.av-kt4gy1yb-9b574707e62bbbf2ae17e92f93a9ff59 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n<\/style>\n<div  class='av-special-heading av-kt4gy1yb-9b574707e62bbbf2ae17e92f93a9ff59 av-special-heading-h3 custom-color-heading blockquote modern-quote  avia-builder-el-28  el_before_av_masonry_entries  avia-builder-el-no-sibling  av-inherit-size'><h3 class='av-special-heading-tag'  itemprop=\"headline\"  >These projects might interest you:<\/h3><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div><br \/>\n<div id='av-masonry-1' class='av-masonry av-kt4gvs5s-13fcdf7ab0a7d1a9aa75a9a0b3f816d2 noHover av-flex-size av-large-gap av-hover-overlay-active av-masonry-animation- av-masonry-col-3 av-caption-always av-caption-style- av-masonry-entries ' data-post_id=\"2512\"><div class=\"av-masonry-container isotope av-js-disabled\"><div class='av-masonry-entry isotope-item av-masonry-item-no-image '><\/div><a href=\"https:\/\/strupplerdesign.de\/en\/projekte\/telelift-interface-operator-terminal-unicar\/\"  id='av-masonry-1-item-2181' data-av-masonry-item='2181' class='av-masonry-entry isotope-item post-2181 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-interface-2  av-masonry-item-with-image' title=\"telelift-interface\"   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='av-inner-masonry-sizer'><\/div><figure class='av-inner-masonry main_color'><div class=\"av-masonry-outerimage-container\"><div class='av-masonry-image-container'   ><img decoding=\"async\" width=\"450\" height=\"300\" class=\"wp-image-5302 avia-img-lazy-loading-not-5302\"  src=\"https:\/\/strupplerdesign.de\/wp-content\/uploads\/2022\/09\/telelift-interface.jpg\" title=\"telelift-interface\" alt=\"\" srcset=\"https:\/\/strupplerdesign.de\/wp-content\/uploads\/2022\/09\/telelift-interface.jpg 450w, https:\/\/strupplerdesign.de\/wp-content\/uploads\/2022\/09\/telelift-interface-300x200.jpg 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/div><\/div><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'><\/div><h3 class='av-masonry-entry-title entry-title '  itemprop=\"headline\" >Telelift<\/h3><div class='av-masonry-entry-content entry-content'  itemprop=\"text\" >Interface operator terminal UniCar<\/div><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><\/div><\/div><\/p><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-2feggr-ed8dea5a9c749da93032a61d9815e294\">\n#top .hr.hr-invisible.av-2feggr-ed8dea5a9c749da93032a61d9815e294{\nheight:150px;\n}\n<\/style>\n<div  class='hr av-2feggr-ed8dea5a9c749da93032a61d9815e294 hr-invisible  avia-builder-el-30  el_after_av_one_full  avia-builder-el-last '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2512","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Landingpage interface design &#8226; Struppler Industriedesign<\/title>\n<meta name=\"description\" content=\"Landingpage interface design &#8226; Struppler Industriedesign &#8226; Fullservice Designb\u00fcro in M\u00fcnchen \u2714\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/strupplerdesign.de\/en\/interface-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Landingpage interface design &#8226; Struppler Industriedesign\" \/>\n<meta property=\"og:description\" content=\"Landingpage interface design &#8226; Struppler Industriedesign &#8226; Fullservice Designb\u00fcro in M\u00fcnchen \u2714\" \/>\n<meta property=\"og:url\" content=\"https:\/\/strupplerdesign.de\/en\/interface-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Struppler Industriedesign\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-12T09:29:40+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/strupplerdesign.de\/en\/interface-design\/\",\"url\":\"https:\/\/strupplerdesign.de\/en\/interface-design\/\",\"name\":\"Landingpage interface design &#8226; Struppler Industriedesign\",\"isPartOf\":{\"@id\":\"https:\/\/strupplerdesign.de\/en\/#website\"},\"datePublished\":\"2021-10-18T07:29:19+00:00\",\"dateModified\":\"2026-01-12T09:29:40+00:00\",\"description\":\"Landingpage interface design &#8226; Struppler Industriedesign &#8226; Fullservice Designb\u00fcro in M\u00fcnchen \u2714\",\"breadcrumb\":{\"@id\":\"https:\/\/strupplerdesign.de\/en\/interface-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/strupplerdesign.de\/en\/interface-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/strupplerdesign.de\/en\/interface-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/strupplerdesign.de\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Landingpage interface design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/strupplerdesign.de\/en\/#website\",\"url\":\"https:\/\/strupplerdesign.de\/en\/\",\"name\":\"Struppler Industriedesign\",\"description\":\"Interfacedesign | UI Design | Industriedesign\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/strupplerdesign.de\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Landingpage interface design &#8226; Struppler Industriedesign","description":"Landingpage interface design &#8226; Struppler Industriedesign &#8226; Fullservice Designb\u00fcro in M\u00fcnchen \u2714","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:\/\/strupplerdesign.de\/en\/interface-design\/","og_locale":"en_US","og_type":"article","og_title":"Landingpage interface design &#8226; Struppler Industriedesign","og_description":"Landingpage interface design &#8226; Struppler Industriedesign &#8226; Fullservice Designb\u00fcro in M\u00fcnchen \u2714","og_url":"https:\/\/strupplerdesign.de\/en\/interface-design\/","og_site_name":"Struppler Industriedesign","article_modified_time":"2026-01-12T09:29:40+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/strupplerdesign.de\/en\/interface-design\/","url":"https:\/\/strupplerdesign.de\/en\/interface-design\/","name":"Landingpage interface design &#8226; Struppler Industriedesign","isPartOf":{"@id":"https:\/\/strupplerdesign.de\/en\/#website"},"datePublished":"2021-10-18T07:29:19+00:00","dateModified":"2026-01-12T09:29:40+00:00","description":"Landingpage interface design &#8226; Struppler Industriedesign &#8226; Fullservice Designb\u00fcro in M\u00fcnchen \u2714","breadcrumb":{"@id":"https:\/\/strupplerdesign.de\/en\/interface-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/strupplerdesign.de\/en\/interface-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/strupplerdesign.de\/en\/interface-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/strupplerdesign.de\/en\/"},{"@type":"ListItem","position":2,"name":"Landingpage interface design"}]},{"@type":"WebSite","@id":"https:\/\/strupplerdesign.de\/en\/#website","url":"https:\/\/strupplerdesign.de\/en\/","name":"Struppler Industriedesign","description":"Interfacedesign | UI Design | Industriedesign","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/strupplerdesign.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/strupplerdesign.de\/en\/wp-json\/wp\/v2\/pages\/2512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/strupplerdesign.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/strupplerdesign.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/strupplerdesign.de\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/strupplerdesign.de\/en\/wp-json\/wp\/v2\/comments?post=2512"}],"version-history":[{"count":1,"href":"https:\/\/strupplerdesign.de\/en\/wp-json\/wp\/v2\/pages\/2512\/revisions"}],"predecessor-version":[{"id":5609,"href":"https:\/\/strupplerdesign.de\/en\/wp-json\/wp\/v2\/pages\/2512\/revisions\/5609"}],"wp:attachment":[{"href":"https:\/\/strupplerdesign.de\/en\/wp-json\/wp\/v2\/media?parent=2512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}