{"id":3804,"date":"2017-05-31T00:57:29","date_gmt":"2017-05-31T00:57:29","guid":{"rendered":"http:\/\/beta.unitedthemes.com\/demo_setup\/?page_id=6"},"modified":"2025-11-02T21:00:46","modified_gmt":"2025-11-02T19:00:46","slug":"home","status":"publish","type":"page","link":"https:\/\/uxhero.de\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><section id=\"ut-section-69ef4aa352700\" data-section-title=\"Services\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-cursor-skin=\"global\" class=\"vc_section ut-vc-120 vc_section-has-fill ut-section-69ef4aa352713 ut-section-with-linking\"><a id=\"section-services\" data-id=\"section-services\" class=\"ut-vc-offset-anchor-top\" name=\"section-services\">services<\/a><div id=\"ut-row-69ef4aa353de6\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_column-gap-0 ut-animate-element animated ut-no-animation-tablet ut-no-animation-mobile ut-row-69ef4aa3541a5\" data-effect=\"fadeIn\" data-animateonce=\"yes\" data-delay=\"50\" data-animation-duration=\"1s\"><div class=\"wpb_column vc_column_container vc_col-sm-12\" ><div id=\"ut_inner_column_69ef4aa35541a\" class=\"vc_column-inner\" ><div class=\"wpb_wrapper\"><div class=\"wpb_content_element\"><style type=\"text\/css\">#ut_header_69ef4aa35689f h2.section-title, #ut_header_69ef4aa35689f h2.section-title span { color:#ffffff; }#ut_header_69ef4aa35689f h2.section-title { font-size:45px !important; }<\/style><header id=\"ut_header_69ef4aa35689f\" class=\"section-header  ut-no-title-linebreak-mobile ut-no-lead-linebreak-mobile pt-style-7 header-center header-tablet-center header-mobile-center\"><h2 data-title=\"Ich gestalte nutzerzentrierte digitale Produkte, die begeistern und skalieren.&#13;&#10;Mit \u00fcber 15 Jahren Erfahrung in UX Design und Designsystemen verbinde ich Strategie, Design und Technik \u2013 f\u00fcr konsistente Erlebnisse, effiziente Teams und nachhaltigen Erfolg.\"  data-responsive-font=\"section_title\" data-responsive-font-settings=\"{&quot;base-font-size&quot;:&quot;global&quot;,&quot;font-size&quot;:{&quot;desktop_large&quot;:&quot;45&quot;},&quot;base-line-height&quot;:&quot;global&quot;,&quot;base-letter-spacing&quot;:&quot;global&quot;}\" class=\"section-title title-with-linebreak\"><span>I design user-centered digital products that inspire and scale.<br \/>\nWith over 15 years of experience in UX design and design systems, I connect strategy, design, and technology to create consistent experiences, efficient teams, and lasting success.<\/span><\/h2><\/header><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div id=\"ut-row-69ef4aa364365\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_column-gap-0 ut-row-69ef4aa36438c\" ><div class=\"wpb_column vc_column_container vc_col-sm-6 ut-animate-element animated ut-no-animation-tablet ut-no-animation-mobile\" data-effect=\"fadeInUp\" data-animateonce=\"yes\" data-delay=\"100\" data-animation-duration=\"1s\"><div id=\"ut_inner_column_69ef4aa36582d\" class=\"vc_column-inner\" ><div class=\"wpb_wrapper\"><div class=\"wpb_content_element\"><style type=\"text\/css\">#ut_sc_69ef4aa365c29 .ut-service-column h2 { color: #e8e8e6; }#ut_sc_69ef4aa365c29 .ut-service-column.ut-service-column-horiz h2 { font-size:25px !important; }#ut_sc_69ef4aa365c29 .ut-service-column.ut-service-column-horiz p { font-size:16px !important; }#ut_sc_69ef4aa365c29 .ut-service-column p { color: #d1d1cf; }#ut_sc_69ef4aa365c29 .ut-service-column p { margin-top: 20px; }#ut_sc_69ef4aa365c29 .ut-service-column a.ut-service-column-link { font-size: 12px; }#ut-svg-69ef4aa365c2b { display:none; }#ut-svg-69ef4aa365c2b.ut-svg-loaded { display:block; }#ut-svg-69ef4aa365c2b path { stroke:rgba(252, 165, 14, 1); }<\/style><div id=\"ut_sc_69ef4aa365c29\"  class=\"ut-horizontal-style ut-horizontal-style-align-left  clearfix\" ><div class=\"ut-service-column ut-service-column-horiz\"><h2 data-responsive-font=\"h2\" data-responsive-font-settings=\"{&quot;base-font-size&quot;:&quot;global&quot;,&quot;font-size&quot;:{&quot;desktop_large&quot;:&quot;25&quot;},&quot;base-line-height&quot;:&quot;global&quot;,&quot;base-letter-spacing&quot;:&quot;global&quot;}\">\ud83c\udfaf UX CONSULTING<\/h2><p class=\"element-with-custom-line-height\" data-responsive-font=\"p\" data-responsive-font-settings=\"{&quot;base-font-size&quot;:&quot;16&quot;,&quot;font-size&quot;:{&quot;desktop_large&quot;:&quot;16&quot;},&quot;base-line-height&quot;:&quot;global&quot;,&quot;base-letter-spacing&quot;:&quot;global&quot;}\">I help companies anchor UX strategically and scale design sustainably.\nWith over 15 years of experience in strategy, DesignOps, and design systems, I bridge the gap between business, design, and engineering to create lasting impact.<\/p>\n<p>Services:<\/p>\n<p>\u2013 Developing UX strategies &amp; roadmaps<\/p>\n<p>\u2013 Building and scaling design systems<\/p>\n<p>\u2013 Introducing DesignOps &amp; agile workflows<\/p>\n<p>\u2013 Consulting on accessibility &amp; inclusive design<\/p>\n<p>\u2013 Coaching and mentoring UX teams<\/p>\n<p>Let\u2019s make your UX strategy future-ready.<\/p><\/div><\/div><\/div><style type=\"text\/css\">#bklyn_btn_69ef4aa365ddf .bklyn-btn { color:#f0a93e !important; border-color:#f0a93e !important; border-width:1px !important; }#bklyn_btn_69ef4aa365ddf .bklyn-btn:hover{ color:#ffffff !important; }#bklyn_btn_69ef4aa365ddf .bklyn-btn:focus{ color:#ffffff !important; }#bklyn_btn_69ef4aa365ddf .bklyn-btn:active { color:#ffffff !important; }#bklyn_btn_69ef4aa365ddf a.bklyn-btn { font-family:inherit !important; }<\/style><div id=\"bklyn_btn_69ef4aa365ddf\" class=\"bklyn-btn-holder  bklyn-btn-left bklyn-btn-tablet-left bklyn-btn-mobile-center\"><a title=\"\"   href=\"mailto:hello@uxhero.de\" target=\"_self\" class=\"bklyn-btn  bklyn-btn-outline bklyn-btn-normal\" ><span class=\"ut-btn-text\">Start Your UX Strategy<\/span><\/a><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6 ut-animate-element animated ut-no-animation-tablet ut-no-animation-mobile\" data-effect=\"fadeInUp\" data-animateonce=\"yes\" data-delay=\"150\" data-animation-duration=\"1s\"><div id=\"ut_inner_column_69ef4aa3664f4\" class=\"vc_column-inner\" ><div class=\"wpb_wrapper\"><div class=\"wpb_content_element\"><style type=\"text\/css\">#ut_sc_69ef4aa366796 .ut-service-column h2 { color: #e8e8e6; }#ut_sc_69ef4aa366796 .ut-service-column.ut-service-column-horiz h2 { font-size:25px !important; }#ut_sc_69ef4aa366796 .ut-service-column.ut-service-column-horiz p { font-size:16px !important; }#ut_sc_69ef4aa366796 .ut-service-column p { color: #d1d1cf; }#ut_sc_69ef4aa366796 .ut-service-column p { margin-top: 20px; }#ut_sc_69ef4aa366796 .ut-service-column a.ut-service-column-link { font-size: 12px; }#ut-svg-69ef4aa366798 { display:none; }#ut-svg-69ef4aa366798.ut-svg-loaded { display:block; }#ut-svg-69ef4aa366798 path { stroke:rgba(252, 165, 14, 1); }<\/style><div id=\"ut_sc_69ef4aa366796\"  class=\"ut-horizontal-style ut-horizontal-style-align-left  clearfix\" ><div class=\"ut-service-column ut-service-column-horiz\"><h2 data-responsive-font=\"h2\" data-responsive-font-settings=\"{&quot;base-font-size&quot;:&quot;global&quot;,&quot;font-size&quot;:{&quot;desktop_large&quot;:&quot;25&quot;},&quot;base-line-height&quot;:&quot;global&quot;,&quot;base-letter-spacing&quot;:&quot;global&quot;}\">&#x1f4f1; UX DESIGN<\/h2><p class=\"element-with-custom-line-height\" data-responsive-font=\"p\" data-responsive-font-settings=\"{&quot;base-font-size&quot;:&quot;16&quot;,&quot;font-size&quot;:{&quot;desktop_large&quot;:&quot;16&quot;},&quot;base-line-height&quot;:&quot;global&quot;,&quot;base-letter-spacing&quot;:&quot;global&quot;}\">As an experienced Lead UX Designer, I craft digital products that are functional, intuitive, and engaging.\nFrom research to the final interface, I offer hands-on design expertise \u2014 recognized with international awards.<\/p>\n<p>Services:<\/p>\n<p>\u2013 User research, personas &amp; customer journeys<\/p>\n<p>\u2013 Information architecture &amp; interaction design<\/p>\n<p>\u2013 Wireframes, prototyping &amp; usability testing<\/p>\n<p>\u2013 High-fidelity UI design (web &amp; mobile)<\/p>\n<p>\u2013 Developer handoff including design-to-code workflows<\/p>\n<p>Let\u2019s create user experiences people love.<\/p><\/div><\/div><\/div><style type=\"text\/css\">#bklyn_btn_69ef4aa3668c9 .bklyn-btn { color:#f0a93e !important; border-color:#f0a93e !important; border-width:1px !important; }#bklyn_btn_69ef4aa3668c9 .bklyn-btn:hover{ color:#ffffff !important; }#bklyn_btn_69ef4aa3668c9 .bklyn-btn:focus{ color:#ffffff !important; }#bklyn_btn_69ef4aa3668c9 .bklyn-btn:active { color:#ffffff !important; }#bklyn_btn_69ef4aa3668c9 a.bklyn-btn { font-family:inherit !important; }<\/style><div id=\"bklyn_btn_69ef4aa3668c9\" class=\"bklyn-btn-holder  bklyn-btn-left bklyn-btn-tablet-left bklyn-btn-mobile-center\"><a title=\"\"   href=\"mailto:hello@uxhero.de\" target=\"_self\" class=\"bklyn-btn  bklyn-btn-outline bklyn-btn-normal\" ><span class=\"ut-btn-text\">Kick Off Your Project<\/span><\/a><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><a data-id=\"section-services\" class=\"ut-vc-offset-anchor-bottom\" name=\"section-services\">services<\/a><style type=\"text\/css\">#ut-section-69ef4aa352700{background-color: #111314 !important;} <\/style><\/section><div class=\"vc_row-full-width vc_clearfix\"><\/div><section id=\"ut-section-69ef4aa368a8d\" data-section-title=\"About\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-cursor-skin=\"global\" class=\"vc_section ut-vc-120 vc_section-has-fill ut-section-69ef4aa368aa0 ut-section-with-linking\"><a id=\"section-about\" data-id=\"section-about\" class=\"ut-vc-offset-anchor-top\" name=\"section-about\">About<\/a><div id=\"ut-row-69ef4aa369d87\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_column-gap-0 ut-row-69ef4aa369d97\" ><div class=\"wpb_column vc_column_container vc_col-sm-6 ut-animate-element animated ut-no-animation-tablet ut-no-animation-mobile\" data-effect=\"fadeIn\" data-animateonce=\"yes\" data-delay=\"50\" data-animation-duration=\"1s\"><div id=\"ut_inner_column_69ef4aa36ae96\" class=\"vc_column-inner\" ><div class=\"wpb_wrapper\"><div data-effect=\"fadeIn\" data-animateonce=\"yes\" data-delay=\"0\" class=\"wpb_content_element ut-animate-image animated ut-no-animation-tablet ut-no-animation-mobile  clearfix\"><style type=\"text\/css\">#ut_am_69ef4aa36b742 { opacity: 1; }#ut_am_wrap_69ef4aa36b744 .ut-gallery-slider-caption { color: #ffffff; }#ut_am_wrap_69ef4aa36b744 .ut-gallery-slider-caption { font-weight: bold; }#ut_am_wrap_69ef4aa36b744 { text-align: left; }@media (min-width: 768px) and (max-width: 1024px) { #ut_am_wrap_69ef4aa36b744 { text-align: left !important; } }@media (max-width: 767px) { #ut_am_wrap_69ef4aa36b744 { text-align: center !important; } }<\/style><div id=\"ut_am_wrap_69ef4aa36b744\" class=\"ut-image-gallery-image\"><div id=\"ut_reveal_69ef4aa36b746\"  data-appear-top-offset=\"auto\" class=\"ut-animated-image-item ut-image-gallery-item ut-animation-done\"><a class=\"ut-deactivated-link\" href=\"#\"><div class=\"ut-animated-image-zoom\">\r\n        <div class=\"ut-element-glitch-wrap\">\r\n\r\n            \r\n        <style type=\"text\/css\">\r\n\r\n                        \r\n        @media (min-width: 1025px) {\r\n\r\n        #ut-element-glitch-69ef4aa36b814478318187-4336 .ut-glitch-single-element {\r\n                                            \r\n                }\r\n        }\r\n\r\n        @media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n        #ut-element-glitch-69ef4aa36b814478318187-4336 .ut-glitch-single-element {\r\n                                                \r\n                    }\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n\r\n        #ut-element-glitch-69ef4aa36b814478318187-4336 .ut-glitch-single-element {\r\n                                                \r\n                    }\r\n        }\r\n\r\n        \r\n        <\/style>\r\n\r\n        \r\n            <div id=\"ut-element-glitch-69ef4aa36b814478318187-4336\" class=\"ut-element-glitch ut-glitch-none ut-element-glitch-permanent\">\r\n                <div class=\"ut-glitch-single-element ut-lozad skip-lazy\" data-background-image=\"https:\/\/uxhero.de\/wp-content\/uploads\/2021\/03\/Simon-Biemer-4-1.jpg\"><\/div>\r\n                <div class=\"ut-glitch-single-element ut-lozad skip-lazy\" data-background-image=\"https:\/\/uxhero.de\/wp-content\/uploads\/2021\/03\/Simon-Biemer-4-1.jpg\"><\/div>\r\n                <div class=\"ut-glitch-single-element ut-lozad skip-lazy\" data-background-image=\"https:\/\/uxhero.de\/wp-content\/uploads\/2021\/03\/Simon-Biemer-4-1.jpg\"><\/div>\r\n                <div class=\"ut-glitch-single-element ut-lozad skip-lazy\" data-background-image=\"https:\/\/uxhero.de\/wp-content\/uploads\/2021\/03\/Simon-Biemer-4-1.jpg\"><\/div>\r\n                <div class=\"ut-glitch-single-element ut-lozad skip-lazy\" data-background-image=\"https:\/\/uxhero.de\/wp-content\/uploads\/2021\/03\/Simon-Biemer-4-1.jpg\"><\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"ut-lazy skip-lazy ut-animated-image\"  id=\"ut_am_69ef4aa36b742\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 1067 1600'%2F%3E\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2021\/03\/Simon-Biemer-4-1.jpg\" width=\"1067\" height=\"1600\" alt=\"Lead UX Designer \u00b7 UX Strategist \u00b7 Design System Expert\"\/><\/div><\/a><div class=\"ut-gallery-slider-caption\">Lead UX Designer \u00b7 UX Strategist \u00b7 Design System Expert<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\" ><div id=\"ut_inner_column_69ef4aa36c238\" class=\"vc_column-inner\" ><div class=\"wpb_wrapper\"><div class=\"wpb_content_element\"><style type=\"text\/css\">#ut_header_69ef4aa36d0dc h2.section-title, #ut_header_69ef4aa36d0dc h2.section-title span { color:#ffffff; }#ut_header_69ef4aa36d0dc h2.section-title { font-size:45px !important; }#ut_header_69ef4aa36d0dc .lead { color:#ffffff; }#ut_header_69ef4aa36d0dc .lead p { color:#ffffff; }#ut_header_69ef4aa36d0dc.pt-style-2 .page-title span:after, #ut_header_69ef4aa36d0dc.pt-style-2 .parallax-title span:after, #ut_header_69ef4aa36d0dc.pt-style-2 .section-title span:after { background-color:#ffffff !important;}<\/style><header id=\"ut_header_69ef4aa36d0dc\" class=\"section-header  ut-no-title-linebreak-mobile ut-no-lead-linebreak-mobile pt-style-2 header-left header-tablet-left header-mobile-center\"><h2 data-title=\"&#x1f44b; Ich bin\u2019s, Simon.&#13;&#10;Lead UX Designer \u00b7 UX Strategist \u00b7 Design System Expert\"  data-responsive-font=\"section_title\" data-responsive-font-settings=\"{&quot;base-font-size&quot;:&quot;global&quot;,&quot;font-size&quot;:{&quot;desktop_large&quot;:&quot;45&quot;},&quot;base-line-height&quot;:&quot;global&quot;,&quot;base-letter-spacing&quot;:&quot;global&quot;}\" class=\"section-title title-with-linebreak\"><span>\ud83d\udc4b Hi, I\u2019m Simon.<br \/>\nLead UX Designer \u00b7 UX Strategist \u00b7 Design System Expert<\/span><\/h2><div data-delay=\"0\" class=\"lead title-with-linebreak\"><p>Starting out as a Frontend Engineer, I moved into Usability Engineering and eventually became a Lead UX Designer.\nWith over 15 years of experience across startups, agencies, and global enterprises, I\u2019ve built design teams, implemented design systems, and shaped digital products used by millions of people.<\/p>\n<p>Focus areas:<br \/>\n\u2013 UX Design for Web &amp; Mobile<br \/>\n\u2013 Design Systems &amp; DesignOps<br \/>\n\u2013 Team &amp; Process Leadership in Agile Environments<\/p>\n<p>My approach:\nUnderstand users, optimize processes, and create products that delight.\nThat only works through empathy, systems thinking, and a clear understanding of technical feasibility.<\/p>\n<\/div><\/header><\/div><div class=\"wpb_content_element\"><style type=\"text\/css\">#ut_p_quote_69ef4aa36ea65 .ut-parallax-icon-wrap { margin: 0 auto 20px auto; }@media (min-width: 768px) and (max-width: 1024px) {#ut_p_quote_69ef4aa36ea65 { text-align: center; }#ut_p_quote_69ef4aa36ea65 .ut-parallax-icon-wrap { margin: 0 auto 20px auto; }}@media (max-width: 767px) {#ut_p_quote_69ef4aa36ea65 { text-align: center; }#ut_p_quote_69ef4aa36ea65 .ut-parallax-icon-wrap { margin: 0 auto 20px auto; }}#ut_p_quote_69ef4aa36ea65 blockquote { color: #ffffff; }#ut_p_quote_69ef4aa36ea65 .ut-parallax-quote-title .fa-quote-left { color: #ffffff; }#ut_p_quote_69ef4aa36ea65 .ut-parallax-quote-title .fa-quote-right { color: #ffffff; }#ut_p_quote_69ef4aa36ea65 blockquote ins { background-color: transparent; color: #ffffff; }#ut_p_quote_69ef4aa36ea65 .ut-parallax-quote-name { color: #ffffff; }#ut_p_quote_69ef4aa36ea65 .ut-parallax-quote-name-wrap { margin-top: 20px; }#ut_p_quote_69ef4aa36ea65 .ut-parallax-quote-name { margin-top: 0; }<\/style><div id=\"ut_p_quote_69ef4aa36ea65\" data-revealfx-color=\"rgba(252, 165, 14, 1)\" class=\"ut-parallax-quote ut-parallax-quote-align-center ut-parallax-quote-tablet-align-center ut-parallax-quote-mobile-align-center\"><blockquote data-responsive-font=\"blockquote\" data-appear-top-offset=\"-200\" id=\"ut_reveal_69ef4aa36ea5f\" class=\"ut-parallax-quote-title ut-no-parallax-quote-linebreak-mobile element-with-custom-line-height\"><span class=\"quote-left\">\"<\/span>Everything is designed, but some things are designed well.<span class=\"quote-right\">\"<\/span><\/blockquote><br \/><div class=\"ut-parallax-quote-name-wrap\"><span class=\"ut-parallax-quote-name\">Don Norman<\/span><\/div><\/div><\/div><div class=\"wpb_content_element ut-gallery-10  clearfix\"><style type=\"text\/css\">#ut_ig_69ef4aa36eb8a .ut-lazy:not(.ut-image-loaded) + .ut-video-module-loading { display:block; }#ut_ig_69ef4aa36eb8a .ut-lazy.ut-image-loaded + .ut-video-module-loading { display:none; }<\/style><div id=\"ut_ig_69ef4aa36eb8a\" class=\"ut-image-gallery ut-image-gallery-module  ut-image-gallery-10 clearfix\" data-settings=\"{&quot;animate&quot;:true,&quot;effect&quot;:&quot;&quot;,&quot;lazy&quot;:true,&quot;delay_animation&quot;:false,&quot;global_delay_animation&quot;:false,&quot;delay_timer&quot;:100,&quot;global_delay_timer&quot;:100}\" ><div  data-count=\"3\" class=\"ut-image-gallery-item ut-animation-done grid-33 tablet-grid-33 mobile-grid-100\"><a  href=\"https:\/\/www.interaction-design.org\/\" target=\"_blank\" class=\"\"><div class=\"ut-image-gallery-image\" ><img decoding=\"async\"  class=\"ut-lazy skip-lazy\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 150 600'%2F%3E\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2021\/02\/interaction_design_foundation_600px.png\" width=\"150\" height=\"\"><\/div><\/a><\/div><div  data-count=\"3\" class=\"ut-image-gallery-item ut-animation-done ut-animation-done grid-33 tablet-grid-33 mobile-grid-100\"><a  href=\"https:\/\/www.germanupa.de\/\" target=\"_blank\" class=\"\"><div class=\"ut-image-gallery-image\" ><img decoding=\"async\"  class=\"ut-lazy skip-lazy\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 150 600'%2F%3E\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2021\/02\/german_userexperience_professionals_association_600px.png\" width=\"150\" height=\"\"><\/div><\/a><\/div><div  data-count=\"3\" class=\"ut-image-gallery-item ut-animation-done ut-animation-done ut-animation-done grid-33 tablet-grid-33 mobile-grid-100\"><a  href=\"https:\/\/idz.de\/\" target=\"_blank\" class=\"\"><div class=\"ut-image-gallery-image\" ><img decoding=\"async\"  class=\"ut-lazy skip-lazy\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 150 600'%2F%3E\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2021\/02\/internationales_design_zentrum_berlin_300.png\" width=\"150\" height=\"\"><\/div><\/a><\/div><div class=\"ut-image-gallery-sizer\"><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><a data-id=\"section-about\" class=\"ut-vc-offset-anchor-bottom\" name=\"section-about\">About<\/a><style type=\"text\/css\">#ut-section-69ef4aa368a8d{padding-bottom: 0px !important;background-color: #fca50e !important;} <\/style><\/section><div class=\"vc_row-full-width vc_clearfix\"><\/div><section id=\"ut-section-69ef4aa374fc6\" data-section-title=\"Skills\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-cursor-skin=\"global\" class=\"vc_section ut-vc-120 vc_section-has-fill ut-section-69ef4aa374fe5 bklyn-section-with-overlay ut-parallax-section\"><div id=\"ut-parallax-69ef4aa37501a\" data-parallax-factor=\"5\" data-background-image=\"https:\/\/uxhero.de\/wp-content\/uploads\/2020\/09\/1920x1280_uxhero_bg_skills.jpg?id=3997\" class=\"parallax-scroll-container parallax-scroll-container-hide ut-background-lozad\"><\/div><div id=\"ut-section-overlay-69ef4aa375011\" class=\"bklyn-overlay\"><\/div><div id=\"ut-row-69ef4aa376850\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_column-gap-0 ut-row-69ef4aa376864\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\" ><div id=\"ut_inner_column_69ef4aa37766d\" class=\"vc_column-inner\" ><div class=\"wpb_wrapper\"><div class=\"wpb_content_element\"><style type=\"text\/css\">#ut_header_69ef4aa377d8c h2.section-title, #ut_header_69ef4aa377d8c h2.section-title span { color:#ffffff; }#ut_header_69ef4aa377d8c h2.section-title { font-size:45px !important; }#ut_header_69ef4aa377d8c .lead { color:#ffffff; }#ut_header_69ef4aa377d8c .lead p { color:#ffffff; }#ut_header_69ef4aa377d8c.pt-style-2 .page-title span:after, #ut_header_69ef4aa377d8c.pt-style-2 .parallax-title span:after, #ut_header_69ef4aa377d8c.pt-style-2 .section-title span:after { background-color:#ffffff !important;}<\/style><header id=\"ut_header_69ef4aa377d8c\" class=\"section-header  ut-no-title-linebreak-mobile ut-no-lead-linebreak-mobile pt-style-2 header-center header-tablet-center header-mobile-center\"><h2 data-title=\"Meine Kernkompetenzen\"  data-responsive-font=\"section_title\" data-responsive-font-settings=\"{&quot;base-font-size&quot;:&quot;global&quot;,&quot;font-size&quot;:{&quot;desktop_large&quot;:&quot;45&quot;},&quot;base-line-height&quot;:&quot;global&quot;,&quot;base-letter-spacing&quot;:&quot;global&quot;}\" class=\"section-title\"><span>MY CORE COMPETENCIES<\/span><\/h2><div data-delay=\"0\" class=\"lead\"><p>As a designer, I combine broad UX experience with deep expertise in design systems, strategy, and leadership.\nThis enables me to work hands-on while empowering teams and organizations to create user-centered products that are efficient and scalable.<\/p>\n<\/div><\/header><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div id=\"ut-row-69ef4aa379907\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_column-gap-0 ut-row-69ef4aa379918\" ><div class=\"wpb_column vc_column_container vc_col-sm-6\" ><div id=\"ut_inner_column_69ef4aa37a5af\" class=\"vc_column-inner\" ><div class=\"wpb_wrapper\"><div class=\"wpb_content_element  vc_custom_1759059991482\"><style type=\"text\/css\">#ut_pb_69ef4aa37a735 .ut-skill-name { color: #ffffff; }#ut_pb_69ef4aa37a735 .ut-skill-name { font-size: 18px; }#ut_pb_69ef4aa37a735 .ut-skill-name { font-weight: 700; }#ut_pb_69ef4aa37a735 .ut-skill-progress-thin { background: #fca50e; }#ut_pb_69ef4aa37a735 .ut-skill-tooltip { color: #ffffff; }#ut_pb_69ef4aa37a735 .ut-skill-tooltip { background: rgba(255,255,255, 0); }#ut_pb_69ef4aa37a735 .ut-skill-tooltip::after { border-color: rgba(255,255,255, 0) transparent; }<\/style><div id=\"ut_pb_69ef4aa37a735\" class=\"ut-progress-bar-module-2 ut-progress-bar-percentage-digits-2\"><h3 class=\"ut-skill-name\">\ud83c\udfaf UX Strategy &amp; Consulting<\/h3><div class=\"ut-skill-bar-thin\"><div class=\"ut-skill-progress-thin ut-skill-active\" data-speed=\"1000\" data-animateonce=\"yes\" data-effecttype=\"skillbar\" data-width=\"90\"><span class=\"ut-skill-tooltip\">90%<\/span><\/div><\/div><\/div><\/div><style type=\"text\/css\">#ut_label_69ef4aa37a7ca .ut-label-module { color:#ffffff; }#ut_label_69ef4aa37a7ca .ut-label-module { border-radius:4px; }#ut_label_69ef4aa37a7ca .ut-label-module { font-size:14px; line-height:140%; }#ut_label_69ef4aa37a7ca .ut-label-module { margin-left:0px;padding-left:0px }#ut_label_69ef4aa37a7ca { margin-bottom: 10px; }<\/style><ul id=\"ut_label_69ef4aa37a7ca\" class=\"ut-label-module-wrap ut-label-module-wrap-left ut-label-module-wrap-inline\"><li><span id=\"ut_single_label_69ef4aa37a7e5\" class=\"ut-label-module\" >Develop UX strategies, translate research insights, define roadmaps, and establish design as a sustainable part of the organization.<\/span><\/li><\/ul><div class=\"wpb_content_element  vc_custom_1759060048584\"><style type=\"text\/css\">#ut_pb_69ef4aa37a81a .ut-skill-name { color: #ffffff; }#ut_pb_69ef4aa37a81a .ut-skill-name { font-size: 18px; }#ut_pb_69ef4aa37a81a .ut-skill-name { font-weight: 700; }#ut_pb_69ef4aa37a81a .ut-skill-progress-thin { background: #fca50e; }#ut_pb_69ef4aa37a81a .ut-skill-tooltip { color: #ffffff; }#ut_pb_69ef4aa37a81a .ut-skill-tooltip { background: rgba(255,255,255, 0); }#ut_pb_69ef4aa37a81a .ut-skill-tooltip::after { border-color: rgba(255,255,255, 0) transparent; }<\/style><div id=\"ut_pb_69ef4aa37a81a\" class=\"ut-progress-bar-module-2 ut-progress-bar-percentage-digits-3\"><h3 class=\"ut-skill-name\">\u2699\ufe0f Design Systems &amp; DesignOps<\/h3><div class=\"ut-skill-bar-thin\"><div class=\"ut-skill-progress-thin ut-skill-active\" data-speed=\"1000\" data-animateonce=\"yes\" data-effecttype=\"skillbar\" data-width=\"100\"><span class=\"ut-skill-tooltip\">100%<\/span><\/div><\/div><\/div><\/div><style type=\"text\/css\">#ut_label_69ef4aa37a852 .ut-label-module { color:#ffffff; }#ut_label_69ef4aa37a852 .ut-label-module { border-radius:4px; }#ut_label_69ef4aa37a852 .ut-label-module { font-size:14px; line-height:140%; }#ut_label_69ef4aa37a852 .ut-label-module { margin-left:0px;padding-left:0px }#ut_label_69ef4aa37a852 { margin-bottom: 10px; }<\/style><ul id=\"ut_label_69ef4aa37a852\" class=\"ut-label-module-wrap ut-label-module-wrap-left ut-label-module-wrap-inline\"><li><span id=\"ut_single_label_69ef4aa37a85b\" class=\"ut-label-module\" >Build scalable, token-based systems, optimize workflows, and bridge the gap between design and development for efficient delivery.<\/span><\/li><\/ul><div class=\"wpb_content_element  vc_custom_1759060056865\"><style type=\"text\/css\">#ut_pb_69ef4aa37a884 .ut-skill-name { color: #ffffff; }#ut_pb_69ef4aa37a884 .ut-skill-name { font-size: 18px; }#ut_pb_69ef4aa37a884 .ut-skill-name { font-weight: 700; }#ut_pb_69ef4aa37a884 .ut-skill-progress-thin { background: #fca50e; }#ut_pb_69ef4aa37a884 .ut-skill-tooltip { color: #ffffff; }#ut_pb_69ef4aa37a884 .ut-skill-tooltip { background: rgba(255,255,255, 0); }#ut_pb_69ef4aa37a884 .ut-skill-tooltip::after { border-color: rgba(255,255,255, 0) transparent; }<\/style><div id=\"ut_pb_69ef4aa37a884\" class=\"ut-progress-bar-module-2 ut-progress-bar-percentage-digits-2\"><h3 class=\"ut-skill-name\">\ud83e\udd1d Leadership &amp; Team Development<\/h3><div class=\"ut-skill-bar-thin\"><div class=\"ut-skill-progress-thin ut-skill-active\" data-speed=\"1000\" data-animateonce=\"yes\" data-effecttype=\"skillbar\" data-width=\"85\"><span class=\"ut-skill-tooltip\">85%<\/span><\/div><\/div><\/div><\/div><style type=\"text\/css\">#ut_label_69ef4aa37a8b6 .ut-label-module { color:#ffffff; }#ut_label_69ef4aa37a8b6 .ut-label-module { border-radius:4px; }#ut_label_69ef4aa37a8b6 .ut-label-module { font-size:14px; line-height:140%; }#ut_label_69ef4aa37a8b6 .ut-label-module { margin-left:0px;padding-left:0px }#ut_label_69ef4aa37a8b6 { margin-bottom: 10px; }<\/style><ul id=\"ut_label_69ef4aa37a8b6\" class=\"ut-label-module-wrap ut-label-module-wrap-left ut-label-module-wrap-inline\"><li><span id=\"ut_single_label_69ef4aa37a8c0\" class=\"ut-label-module\" >Build, lead, and coach UX teams \u2013 with a focus on empowerment, cross-functional collaboration, and agile ways of working.<\/span><\/li><\/ul><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\" ><div id=\"ut_inner_column_69ef4aa37af05\" class=\"vc_column-inner\" ><div class=\"wpb_wrapper\"><div class=\"wpb_content_element  vc_custom_1759060063468\"><style type=\"text\/css\">#ut_pb_69ef4aa37afca .ut-skill-name { color: #ffffff; }#ut_pb_69ef4aa37afca .ut-skill-name { font-size: 18px; }#ut_pb_69ef4aa37afca .ut-skill-name { font-weight: 700; }#ut_pb_69ef4aa37afca .ut-skill-progress-thin { background: #fca50e; }#ut_pb_69ef4aa37afca .ut-skill-tooltip { color: #ffffff; }#ut_pb_69ef4aa37afca .ut-skill-tooltip { background: rgba(255,255,255, 0); }#ut_pb_69ef4aa37afca .ut-skill-tooltip::after { border-color: rgba(255,255,255, 0) transparent; }<\/style><div id=\"ut_pb_69ef4aa37afca\" class=\"ut-progress-bar-module-2 ut-progress-bar-percentage-digits-3\"><h3 class=\"ut-skill-name\">\ud83d\udcf1 UX Design (Web &amp; Mobile)<\/h3><div class=\"ut-skill-bar-thin\"><div class=\"ut-skill-progress-thin ut-skill-active\" data-speed=\"1000\" data-animateonce=\"yes\" data-effecttype=\"skillbar\" data-width=\"100\"><span class=\"ut-skill-tooltip\">100%<\/span><\/div><\/div><\/div><\/div><style type=\"text\/css\">#ut_label_69ef4aa37b011 .ut-label-module { color:#ffffff; }#ut_label_69ef4aa37b011 .ut-label-module { border-radius:4px; }#ut_label_69ef4aa37b011 .ut-label-module { font-size:14px; line-height:140%; }#ut_label_69ef4aa37b011 .ut-label-module { margin-left:0px;padding-left:0px }#ut_label_69ef4aa37b011 { margin-bottom: 10px; }<\/style><ul id=\"ut_label_69ef4aa37b011\" class=\"ut-label-module-wrap ut-label-module-wrap-left ut-label-module-wrap-inline\"><li><span id=\"ut_single_label_69ef4aa37b020\" class=\"ut-label-module\" >Information architecture, interaction design, prototyping, and UI design for digital products across web and mobile platforms.<\/span><\/li><\/ul><div class=\"wpb_content_element  vc_custom_1759060249098\"><style type=\"text\/css\">#ut_pb_69ef4aa37b04e .ut-skill-name { color: #ffffff; }#ut_pb_69ef4aa37b04e .ut-skill-name { font-size: 18px; }#ut_pb_69ef4aa37b04e .ut-skill-name { font-weight: 700; }#ut_pb_69ef4aa37b04e .ut-skill-progress-thin { background: #fca50e; }#ut_pb_69ef4aa37b04e .ut-skill-tooltip { color: #ffffff; }#ut_pb_69ef4aa37b04e .ut-skill-tooltip { background: rgba(255,255,255, 0); }#ut_pb_69ef4aa37b04e .ut-skill-tooltip::after { border-color: rgba(255,255,255, 0) transparent; }<\/style><div id=\"ut_pb_69ef4aa37b04e\" class=\"ut-progress-bar-module-2 ut-progress-bar-percentage-digits-2\"><h3 class=\"ut-skill-name\">\ud83e\udd16 AI-driven &amp; Emerging Interfaces<\/h3><div class=\"ut-skill-bar-thin\"><div class=\"ut-skill-progress-thin ut-skill-active\" data-speed=\"1000\" data-animateonce=\"yes\" data-effecttype=\"skillbar\" data-width=\"65\"><span class=\"ut-skill-tooltip\">65%<\/span><\/div><\/div><\/div><\/div><style type=\"text\/css\">#ut_label_69ef4aa37b074 .ut-label-module { color:#ffffff; }#ut_label_69ef4aa37b074 .ut-label-module { border-radius:4px; }#ut_label_69ef4aa37b074 .ut-label-module { font-size:14px; line-height:140%; }#ut_label_69ef4aa37b074 .ut-label-module { margin-left:0px;padding-left:0px }#ut_label_69ef4aa37b074 { margin-bottom: 10px; }<\/style><ul id=\"ut_label_69ef4aa37b074\" class=\"ut-label-module-wrap ut-label-module-wrap-left ut-label-module-wrap-inline\"><li><span id=\"ut_single_label_69ef4aa37b07b\" class=\"ut-label-module\" >Explore new opportunities through AI, conversational, and adaptive interfaces to create future-ready user experiences.<\/span><\/li><\/ul><div class=\"wpb_content_element  vc_custom_1759060078459\"><style type=\"text\/css\">#ut_pb_69ef4aa37b094 .ut-skill-name { color: #ffffff; }#ut_pb_69ef4aa37b094 .ut-skill-name { font-size: 18px; }#ut_pb_69ef4aa37b094 .ut-skill-name { font-weight: 700; }#ut_pb_69ef4aa37b094 .ut-skill-progress-thin { background: #fca50e; }#ut_pb_69ef4aa37b094 .ut-skill-tooltip { color: #ffffff; }#ut_pb_69ef4aa37b094 .ut-skill-tooltip { background: rgba(255,255,255, 0); }#ut_pb_69ef4aa37b094 .ut-skill-tooltip::after { border-color: rgba(255,255,255, 0) transparent; }<\/style><div id=\"ut_pb_69ef4aa37b094\" class=\"ut-progress-bar-module-2 ut-progress-bar-percentage-digits-2\"><h3 class=\"ut-skill-name\">\u267f Accessibility &amp; Inclusive Design<\/h3><div class=\"ut-skill-bar-thin\"><div class=\"ut-skill-progress-thin ut-skill-active\" data-speed=\"1000\" data-animateonce=\"yes\" data-effecttype=\"skillbar\" data-width=\"70\"><span class=\"ut-skill-tooltip\">70%<\/span><\/div><\/div><\/div><\/div><style type=\"text\/css\">#ut_label_69ef4aa37b0b9 .ut-label-module { color:#ffffff; }#ut_label_69ef4aa37b0b9 .ut-label-module { border-radius:4px; }#ut_label_69ef4aa37b0b9 .ut-label-module { font-size:14px; line-height:140%; }#ut_label_69ef4aa37b0b9 .ut-label-module { margin-left:0px;padding-left:0px }#ut_label_69ef4aa37b0b9 { margin-bottom: 10px; }<\/style><ul id=\"ut_label_69ef4aa37b0b9\" class=\"ut-label-module-wrap ut-label-module-wrap-left ut-label-module-wrap-inline\"><li><span id=\"ut_single_label_69ef4aa37b0c2\" class=\"ut-label-module\" >Design products that are accessible to everyone \u2013 including standards compliance and best practices for inclusive design.<\/span><\/li><\/ul><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><a data-id=\"section-without-id\" class=\"ut-vc-offset-anchor-bottom\" name=\"section-without-id\"><\/a><style type=\"text\/css\">#ut-section-69ef4aa374fc6{}#ut-section-overlay-69ef4aa375011{ background-color: rgba(0, 0, 0, 0.5);} #ut-parallax-69ef4aa37501a{background-size: cover !important}#ut-parallax-69ef4aa37501a { background-position: center bottom; }<\/style><\/section><div class=\"vc_row-full-width vc_clearfix\"><\/div><section id=\"ut-section-69ef4aa37ccc6\" data-section-title=\"Portfolio\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-cursor-skin=\"global\" class=\"vc_section ut-vc-120 vc_section-has-fill ut-section-69ef4aa37ccde ut-section-with-linking\"><a id=\"section-portfolio\" data-id=\"section-portfolio\" class=\"ut-vc-offset-anchor-top\" name=\"section-portfolio\">Portfolio<\/a><div id=\"ut-row-69ef4aa37de37\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_column-gap-0 ut-row-69ef4aa37de48\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\" ><div id=\"ut_inner_column_69ef4aa37ea86\" class=\"vc_column-inner\" ><div class=\"wpb_wrapper\"><div class=\"wpb_content_element\"><style type=\"text\/css\">#ut_header_69ef4aa37f106 h2.section-title, #ut_header_69ef4aa37f106 h2.section-title span { color:#ffffff; }#ut_header_69ef4aa37f106 h2.section-title { font-size:45px !important; }#ut_header_69ef4aa37f106 .lead { color:#ffffff; }#ut_header_69ef4aa37f106 .lead p { color:#ffffff; }#ut_header_69ef4aa37f106.pt-style-2 .page-title span:after, #ut_header_69ef4aa37f106.pt-style-2 .parallax-title span:after, #ut_header_69ef4aa37f106.pt-style-2 .section-title span:after { background-color:#ffffff !important;}<\/style><header id=\"ut_header_69ef4aa37f106\" class=\"section-header  ut-no-title-linebreak-mobile ut-no-lead-linebreak-mobile pt-style-2 header-center header-tablet-center header-mobile-center\"><h2 data-title=\"Portfolio\"  data-responsive-font=\"section_title\" data-responsive-font-settings=\"{&quot;base-font-size&quot;:&quot;global&quot;,&quot;font-size&quot;:{&quot;desktop_large&quot;:&quot;45&quot;},&quot;base-line-height&quot;:&quot;global&quot;,&quot;base-letter-spacing&quot;:&quot;global&quot;}\" class=\"section-title\"><span>Portfolio<\/span><\/h2><div data-delay=\"0\" class=\"lead\"><p>Case studies that show how I combine strategy, user-centered design, and team development to create lasting impact.<\/p>\n<\/div><\/header><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div id=\"ut-row-69ef4aa380c26\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_column-gap-0 vc_row-no-padding ut-row-69ef4aa380c38\" ><a id=\"section-portfolio\" data-id=\"section-portfolio\" class=\"ut-vc-offset-anchor-top\" name=\"section-portfolio\">portfolio<\/a><div class=\"wpb_column vc_column_container vc_col-sm-12\" ><div id=\"ut_inner_column_69ef4aa381baf\" class=\"vc_column-inner\" ><div class=\"wpb_wrapper\"><div class=\"wpb_content_element   vc_custom_1593161914133\">\r\n        <script type=\"text\/javascript\">\r\n        (function($) {\r\n\r\n            \"use strict\";\r\n\r\n            \/* check if is in vc front end\r\n            ================================================== *\/\r\n            function inIframe() {\r\n\r\n                var field = 'vc_editable';\r\n                var url = window.location.href ;\r\n\r\n                if( url.indexOf('?' + field + '=') !== -1 ) {\r\n\r\n                    return true;\r\n\r\n                } else if( url.indexOf('&' + field + '=') !== -1 ) {\r\n\r\n                    return true;\r\n\r\n                } else {\r\n\r\n                    return false;\r\n\r\n                }\r\n\r\n            }\r\n\r\n            if( inIframe() ) {\r\n\r\n                $(window).trigger(\"load\");\r\n\r\n            }\r\n\r\n            $(window).on(\"load\", function(){\r\n\r\n                $(document).ready( function(){\r\n\r\n                var inc = \"0\";\r\n\r\n                function calculate_portfolio_item_width_with_gutter( $container, columns, guttersize, increament ) {\r\n\r\n                    var step = increament ? increament : 0.1,\r\n                        extra_spacing = $container.hasClass('ut-portfolio-item-container-with-background') ? guttersize : 0,\r\n                        size = ( $container.get(0).getBoundingClientRect().width - extra_spacing - guttersize ) \/ columns - ( guttersize * ( columns - 1 ) \/ columns ) - step;\r\n\r\n                    if( ( ( size + guttersize ) * columns ) < $container.get(0).getBoundingClientRect().width ) {\r\n\r\n                        inc = 0;\r\n                        return size;\r\n\r\n                    } else {\r\n\r\n                        inc = inc + 0.2;\r\n                        return calculate_portfolio_item_width_with_gutter( $container, columns, guttersize, inc );\r\n\r\n                    }\r\n\r\n                }\r\n\r\n                var $win = $(window),\r\n                    $container = $(\"#ut-portfolio-items-3884\"),\r\n\t\t\t\t\tcolumns = 3,\r\n\t\t\t\t\tgutter = \"on\",\r\n\t\t\t\t\tgutterwidth = \"\",\r\n                    guttersize = \"1\";\r\n\r\n\t\t\t\t$container.on( \"layoutComplete\", function( event, filteredItems ){\r\n\r\n\t\t\t\t\t$(filteredItems).each(function( index, element ){\r\n\r\n\t\t\t\t\t\t$(element.element).addClass(\"sorted\").css({\r\n\t\t\t\t\t\t\t\"opacity\" : \"1\", \"transform\" : \"scale(1)\" \t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t});\r\n\r\n                    $container.addClass(\"layoutComplete\");\r\n\r\n                    $(window).trigger('scroll');\r\n                    $.waypoints(\"refresh\");\r\n                    $.force_appear();\r\n\r\n                    setTimeout(function(  ) {\r\n\r\n                        $(window).trigger('scroll');\r\n                        $.waypoints(\"refresh\");\r\n                        $.force_appear();\r\n\r\n                    }, 401 );\r\n\r\n\r\n\t\t\t\t});\r\n\r\n                var hide_timout,sort_timeout;\r\n\r\n\t\t\t\tfunction hide_portfolio_articles( selector ) {\r\n\r\n                    $container.removeClass(\"layoutComplete\");\r\n\r\n\t\t\t\t\tclearTimeout( hide_timout );\r\n                    clearTimeout(sort_timeout)\r\n\t\t\t\t\t$(\"> .ut-portfolio-article\", \"#ut-portfolio-items-3884\").each(function(){\r\n\r\n\r\n\t\t\t\t\t\tif( $(window).width() <= 1024 ) {\r\n\r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\"\r\n                            });\r\n\r\n                        } else {\r\n\r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\", \"transform\" : \"scale(0.001)\"                                                             });\r\n\r\n                        }\r\n\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tsetTimeout( function() {\r\n\r\n\t\t\t\t\t\t$(\"> .ut-portfolio-article .ut-portfolio-article-animation-box\", \"#ut-portfolio-items-3884\").each(function(){\r\n\r\n                            var $this = $(this);\r\n\r\n\t\t\t\t\t\t\t$this.clearQueue().css({\r\n\t\t\t\t\t\t\t\t\"visibility\" : \"hidden\",\r\n\t\t\t\t\t\t\t\t\"opacity\" : \"0\"\r\n\t\t\t\t\t\t\t}).removeClass( $this.children(\".ut-portfolio-item\").data(\"effect\") );\r\n\r\n\t\t\t\t\t\t});\r\n\r\n                        hide_timout = setTimeout(function(  ) {\r\n\r\n                            $container.isotope({ filter: selector });\r\n\r\n                        }, 400 );\r\n\r\n                        sort_timeout = setTimeout( function() {\r\n                            $container.find('.sorted').each( function() {\r\n                                let box = $(this).find('.ut-portfolio-article-animation-box');\r\n                                if( box.data('effect') === 'noneAnimation' ) {\r\n                                    box.css({\r\n                                        \"visibility\": \"visible\",\r\n                                        \"opacity\": \"1\"\r\n                                    })\r\n                                }\r\n                            } )\r\n                        }, 500 )\r\n\t\t\t\t\t}, 400 );\r\n\r\n\t\t\t\t}\r\n\r\n                function hide_and_relayout_portfolio_articles( callback ) {\r\n\r\n                    $container.removeClass(\"layoutComplete\");\r\n                    $(\"> .ut-portfolio-article\", \"#ut-portfolio-items-3884\").each(function(){\r\n\r\n                        if( $(window).width() <= 1024 ) {\r\n\r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\"\r\n                            });\r\n\r\n                        } else {\r\n\r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\", \"transform\" : \"scale(0.001)\"                                                             });\r\n\r\n                        }\r\n\r\n                    });\r\n\r\n                    setTimeout( function() {\r\n\r\n                        if( callback && typeof(callback) === \"function\" ) {\r\n\r\n                            callback();\r\n\r\n                        }\r\n\r\n                    }, 350 );\r\n\r\n                }\r\n\r\n\t\t\t\tfunction ut_call_isotope( force_column, callback ) {\r\n\r\n\t\t\t\t\tif( $(window).width() > 1024) {\r\n\t\t\t\t\t\tcolumns = 3;\r\n                        guttersize = \"1\";\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif( force_column ) {\r\n\t\t\t\t\t    columns = force_column;\r\n                    }\r\n\r\n\t\t\t\t\tif( $(window).width() <= 1024) {\r\n\t\t\t\t\t\tcolumns = 2;\r\n                        guttersize = \"1\";\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif( $(window).width() <= 767) {\r\n                        columns = 1;\r\n                        guttersize = 1;\r\n\t\t\t\t\t}\r\n\r\n                    if( $(window).width() <= 400 ) {\r\n                        guttersize = 1;\r\n                    }\r\n\r\n\t\t\t\t\tif( gutter === \"on\" ) {\r\n\r\n                        $container.children().width( calculate_portfolio_item_width_with_gutter( $container, columns, ( 20 * guttersize ), false ) ).addClass(\"show\");\r\n\t\t\t\t\t\tgutterwidth = 20 * guttersize;\r\n\r\n\t\t\t\t\t} else {\r\n\r\n                        $container.children().width( $container.get(0).getBoundingClientRect().width \/ columns - 0.05 ).addClass(\"show\");\r\n\t\t\t\t\t\tgutterwidth = 0;\r\n\r\n\t\t\t\t\t}\r\n\r\n                    if( callback && typeof(callback) === \"function\" ) {\r\n\r\n                        callback( columns, gutterwidth );\r\n\r\n                    } else {\r\n\r\n                        $container.ut_require_js({\r\n                            plugin: 'isotope',\r\n                            source: 'isotope',\r\n                            callback: function (element) {\r\n\r\n                                element.addClass(\"animated\").isotope({\r\n\r\n                                    itemSelector : \".ut-portfolio-article\",\r\n                                    layoutMode: \"fitRows\",\r\n                                    masonry: { columnWidth: element.get(0).getBoundingClientRect().width \/ columns - gutterwidth, gutter: gutterwidth },\r\n                                    itemPositionDataEnabled: true,\r\n                                    transitionDuration: 0\r\n\r\n                                }).isotope(\"layout\");\r\n\r\n                                $('.ut-lazy-wait', $container ).each(function (index, element ) {\r\n\r\n                                    $(element).removeClass('ut-lazy-wait');\r\n\r\n                                });\r\n\r\n                            }\r\n\r\n                        });\r\n\r\n                    }\r\n\r\n\t\t\t\t}\r\n\r\n                $(window).utresize(function(){\r\n\r\n                    \/* update isotope *\/\r\n                    ut_call_isotope();\r\n\r\n                });\r\n\r\n                \/* create isotope *\/\r\n                ut_call_isotope();\r\n                $container.on('inview', function() {\r\n                    ut_call_isotope();\r\n                });\r\n                $(window).on('scroll', function() {\r\n                    if( $container.data('loaded') !== 1 && $(this).scrollTop() > 260 ) {\r\n                        $container.attr('data-loaded', 1)\r\n                        $container.data('loaded', 1);\r\n                        ut_call_isotope();\r\n                    }\r\n                    if( $container.data('loaded1') !== 1 && $(this).scrollTop() > 600 ) {\r\n                        $container.attr('data-loaded1', 1)\r\n                        $container.data('loaded1', 1);\r\n                        ut_call_isotope();\r\n                    }\r\n                    if( $container.data('loaded2') !== 1 && $(this).scrollTop() > 780 ) {\r\n                        $container.attr('data-loaded2', 1)\r\n                        $container.data('loaded2', 1);\r\n                        ut_call_isotope();\r\n                    }\r\n                    if( $container.data('loaded3') !== 1 && $(this).scrollTop() > 900 ) {\r\n                        $container.attr('data-loaded3', 1)\r\n                        $container.data('loaded3', 1);\r\n                        ut_call_isotope();\r\n                    }\r\n                    if( $container.data('loaded4') !== 1 && $(this).scrollTop() > 1200 ) {\r\n                        $container.attr('data-loaded4', 1)\r\n                        $container.data('loaded4', 1);\r\n                        ut_call_isotope();\r\n                    }\r\n                })\r\n\t\t\t\t\/* additional call for ajax filter *\/\r\n\t\t\t\t\r\n                    \/* Isotope Filtering\r\n                    ================================================== *\/\r\n                    $(\"#ut-portfolio-menu-3884 a\").each(function( index ) {\r\n\r\n                        if( $(this).parent().hasClass('ut-portfolio-layout-change') ) {\r\n                            return true;\r\n                        }\r\n\r\n                        var searchforclass = $(this).attr(\"data-filter\");\r\n\r\n                        if( !$(searchforclass).length  ) {\r\n                            \/\/ hide filter if we do not have any children to filter\r\n                            $(this).hide();\r\n                        }\r\n\r\n                    });\r\n\r\n                    $(\"#ut-portfolio-menu-3884 a\").on('click', function(event) {\r\n\r\n                        var $this = $(this);\r\n\r\n                        if( $this.parent().hasClass('ut-portfolio-layout-change') ) {\r\n                            return true;\r\n                        }\r\n\r\n                        if( $this.hasClass(\"selected\") ) {\r\n\r\n                            event.preventDefault();\r\n                            return;\r\n\r\n                        }\r\n\r\n                        var selector = $this.attr(\"data-filter\");\r\n\r\n                        if ( !$this.hasClass(\"selected\") ) {\r\n\r\n                            $this.parents(\"#ut-portfolio-menu-3884\").find(\".selected\").removeClass(\"selected\");\r\n                            $this.addClass(\"selected\");\r\n\r\n                        }\r\n\r\n                        hide_portfolio_articles( selector );\r\n\r\n                        return false;\r\n\r\n                    });\r\n\r\n                    $(\"#ut-portfolio-menu-3884 .ut-portfolio-layout-change a\").on('click', function(event) {\r\n\r\n                        var $this = $(this),\r\n                            $columns = $this.data('default-columns'),\r\n                            $columns_alternate = $this.data('alternate-columns');\r\n\r\n                        var selector = $(\"#ut-portfolio-menu-3884 a.selected\").attr(\"data-filter\");\r\n\r\n                        \/\/ restore initial layout\r\n                        if( $this.hasClass('ut-alternate-columns-active') ) {\r\n\r\n                            hide_and_relayout_portfolio_articles( function () {\r\n\r\n                                ut_call_isotope( $columns, function ( columns, gutterwidth ) {\r\n\r\n                                    $(\"> .ut-portfolio-article .ut-portfolio-article-animation-box\", \"#ut-portfolio-items-3884\").css({\r\n                                        \"visibility\" : \"hidden\",\r\n                                        \"opacity\" : \"0\"\r\n                                    });\r\n\r\n                                    setTimeout(function() {\r\n\r\n                                        $container.isotope({\r\n                                            filter: selector\r\n                                        });\r\n\r\n                                    }, 760 );\r\n\r\n                                });\r\n\r\n                                $this.removeClass('ut-alternate-columns-active');\r\n\r\n                            });\r\n\r\n                        \/\/ switch to alternate layout\r\n                        } else {\r\n\r\n                            hide_and_relayout_portfolio_articles( function () {\r\n\r\n                                ut_call_isotope( $columns_alternate, function ( columns, gutterwidth ) {\r\n\r\n                                    $(\"> .ut-portfolio-article .ut-portfolio-article-animation-box\", \"#ut-portfolio-items-3884\").css({\r\n                                        \"visibility\" : \"hidden\",\r\n                                        \"opacity\" : \"0\"\r\n                                    });\r\n\r\n                                    setTimeout(function(  ) {\r\n\r\n                                        $container.isotope({\r\n                                            filter: selector\r\n                                        });\r\n\r\n                                    }, 760 );\r\n\r\n                                });\r\n\r\n                                $this.addClass('ut-alternate-columns-active');\r\n\r\n                            });\r\n\r\n                        }\r\n\r\n                        event.preventDefault();\r\n\r\n                    });\r\n\r\n\t\t\t\t\r\n           \t\t});\r\n\r\n            });\r\n\r\n        }(jQuery));\r\n\r\n        <\/script>\r\n\r\n\t\t<style id=\"ut-portfolio-custom-css-3884\" type=\"text\/css\">.ut-portfolio-3884 .ut-portfolio-item-container { background: rgba(17, 19, 20, 1) ; }.ut-portfolio-3884 .ut-portfolio-item-container { padding-top: 20px; }.ut-portfolio-3884.ut-carousel { background: rgba(17, 19, 20, 1) !important; }.ut-portfolio-3884 .ut-portfolio-item-packery-container { background: rgba(17, 19, 20, 1) ; }#ut-masonry-3884 { background: rgba(17, 19, 20, 1) ; }#ut-react-carousel-container-3884 { background: rgba(17, 19, 20, 1) ; }.ut-portfolio-3884 .ut-portfolio-info-c h3 {font-family:\"Mulish\" ; font-weight: 400 ; font-size: 20px ; text-transform: uppercase ;}.ut-portfolio-3884 .portfolio-title { font-family: ralewayregular ;}.ut-portfolio-3884 .ut-portfolio-info-c span {font-family:\"Mulish\" ; font-weight: 400 ; font-size: 14px ; text-transform: uppercase ;}.ut-portfolio-3884 .ut-portfolio-info-c h3 { color: rgba(252, 165, 14, 1) ; }.ut-portfolio-3884 .portfolio-title { color: rgba(252, 165, 14, 1); }.ut-portfolio-3884 .ut-portfolio-info-c, .ut-portfolio-3884 .ut-portfolio-info-c span { color: #ffffff ; }.ut-portfolio-3884 .ut-hover-layer .ut-portfolio-info { -webkit-justify-content: left !important; justify-content: left !important; }.ut-portfolio-3884 .ut-hover-layer .ut-portfolio-info-c { align-self: flex-start !important; text-align: left; }.ut-portfolio-3884 .portfolio-style-two .ut-portfolio-info i { text-align: left ;}.ut-portfolio-3884 .ut-rounded { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }.ut-portfolio-3884 .ut-portfolio-menu li a { font-weight: normal !important; }.ut-portfolio-3884 .ut-portfolio-menu li a { text-transform: uppercase !important; }.ut-portfolio-3884 .ut-portfolio-menu li a { font-style: normal !important; }.ut-portfolio-3884 .ut-portfolio-menu li a { letter-spacing: 0em !important; }.ut-portfolio-3884 .ut-hover-layer { background: rgba(0,0,0, 0.8); }<\/style><style id=\"ut-portfolio-single-custom-css\" type=\"text\/css\"><\/style><div id=\"ut-loader-3884\" class=\"ut-portfolio-detail-loader\"><i class=\"Bklyn-Core-Rotate-2\"><\/i><\/div><a id=\"ut-portfolio-details-anchor-3884\" href=\"#\" class=\"ut-portfolio-offset-anchor-top\"><\/a><div id=\"ut-portfolio-details-navigation-3884\" class=\"ut-portfolio-details-navigation grid-container\" data-slideup-width=\"centered\"><a class=\"prev-portfolio-details\" data-wrap=\"3884\" href=\"#\"><\/a><a class=\"close-portfolio-details\" data-wrap=\"3884\" href=\"#\"><\/a><a class=\"next-portfolio-details\" data-wrap=\"3884\" href=\"#\"><\/a><\/div><div id=\"ut-portfolio-details-wrap-3884\" class=\"ut-portfolio-details-wrap clearfix\"><div id=\"ut-portfolio-details-3884\" class=\"inner ut-portfolio-details\"><\/div><\/div><div class=\"clear\"><\/div><div id=\"ut-portfolio-wrap\" class=\"ut-portfolio-wrap ut-portfolio-3884\" data-slideup-title=\"on\" data-slideup-width=\"centered\" data-textcolor=\"rgba(252, 165, 14, 1)\" data-opacity=\"0.8\" data-hovercolor=\"0,0,0\"><a class=\"ut-portfolio-offset-anchor\" style=\"top:-120px;\" id=\"ut-portfolio-items-3884-anchor\"><\/a><div id=\"ut-portfolio-items-3884\" class=\"ut-portfolio-item-container has-gutter guttersize-1 ut-portfolio-item-container-with-background\"><article id=\"ut-portfolio-article-4565\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 embedded-filt  ux-design-filt  web-filt\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-rounded\" rel=\"bookmark\" title=\"WOLF Digital \u2013 MyWOLF Portal\" href=\"https:\/\/uxhero.de\/en\/portfolio-item\/wolf-mywolf-portal\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/1201-1920x1024-1-300x240.png&quot;,&quot;500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/1201-1920x1024-1-500x400.png&quot;,&quot;750&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/1201-1920x1024-1-750x600.png&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/1201-1920x1024-1-1000x800.png&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/1201-1920x1024-1-1500x1200.png&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/1201-1920x1024-1-2500x2000.png&quot;}\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1200&#039;%2F%3E\" width=\"1500\" height=\"1200\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2024\/12\/1201-1920x1024-1-1500x1200.png\" data-image-id=\"4574\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">WOLF Digital \u2013 MyWOLF Portal<\/h3><span>Embedded, UX Design, Web<\/span><\/div><\/div><\/div><\/a><\/div><\/div><\/article><article id=\"ut-portfolio-article-4561\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 mobile-filt  ux-design-filt\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-rounded\" rel=\"bookmark\" title=\"WOLF Smartset \u2013 CONTROL &#038; MONITORING APP FOR END CONSUMER\" href=\"https:\/\/uxhero.de\/en\/portfolio-item\/wolf-smartset-control-monitoring-app-for-end-consumer\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/WOLF_Teaser_iPhone-15-Pro-300x240.png&quot;,&quot;500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/WOLF_Teaser_iPhone-15-Pro-500x400.png&quot;,&quot;750&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/WOLF_Teaser_iPhone-15-Pro-750x600.png&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/WOLF_Teaser_iPhone-15-Pro-1000x800.png&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/WOLF_Teaser_iPhone-15-Pro-1500x1200.png&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/WOLF_Teaser_iPhone-15-Pro-2500x2000.png&quot;}\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1200&#039;%2F%3E\" width=\"1500\" height=\"1200\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2025\/10\/WOLF_Teaser_iPhone-15-Pro-1500x1200.png\" data-image-id=\"4555\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">WOLF Smartset \u2013 CONTROL &#038; MONITORING APP FOR END CONSUMER<\/h3><span>Mobile, UX Design<\/span><\/div><\/div><\/div><\/a><\/div><\/div><\/article><article id=\"ut-portfolio-article-4551\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 design-system-filt  strategy-filt\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-rounded\" rel=\"bookmark\" title=\"WOLF Digital \u2013 LUPINE Design System\" href=\"https:\/\/uxhero.de\/en\/portfolio-item\/wolf-digital-lupine-design-system\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/wolf-lupin-ds-cover-300x240.png&quot;,&quot;500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/wolf-lupin-ds-cover-500x400.png&quot;,&quot;750&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/wolf-lupin-ds-cover-750x600.png&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/wolf-lupin-ds-cover-1000x800.png&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/wolf-lupin-ds-cover-1500x1200.png&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/wolf-lupin-ds-cover-2500x2000.png&quot;}\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1200&#039;%2F%3E\" width=\"1500\" height=\"1200\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2024\/12\/wolf-lupin-ds-cover-1500x1200.png\" data-image-id=\"4559\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">WOLF Digital \u2013 LUPINE Design System<\/h3><span>Design System, Strategy<\/span><\/div><\/div><\/div><\/a><\/div><\/div><\/article><article id=\"ut-portfolio-article-4399\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 ux-design-filt  web-filt\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-rounded\" rel=\"bookmark\" title=\"DATA PORTAL \u2013 CLOUD DATA HUB (CDH)\" href=\"https:\/\/uxhero.de\/en\/portfolio-item\/data-portal-cloud-data-platform-cdh\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/BMW_Notifications__Overview-300x240.png&quot;,&quot;500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/BMW_Notifications__Overview-500x400.png&quot;,&quot;750&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/BMW_Notifications__Overview-750x600.png&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/BMW_Notifications__Overview-1000x800.png&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/BMW_Notifications__Overview-1500x1200.png&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/BMW_Notifications__Overview-2500x2000.png&quot;}\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1200&#039;%2F%3E\" width=\"1500\" height=\"1200\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2023\/02\/BMW_Notifications__Overview-1500x1200.png\" data-image-id=\"4400\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">DATA PORTAL \u2013 CLOUD DATA HUB (CDH)<\/h3><span>UX Design, Web<\/span><\/div><\/div><\/div><\/a><\/div><\/div><\/article><article id=\"ut-portfolio-article-3881\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 product_brand-filt\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-rounded\" rel=\"bookmark\" title=\"Garden \u2013 Product Brand\" href=\"https:\/\/uxhero.de\/en\/portfolio-item\/munich-re\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/garden_brandLogo-300x240.png&quot;,&quot;500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/garden_brandLogo-500x400.png&quot;,&quot;750&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/garden_brandLogo-750x600.png&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/garden_brandLogo-1000x800.png&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/garden_brandLogo-1500x1200.png&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/garden_brandLogo-2500x2000.png&quot;}\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1200&#039;%2F%3E\" width=\"1500\" height=\"1200\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2020\/11\/garden_brandLogo-1500x1200.png\" data-image-id=\"4249\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">Garden \u2013 Product Brand<\/h3><span>Product Brand<\/span><\/div><\/div><\/div><\/a><\/div><\/div><\/article><article id=\"ut-portfolio-article-3940\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 strategy-filt\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-rounded\" rel=\"bookmark\" title=\"Garden &#8211; UX Design Strategy\" href=\"https:\/\/uxhero.de\/en\/portfolio-item\/garden-ux-design-strategy\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/garden_colorsystem-300x240.png&quot;,&quot;500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/garden_colorsystem-500x400.png&quot;,&quot;750&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/garden_colorsystem-750x600.png&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/garden_colorsystem-1000x800.png&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/garden_colorsystem-1500x1200.png&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/garden_colorsystem-2500x2000.png&quot;}\" alt=\"ux design strategy for garden - color system\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1200&#039;%2F%3E\" width=\"1500\" height=\"1200\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2020\/07\/garden_colorsystem-1500x1200.png\" data-image-id=\"4143\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">Garden &#8211; UX Design Strategy<\/h3><span>Strategy<\/span><\/div><\/div><\/div><\/a><\/div><\/div><\/article><article id=\"ut-portfolio-article-3944\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 mobile-filt  ux-design-filt\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-rounded\" rel=\"bookmark\" title=\"Garden &#8211; Savings App\" href=\"https:\/\/uxhero.de\/en\/portfolio-item\/garden-savings-app\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/02-Saving-Detail-300x240.jpg&quot;,&quot;500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/02-Saving-Detail-500x400.jpg&quot;,&quot;750&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/02-Saving-Detail-750x600.jpg&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/02-Saving-Detail-1000x800.jpg&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/02-Saving-Detail-1500x1200.jpg&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/02-Saving-Detail-2500x2000.jpg&quot;}\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1200&#039;%2F%3E\" width=\"1500\" height=\"1200\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2020\/07\/02-Saving-Detail-1500x1200.jpg\" data-image-id=\"4054\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">Garden &#8211; Savings App<\/h3><span>Mobile, UX Design<\/span><\/div><\/div><\/div><\/a><\/div><\/div><\/article><article id=\"ut-portfolio-article-3950\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 mobile-filt  social_media-filt  web-filt\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-rounded\" rel=\"bookmark\" title=\"Garden \u2013 Online Communication Strategy\" href=\"https:\/\/uxhero.de\/en\/portfolio-item\/garden-online-communication-strategy\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/garden_socialMedia_AppStoreAds-300x240.png&quot;,&quot;500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/garden_socialMedia_AppStoreAds-500x400.png&quot;,&quot;750&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/garden_socialMedia_AppStoreAds-750x600.png&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/garden_socialMedia_AppStoreAds-1000x800.png&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/garden_socialMedia_AppStoreAds-1500x1200.png&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/garden_socialMedia_AppStoreAds-2500x2000.png&quot;}\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1200&#039;%2F%3E\" width=\"1500\" height=\"1200\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2020\/07\/garden_socialMedia_AppStoreAds-1500x1200.png\" data-image-id=\"4151\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">Garden \u2013 Online Communication Strategy<\/h3><span>Mobile, Social Media, Web<\/span><\/div><\/div><\/div><\/a><\/div><\/div><\/article><article id=\"ut-portfolio-article-3890\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 mobile-filt  ux-design-filt\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-rounded\" rel=\"bookmark\" title=\"HVB Mobile &#8211; Banking App\" href=\"https:\/\/uxhero.de\/en\/portfolio-item\/hypovereinsbank\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/hvb_bankingApp_financialOverview-300x240.jpg&quot;,&quot;500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/hvb_bankingApp_financialOverview-500x400.jpg&quot;,&quot;750&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/hvb_bankingApp_financialOverview-750x600.jpg&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/hvb_bankingApp_financialOverview-1000x800.jpg&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/hvb_bankingApp_financialOverview-1500x1200.jpg&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/hvb_bankingApp_financialOverview-2500x2000.jpg&quot;}\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1200&#039;%2F%3E\" width=\"1500\" height=\"1200\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2020\/06\/hvb_bankingApp_financialOverview-1500x1200.jpg\" data-image-id=\"4233\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">HVB Mobile &#8211; Banking App<\/h3><span>Mobile, UX Design<\/span><\/div><\/div><\/div><\/a><\/div><\/div><\/article><article id=\"ut-portfolio-article-3952\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 strategy-filt\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-rounded\" rel=\"bookmark\" title=\"HVB Mobile &#8211; UX Design Strategy\" href=\"https:\/\/uxhero.de\/en\/portfolio-item\/hvb-ux-design-strategy\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/hvbMobileBanking_designStrategy_financialOverview-300x240.png&quot;,&quot;500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/hvbMobileBanking_designStrategy_financialOverview-500x400.png&quot;,&quot;750&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/hvbMobileBanking_designStrategy_financialOverview-750x600.png&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/hvbMobileBanking_designStrategy_financialOverview-1000x800.png&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/hvbMobileBanking_designStrategy_financialOverview-1500x1200.png&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/uxhero.de\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/hvbMobileBanking_designStrategy_financialOverview-2500x2000.png&quot;}\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1200&#039;%2F%3E\" width=\"1500\" height=\"1200\" data-src=\"https:\/\/uxhero.de\/wp-content\/uploads\/2020\/11\/hvbMobileBanking_designStrategy_financialOverview-1500x1200.png\" data-image-id=\"4240\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">HVB Mobile &#8211; UX Design Strategy<\/h3><span>Strategy<\/span><\/div><\/div><\/div><\/a><\/div><\/div><\/article><\/div><\/div><\/div><\/div><\/div><\/div><a data-id=\"section-portfolio\" class=\"ut-vc-offset-anchor-bottom\" name=\"section-portfolio\">portfolio<\/a><style type=\"text\/css\">#ut-row-69ef4aa380c26{margin-top: 0px !important;} <\/style><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><a data-id=\"section-portfolio\" class=\"ut-vc-offset-anchor-bottom\" name=\"section-portfolio\">Portfolio<\/a><style type=\"text\/css\">#ut-section-69ef4aa37ccc6{background-color: #111314 !important;} <\/style><\/section><div class=\"vc_row-full-width vc_clearfix\"><\/div><section id=\"ut-section-69ef4aa4afc82\" data-section-title=\"Contact\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-cursor-skin=\"global\" class=\"vc_section ut-vc-120 vc_section-has-fill ut-section-69ef4aa4afc95 ut-section-with-linking\"><a id=\"section-contact\" data-id=\"section-contact\" class=\"ut-vc-offset-anchor-top\" name=\"section-contact\">Contact<\/a><div id=\"ut-row-69ef4aa4b123c\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_column-gap-0 ut-row-69ef4aa4b1251\" ><div class=\"wpb_column vc_column_container vc_col-sm-12 ut-animate-element animated ut-no-animation-tablet ut-no-animation-mobile\" data-effect=\"fadeIn\" data-animateonce=\"yes\" data-delay=\"50\" data-animation-duration=\"1s\"><div id=\"ut_inner_column_69ef4aa4b214a\" class=\"vc_column-inner\" ><div class=\"wpb_wrapper\"><div class=\"wpb_content_element\"><style type=\"text\/css\">#ut_header_69ef4aa4b2aa9 h2.section-title, #ut_header_69ef4aa4b2aa9 h2.section-title span { color:#ffffff; }#ut_header_69ef4aa4b2aa9 h2.section-title { font-size:45px !important; }#ut_header_69ef4aa4b2aa9 .lead ins { color:#ffffff; }<\/style><header id=\"ut_header_69ef4aa4b2aa9\" class=\"section-header  ut-no-title-linebreak-mobile ut-no-lead-linebreak-mobile pt-style-7 header-center header-tablet-center header-mobile-center\"><h2 data-title=\"Bereit f\u00fcr eine herausragende User Experience?&#13;&#10;Lass uns sprechen.\"  data-responsive-font=\"section_title\" data-responsive-font-settings=\"{&quot;base-font-size&quot;:&quot;global&quot;,&quot;font-size&quot;:{&quot;desktop_large&quot;:&quot;45&quot;},&quot;base-line-height&quot;:&quot;global&quot;,&quot;base-letter-spacing&quot;:&quot;global&quot;}\" class=\"section-title title-with-linebreak\"><span>Ready to create an outstanding user experience?<br \/>\nLet\u2019s talk.<\/span><\/h2><\/header><\/div><div class=\"wpb_content_element\"><style class=\"bklyn-inline-styles\" type=\"text\/css\">#ut_fl_69ef4aa4b42d7205837544.bklyn-fancy-list { font-size: 24px !important; }#ut_fl_69ef4aa4b42d7205837544.bklyn-fancy-list { line-height: 28px !important; }#ut_fl_69ef4aa4b42d7205837544 .fa { color: #ffffff; }#ut_fl_69ef4aa4b42d7205837544 a .fa { color: #ffffff; }#ut_fl_69ef4aa4b42d7205837544 a:visited .fa { color: #ffffff; }#ut_fl_69ef4aa4b42d7205837544 { color: #ffffff; }#ut_fl_69ef4aa4b42d7205837544 a { color: #ffffff; }#ut_fl_69ef4aa4b42d7205837544 a:visited { color: #ffffff; }#ut_fl_69ef4aa4b42d7205837544 a:hover .fa { color: #ffffff; }#ut_fl_69ef4aa4b42d7205837544 a:focus .fa { color: #ffffff; }#ut_fl_69ef4aa4b42d7205837544 a:active .fa { color: #ffffff; }#ut_fl_69ef4aa4b42d7205837544 a:hover { color: #ffffff; }#ut_fl_69ef4aa4b42d7205837544 a:focus { color: #ffffff; }#ut_fl_69ef4aa4b42d7205837544 a:active { color: #ffffff; }<\/style><div id=\"ut_fl_69ef4aa4b42d7205837544\" class=\"bklyn-fancy-list  bklyn-fancy-list-center bklyn-fancy-list-tablet-center bklyn-fancy-list-mobile-center\"><ul class=\"bklyn-list bklyn-list-style-none\" data-appear-top-offset=\"almost\"><li class=\"bklyn-list-item-space-xsmall bklyn-fancy-list-item-has-icon bklyn-fancy-list-item-has-icon-center\"><a title=\"\" href=\"mailto:hello@uxhero.de\" target=\"_self\" ><i class=\"fa fa-envelope\"><\/i><div class=\"bklyn-fancy-list-content\"><span>hello@uxhero.de<\/span><\/div><\/a><\/li><\/ul><\/div><\/div><style type=\"text\/css\">#ut_custom_heading69ef4aa4b43f8 { color:#ffffff; }#ut_custom_heading69ef4aa4b43f8 { text-align:center; }@media (min-width: 768px) and (max-width: 1024px) { #ut_custom_heading69ef4aa4b43f8 { text-align:center; } }@media (max-width: 767px) { #ut_custom_heading69ef4aa4b43f8 { text-align:center; } }<\/style><h3 id=\"ut_custom_heading69ef4aa4b43f8\" data-responsive-font=\"h3\" class=\"ut-custom-heading-module\" ><span class=\"\" >FIND ME ON:<\/span><\/h3><div class=\"wpb_content_element\"><style class=\"bklyn-inline-styles\" type=\"text\/css\">#ut_sf_69ef4aa4b4474 li a i { color: #ffffff; }#ut_sf_69ef4aa4b4474 li a:hover i { color: #ffffff; }#ut_sf_69ef4aa4b4474 li a:focus i { color: #ffffff; }#ut_sf_69ef4aa4b4474 { font-size: 30px; }<\/style><ul id=\"ut_sf_69ef4aa4b4474\" class=\"ut-social-follow-module  ut-social-follow-module-center ut-social-follow-module-tablet-center ut-social-follow-module-mobile-center ut-social-follow-module-40 Pixel\" data-settings=\"{&quot;animate&quot;:false,&quot;effect&quot;:&quot;&quot;,&quot;delay_animation&quot;:false,&quot;global_delay_animation&quot;:false,&quot;delay_timer&quot;:100,&quot;global_delay_timer&quot;:100}\"><li  class=\"ut-social-follow-0 ut-social-follow-icon-only\"><a class=\"ut-social-follow-link\" title=\"linkedin.com\/in\/simonbiemer\" href=\"http:\/\/linkedin.com\/in\/simonbiemer\" area-label=\"linkedin\" target=\"_blank\" ><i class=\"fa-brands fa-linkedin\"><\/i><\/a><\/li><li  class=\"ut-social-follow-1 ut-social-follow-icon-only\"><a class=\"ut-social-follow-link\" title=\"\" href=\"https:\/\/www.xing.com\/profile\/Simon_Biemer\" area-label=\"xing-square\" target=\"_blank\" ><i class=\"fa-brands fa-xing-square\"><\/i><\/a><\/li><\/ul><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><a data-id=\"section-contact\" class=\"ut-vc-offset-anchor-bottom\" name=\"section-contact\">Contact<\/a><style type=\"text\/css\">#ut-section-69ef4aa4afc82{background-color: #fca50e !important;} <\/style><\/section><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"HVB Mobile - UX Design StrategyMISSION Define a new design strategy of the mobile user experience for the existing HVB brand and corporate identity. CHALLENGE Create a user experience design where existing users feel comfortable and a new mobile affine customer base is attracted. SOLUTION Take the core values of the existing HVB brand, transfer [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3804","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UXHero - UX Beratung &amp; UX Design, Freelancer aus M\u00fcnchen<\/title>\n<meta name=\"description\" content=\"UX Designer M\u00fcnchen | 15+ Jahre Erfahrung in UX Beratung, UX Design &amp; Designsysteme. F\u00fcr skalierbare, intuitive und erfolgreiche Produkte.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/uxhero.de\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UXHero - UX Beratung &amp; UX Design, Freelancer aus M\u00fcnchen\" \/>\n<meta property=\"og:description\" content=\"UX Designer M\u00fcnchen | 15+ Jahre Erfahrung in UX Beratung, UX Design &amp; Designsysteme. F\u00fcr skalierbare, intuitive und erfolgreiche Produkte.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/uxhero.de\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"UXHero\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-02T19:00:46+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/uxhero.de\\\/\",\"url\":\"https:\\\/\\\/uxhero.de\\\/\",\"name\":\"UXHero - UX Beratung &amp; UX Design, Freelancer aus M\u00fcnchen\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/uxhero.de\\\/#website\"},\"datePublished\":\"2017-05-31T00:57:29+00:00\",\"dateModified\":\"2025-11-02T19:00:46+00:00\",\"description\":\"UX Designer M\u00fcnchen | 15+ Jahre Erfahrung in UX Beratung, UX Design & Designsysteme. F\u00fcr skalierbare, intuitive und erfolgreiche Produkte.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/uxhero.de\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/uxhero.de\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/uxhero.de\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/uxhero.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/uxhero.de\\\/#website\",\"url\":\"https:\\\/\\\/uxhero.de\\\/\",\"name\":\"UXHero\",\"description\":\"UX Beratung &amp; UX Design, Freelancer aus M\u00fcnchen\",\"publisher\":{\"@id\":\"https:\\\/\\\/uxhero.de\\\/#\\\/schema\\\/person\\\/a68db6fa248359997f8972962eef639e\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/uxhero.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/uxhero.de\\\/#\\\/schema\\\/person\\\/a68db6fa248359997f8972962eef639e\",\"name\":\"uxhero\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5ea0b6646b89ba765cd3b488b1e5b70e2d4ff23ea6797bc15846e927124c25ad?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5ea0b6646b89ba765cd3b488b1e5b70e2d4ff23ea6797bc15846e927124c25ad?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5ea0b6646b89ba765cd3b488b1e5b70e2d4ff23ea6797bc15846e927124c25ad?s=96&d=mm&r=g\",\"caption\":\"uxhero\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5ea0b6646b89ba765cd3b488b1e5b70e2d4ff23ea6797bc15846e927124c25ad?s=96&d=mm&r=g\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UXHero - UX Beratung &amp; UX Design, Freelancer aus M\u00fcnchen","description":"UX Designer M\u00fcnchen | 15+ Jahre Erfahrung in UX Beratung, UX Design & Designsysteme. F\u00fcr skalierbare, intuitive und erfolgreiche Produkte.","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:\/\/uxhero.de\/en\/","og_locale":"en_GB","og_type":"article","og_title":"UXHero - UX Beratung &amp; UX Design, Freelancer aus M\u00fcnchen","og_description":"UX Designer M\u00fcnchen | 15+ Jahre Erfahrung in UX Beratung, UX Design & Designsysteme. F\u00fcr skalierbare, intuitive und erfolgreiche Produkte.","og_url":"https:\/\/uxhero.de\/en\/","og_site_name":"UXHero","article_modified_time":"2025-11-02T19:00:46+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/uxhero.de\/","url":"https:\/\/uxhero.de\/","name":"UXHero - UX Beratung &amp; UX Design, Freelancer aus M\u00fcnchen","isPartOf":{"@id":"https:\/\/uxhero.de\/#website"},"datePublished":"2017-05-31T00:57:29+00:00","dateModified":"2025-11-02T19:00:46+00:00","description":"UX Designer M\u00fcnchen | 15+ Jahre Erfahrung in UX Beratung, UX Design & Designsysteme. F\u00fcr skalierbare, intuitive und erfolgreiche Produkte.","breadcrumb":{"@id":"https:\/\/uxhero.de\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/uxhero.de\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/uxhero.de\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/uxhero.de\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/uxhero.de\/#website","url":"https:\/\/uxhero.de\/","name":"UXHero","description":"UX Beratung &amp; UX Design, Freelancer aus M\u00fcnchen","publisher":{"@id":"https:\/\/uxhero.de\/#\/schema\/person\/a68db6fa248359997f8972962eef639e"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/uxhero.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":["Person","Organization"],"@id":"https:\/\/uxhero.de\/#\/schema\/person\/a68db6fa248359997f8972962eef639e","name":"uxhero","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5ea0b6646b89ba765cd3b488b1e5b70e2d4ff23ea6797bc15846e927124c25ad?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5ea0b6646b89ba765cd3b488b1e5b70e2d4ff23ea6797bc15846e927124c25ad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5ea0b6646b89ba765cd3b488b1e5b70e2d4ff23ea6797bc15846e927124c25ad?s=96&d=mm&r=g","caption":"uxhero"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/5ea0b6646b89ba765cd3b488b1e5b70e2d4ff23ea6797bc15846e927124c25ad?s=96&d=mm&r=g"}}]}},"_links":{"self":[{"href":"https:\/\/uxhero.de\/en\/wp-json\/wp\/v2\/pages\/3804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uxhero.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uxhero.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uxhero.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uxhero.de\/en\/wp-json\/wp\/v2\/comments?post=3804"}],"version-history":[{"count":306,"href":"https:\/\/uxhero.de\/en\/wp-json\/wp\/v2\/pages\/3804\/revisions"}],"predecessor-version":[{"id":4600,"href":"https:\/\/uxhero.de\/en\/wp-json\/wp\/v2\/pages\/3804\/revisions\/4600"}],"wp:attachment":[{"href":"https:\/\/uxhero.de\/en\/wp-json\/wp\/v2\/media?parent=3804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}