CINXE.COM
Liechtenecker UX Design Studio | Gute UX ist gutes Business
<!DOCTYPE html> <html lang="de" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="theme-color" content="#06315e"> <link rel="preload" as="font" type="font/woff2" href="/themes/custom/lie_wp_theme/dist/BrandonText-Bold.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="/themes/custom/lie_wp_theme/dist/BrandonText-Regular.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="/themes/custom/lie_wp_theme/dist/BrandonText-RegularItalic.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="/themes/custom/lie_wp_theme/dist/BrandonGrotesque-Bold.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="/themes/custom/lie_wp_theme/dist/BrandonGrotesque-Regular.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="/themes/custom/lie_wp_theme/dist/BrandonGrotesque-RegularItalic.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="/themes/custom/lie_wp_theme/dist/BrandonGrotesque-Black.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="/themes/custom/lie_wp_theme/dist/BrandonGrotesque-Thin.woff2" crossorigin="anonymous"> <link rel="apple-touch-icon" sizes="57x57" href="/themes/custom/lie_wp_theme/assets/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/themes/custom/lie_wp_theme/assets/favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/themes/custom/lie_wp_theme/assets/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/themes/custom/lie_wp_theme/assets/favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/themes/custom/lie_wp_theme/assets/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/themes/custom/lie_wp_theme/assets/favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/themes/custom/lie_wp_theme/assets/favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/themes/custom/lie_wp_theme/assets/favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/lie_wp_theme/assets/favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/themes/custom/lie_wp_theme/assets/favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/themes/custom/lie_wp_theme/assets/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/themes/custom/lie_wp_theme/assets/favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/themes/custom/lie_wp_theme/assets/favicon/favicon-16x16.png"> <link rel="manifest" href="/themes/custom/lie_wp_theme/assets/favicon/manifest.json"> <link rel="icon" sizes="16x16 32x32 64x64" href="/themes/custom/lie_wp_theme/assets/favicon/favicon.ico"> <link rel="icon" type="image/png" sizes="64x64" href="/themes/custom/lie_wp_theme/assets/favicon/favicon-64x64.png"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/themes/custom/lie_wp_theme/assets/favicon/ms-icon-144x144.png"> <title>Liechtenecker UX Design Studio | Gute UX ist gutes Business</title> <meta charset="utf-8" /> <meta name="description" content="Die Wiener Spezialisten in User Experience Design, UI Design und technische Umsetzung für Ihre Website und Software von Morgen." /> <link rel="canonical" href="https://liechtenecker.at/" /> <link rel="shortlink" href="https://liechtenecker.at/" /> <meta property="og:site_name" content="Liechtenecker" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Liechtenecker UX Design Studio | Gute UX ist gutes Business" /> <meta property="og:description" content="Die Wiener Spezialisten in User Experience Design, UI Design und technische Umsetzung für Ihre Website und Software von Morgen." /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/lie_wp_theme/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_5po4HGXrhl6o-MqMXNawaq_NaBmRECP0SQdgsok493E.css?delta=0&language=de&theme=lie_wp_theme&include=eJxljeEOwiAQg19owiMtx6iAOcaFO4J7ezVqjNmfNunXphuJbZl8IMXCBeuU1TIqfOIWiC9qB0P_kc4i6ItQp9RJsvrYhxC7X-LGLiNw0Yy46KGG-v6YCNfWq_-4oxvdTyH4ebObizAqrM5aSnzefmsVqpTO_CUPs2hXmw" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_DTEONCHSRQfwfdeNFeudte1VVCbo3A8rePN5lVQWXps.css?delta=1&language=de&theme=lie_wp_theme&include=eJxljeEOwiAQg19owiMtx6iAOcaFO4J7ezVqjNmfNunXphuJbZl8IMXCBeuU1TIqfOIWiC9qB0P_kc4i6ItQp9RJsvrYhxC7X-LGLiNw0Yy46KGG-v6YCNfWq_-4oxvdTyH4ebObizAqrM5aSnzefmsVqpTO_CUPs2hXmw" /> </head> <body class="wp-frontpage"> <div class="skip-links"> <a href="#main-content" class="visually-hidden focusable skip-link"> Direkt zum Inhalt </a> <a href="#block-lie-wp-theme-main-menu--2" class="visually-hidden focusable skip-link"> Skip to meta menu </a> </div> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container"> <header class="header js-header"> <a class="header-wrapper header-wrapper-logo js-header-wrapper-logo" href="/"> <div class="header-logo"> <img src="/themes/custom/lie_wp_theme/assets/img/logo.png" width="70px" height="70px" alt="Liechtenecker Logo"> </div> <div class="header-title"> <span class="header-title-big"> Liechtenecker </span> <span class="header-title-small"> UX Design Studio </span> </div> </a> <div class="header-wrapper header-wrapper-menu js-header-wrapper-menu"> <a class="nav-quicklink button-square-light yellow" href="/uxabo"> <div class="square"></div> <span class="text">UX Abo</span> </a> <button class="nav-quicklink button-square-light js-contact-overlay-open"> <div class="square"></div> <span class="text">Kontakt</span> </button> <button class="nav-quicklink button-square-light js-menu-overlay-open"> <div class="square"></div> <span class="text">Menü</span> </button> </div> <div id="menu-overlay" class="menu-overlay overlay menu"> <div class="grid-wrapper-large"> <button class="close js-menu-overlay-close"> <img src="/themes/custom/lie_wp_theme/assets/img/close-blue.svg" alt="Close"> </button> <div class="row"> <div class="col-xsmall-12 col-medium-6 overlay__nav "> <div> <nav role="navigation" aria-labelledby="block-lie-wp-theme-main-menu-menu" id="block-lie-wp-theme-main-menu" class="menu-main-menu-container"> <h2 class="visually-hidden" id="block-lie-wp-theme-main-menu-menu">Hauptnavigation</h2> <ul class="menu" role="menu"> <li class="menu-item" role="presentation"> <a href="#services-animation" role="menuitem">Leistungen</a> </li> <li class="menu-item" role="presentation"> <a href="/ux-audits-die-user-experience-vorsorgeuntersuchung" role="menuitem" data-drupal-link-system-path="node/90">UX Audits</a> </li> <li class="menu-item" role="presentation"> <a href="/liechtenecker-ux-academy" role="menuitem" data-drupal-link-system-path="node/96">Trainings</a> </li> <li class="menu-item" role="presentation"> <a href="https://ux.liechtenecker.at/" role="menuitem">UX Design</a> </li> <li class="menu-item" role="presentation"> <a href="/projekte" role="menuitem" data-drupal-link-system-path="node/1499">Projekte</a> </li> <li class="menu-item" role="presentation"> <a href="/know-how" role="menuitem" data-drupal-link-system-path="node/1498">Blog-Artikel</a> </li> <li class="menu-item" role="presentation"> <a href="/events" role="menuitem" data-drupal-link-system-path="node/1500">Events</a> </li> <li class="menu-item" role="presentation"> <a href="/ueber-uns" role="menuitem" data-drupal-link-system-path="node/4">Über uns</a> </li> <li class="menu-item" role="presentation"> <a href="/jobs" role="menuitem" data-drupal-link-system-path="node/1501">Jobs</a> </li> <li class="menu-item" role="presentation"> <a href="/kontakt" role="menuitem" data-drupal-link-system-path="node/3">Kontakt</a> </li> </ul> </nav> </div> <div class="sub-menu-wrapper"> <span>© 2025 Liechtenecker</span> <div class="menu-secondary-menu-container"> <div> <nav role="navigation" aria-labelledby="block-lie-wp-theme-footer-menu-menu" id="block-lie-wp-theme-footer-menu"> <h2 class="visually-hidden" id="block-lie-wp-theme-footer-menu-menu">Fußzeile</h2> <ul class="menu"> <li class="menu-item"> <a href="/impressum" data-drupal-link-system-path="node/5">Impressum</a> </li> <li class="menu-item"> <a href="/datenschutz" data-drupal-link-system-path="node/1503">Datenschutz</a> </li> <li class="menu-item"> <a href="/agb" data-drupal-link-system-path="node/1504">AGB</a> </li> <li class="menu-item"> <a href="javascript:void(0);" class="js-cm-user-preferences">Cookies</a> </li> </ul> </nav> </div> </div> </div> </div> <div class="col-xsmall-12 col-medium-4 col-medium-offset-1 contact-data overlay__contact-data"> <h3>Kaiserliche UX gefällig?</h3> <h5 class="contact-type-headline">Adresse</h5> <p class="contact-text">Schloßgasse 14/25, 1050 Wien, Österreich</p> <a rel="noreferrer noopener" href="https://www.google.at/maps/place/Liechtenecker+UX+Design+Studio/@48.1906323,16.3586433,18z/data=!3m2!4b1!5s0x476da829edc3fbaf:0x2ef6dbdd2170896e!4m6!3m5!1s0x476da777fbc472a9:0xe0420029bdbf99c7!8m2!3d48.1906323!4d16.3599308!16s%2Fg%2F1tg3409p?entry=ttu" class="button-text contact-text" target="_blank">Karte</a> <h5 class="contact-type-headline">E-Mail</h5> <a class="contact-text button-text" href="mailto:hello@liechtenecker.at"> hello@liechtenecker.at </a> <div class="social-media"> <a class="social-media-item" href="https://www.facebook.com/liechteneckers/" target="_blank" rel="noreferrer" aria-label="Facebook"> <img src="/themes/custom/lie_wp_theme/assets/img/sharing-facebook.svg" alt="Besuche unsere Facebook-Seite" title="Besuche unsere Facebook-Seite"> </a> <a class="social-media-item" href="https://www.linkedin.com/company/liechtenecker/" target="_blank" rel="noreferrer" aria-label="LinkedIn"> <img src="/themes/custom/lie_wp_theme/assets/img/sharing-linked-in.svg" alt="Schau auch bei unserem LinkedIn-Auftritt vorbei" title="Schau auch bei unserem LinkedIn-Autritt vorbei"> </a> <a class="social-media-item" href="https://www.instagram.com/liechteneckers/" target="_blank" rel="noreferrer" aria-label="Instagram"> <img src="/themes/custom/lie_wp_theme/assets/img/sharing-instagram.svg" alt="Folge uns auf Instagram" title="Folge uns auf Instagram"> </a> <!-- <a class="social-media-item" href="https://twitter.com/liechteneckers" target="_blank" rel="noreferrer" aria-label="Twitter"> <img src="/themes/custom/lie_wp_theme//assets/img/sharing-twitter.svg" alt="Twitter uns was Schönes" title="Twitter uns was Schönes"> </a> --> </div> </div> </div> </div> </div> </header> <div class="notification-banner js-notification-banner"> <div class="notification-wrapper"> <h4 class="h4 notification-text">NEU 2025: Alle Trainings auch für Einzelpersonen buchbar.</h4> <a href="/liechtenecker-ux-academy" target="_blank" class="notification-action js-notification-action button-text"> Zeigt her! </a> </div> <div class="notification-banner-close js-notification-banner-close"> <img class="notification-banner-close-img" src="/themes/custom/lie_wp_theme/assets/img/close-blue.svg" alt="Close"> </div> </div> <main role="main"> <a id="main-content" tabindex="-1"></a> <div class="layout-content"> <div> <div id="block-lie-wp-theme-content"> <article> <div> <div> <div class="paragraph paragraph--type--wp-frontpage-header paragraph--view-mode--default header-image-wrapper grid-wrapper-large no-padding"> <div><div> <div> <div class="visually-hidden">Bild</div> <div> <picture> <source srcset="/sites/default/files/styles/image_width_large/public/2024-04/liechtenecker-ux-design-studio-wien-team.jpg.webp?itok=vVdvyOvn 1x, /sites/default/files/styles/image_width_large_x2/public/2024-04/liechtenecker-ux-design-studio-wien-team.jpg.webp?itok=9jpJF7IN 2x" media="all and (min-width: 1440px) and (max-width: 1619px)" type="image/webp" width="1620" height="683"/> <source srcset="/sites/default/files/styles/image_width_medium/public/2024-04/liechtenecker-ux-design-studio-wien-team.jpg.webp?itok=_IEPa_Du 1x, /sites/default/files/styles/image_width_medium_x2/public/2024-04/liechtenecker-ux-design-studio-wien-team.jpg.webp?itok=Rf4bOJ55 2x" media="all and (min-width: 1024px) and (max-width: 1439px)" type="image/webp" width="1440" height="608"/> <source srcset="/sites/default/files/styles/image_width_small/public/2024-04/liechtenecker-ux-design-studio-wien-team.jpg.webp?itok=_ZLfk5DX 1x, /sites/default/files/styles/image_width_small_x2/public/2024-04/liechtenecker-ux-design-studio-wien-team.jpg.webp?itok=MYucZ2h7 2x" media="all and (min-width: 745px) and (max-width: 1023px)" type="image/webp" width="1024" height="432"/> <source srcset="/sites/default/files/styles/image_width_xsmall/public/2024-04/liechtenecker-ux-design-studio-wien-team.jpg.webp?itok=bCSieBmT 1x, /sites/default/files/styles/image_width_xsmall_x2/public/2024-04/liechtenecker-ux-design-studio-wien-team.jpg.webp?itok=xMpwPJK5 2x" media="all and (min-width: 480px) and (max-width: 744px)" type="image/webp" width="745" height="314"/> <source srcset="/sites/default/files/styles/image_width_xxsmall/public/2024-04/liechtenecker-ux-design-studio-wien-team.jpg.webp?itok=RGs8VDwm 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/2024-04/liechtenecker-ux-design-studio-wien-team.jpg.webp?itok=VSa1QuJ7 2x" media="all and (max-width: 479px)" type="image/webp" width="480" height="203"/> <source srcset="/sites/default/files/styles/image_width_xlarge/public/2024-04/liechtenecker-ux-design-studio-wien-team.jpg.webp?itok=s3YYFleN 1x, /sites/default/files/styles/image_width_xlarge_x2/public/2024-04/liechtenecker-ux-design-studio-wien-team.jpg.webp?itok=m3guzsxu 2x" type="image/webp" width="1920" height="810"/> <img loading="eager" width="1920" height="810" src="/sites/default/files/styles/image_width_xlarge/public/2024-04/liechtenecker-ux-design-studio-wien-team.jpg.jpg?itok=s3YYFleN" alt="Das Liechtenecker Team" /> </picture> </div> </div> </div> </div> <div class="grid-wrapper text"> <div class="row"> <div class="col-small-12 col-medium-10 col-medium-offset-1 col-large-8 col-large-offset-2"> <h1 data-ftf="false" class="ftf-is-animating ftf-was-scrolled-once"> <span class="ftf-letter ftf-is-fatty"> Wir entwickeln User Experiences in Wien - für deinen Erfolg </span> </h1> </div> </div> <div class="header-button-wrapper grid-wrapper-large"> <div class="button-wrapper"> <a href="/projekte" class="button-square js-anchor-scroll-to"> <div class="yellow square animate"></div> <div class="text"> Referenzen </div> </a> <a href="/liechtenecker-ux-academy" class="button-square js-anchor-scroll-to"> <div class="white square animate"></div> <div class="text"> Fortbildung </div> </a> <a href="/accessibility" class="button-square js-anchor-scroll-to"> <div class="yellow square animate"></div> <div class="text"> Accessibility </div> </a> <a href="/deine-vorteile-bei-liechtenecker-ux-design-studio" class="button-square js-anchor-scroll-to"> <div class="white square animate"></div> <div class="text"> Warum wir? </div> </a> </div> </div> </div> </div> </div> <div> <div> <section class="paragraph paragraph--type--wp-audit-packages paragraph--view-mode--default full light-blue center audit-packages-start"> <div class="grid-wrapper"> <h2 class="uppercase" data-ftf="true">Teste deine UX - Erhalte Top UX & UI Fixes für schnelle Erfolgserlebnisse</h2> <div class="audit-packages"> <div class="audit-packages__package"> <div class="section section__name"> EXPRESS </div> <div class="section section__what-we-do"> <ul> <li> Expressbriefing</li> <li> UX/UI Score + Best Practice Verbesserungsempfehlungen</li> <li> AI-Eye Tracking Simulation</li> </ul> </div> <div class="section section__results"> <ul> <li> Ergebnis in 3 Tagen</li> </ul> </div> </div> <div class="audit-packages__package"> <div class="section section__name"> EXPERT </div> <div class="section section__what-we-do"> <ul> <li> Ausführliches Briefing</li> <li> UX/UI Score + Best Practice Verbesserungsempfehlungen</li> <li> AI-Eye Tracking Simulation</li> <li> Scroll & Click Reports</li> <li> Strategic Action Plan</li> </ul> </div> <div class="section section__results"> <ul> <li> Erstbericht in 7 Tagen</li> <li> Gesamtbericht nach ca 4 Wochen</li> </ul> </div> </div> <div class="audit-packages__package"> <div class="section section__name"> PROFESSIONAL </div> <div class="section section__what-we-do"> <ul> <li> Ausführliches Briefing</li> <li> UX/UI Score + Best Practice Verbesserungsempfehlungen</li> <li> AI-Eye Tracking Simulation</li> <li> Scroll & Click Reports</li> <li> Real User Validation</li> <li> Strategic Action Plan - Enhanced</li> </ul> </div> <div class="section section__results"> <ul> <li> Erstbericht in 7 Tagen</li> <li> Gesamtbericht nach ca 4 Wochen</li> </ul> </div> </div> </div> <div> <a href="/ux-audits-die-user-experience-vorsorgeuntersuchung" class="button-square js-anchor-scroll-to"> <div class="square animate"></div> <div class="text"> Mehr erfahren! </div> </a> </div> </div> </section> </div> <div> <div class="paragraph paragraph--type--project-promotion paragraph--view-mode--default grid-wrapper" id="project"> <div class="spacer-8"></div> <h5 class="center uppercase" data-ftf="true">Neues aus unserer Schmiede:</h5> <div><article> <div class="project-overview-item col-xsmall-12 project-overview-item-odd"> <div class="project-overview-description"> <span class="background-text">2024</span> <h2 class="project-overview-title uppercase" data-ftf="true"><span>Vorhang auf für den neuen Spielplan der Wiener Staatsoper</span> </h2> <h3 class="h3 project-overview-subtitle uppercase"> Wiener Staatsoper </h3> <a href="/projekt/vorhang-auf-fuer-den-neuen-spielplan-der-wiener-staatsoper" class="button-square"> <div class="square"></div> <span class="text">Mehr erfahren</span> </a> </div> <div class="project-overview-image"> <div><div aria-hidden="true"> <div> <div class="visually-hidden">Bild</div> <div> <picture> <source srcset="/sites/default/files/styles/image_width_medium/public/2024-11/Referenz%20WST_Header2%201_0.jpg.webp?itok=qMT53fac 1x, /sites/default/files/styles/image_width_medium_x2/public/2024-11/Referenz%20WST_Header2%201_0.jpg.webp?itok=XSYf6TNn 2x" media="all and (min-width: 1024px) and (max-width: 1439px)" type="image/webp" width="1440" height="813"/> <source srcset="/sites/default/files/styles/image_width_small/public/2024-11/Referenz%20WST_Header2%201_0.jpg.webp?itok=wscRp4ou 1x, /sites/default/files/styles/image_width_small_x2/public/2024-11/Referenz%20WST_Header2%201_0.jpg.webp?itok=YW4dby_Z 2x" media="all and (min-width: 745px) and (max-width: 1023px)" type="image/webp" width="1024" height="578"/> <source srcset="/sites/default/files/styles/image_width_xsmall/public/2024-11/Referenz%20WST_Header2%201_0.jpg.webp?itok=APMjUvx4 1x, /sites/default/files/styles/image_width_xsmall_x2/public/2024-11/Referenz%20WST_Header2%201_0.jpg.webp?itok=uZS5yL65 2x" media="all and (min-width: 480px) and (max-width: 744px)" type="image/webp" width="745" height="421"/> <source srcset="/sites/default/files/styles/image_width_xxsmall/public/2024-11/Referenz%20WST_Header2%201_0.jpg.webp?itok=FWdr-JB4 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/2024-11/Referenz%20WST_Header2%201_0.jpg.webp?itok=-aiL7xcs 2x" media="all and (max-width: 479px)" type="image/webp" width="480" height="271"/> <source srcset="/sites/default/files/styles/image_width_large/public/2024-11/Referenz%20WST_Header2%201_0.jpg.webp?itok=rfrHgWBx 1x, /sites/default/files/styles/image_width_large_x2/public/2024-11/Referenz%20WST_Header2%201_0.jpg.webp?itok=L8TNAdIw 2x" type="image/webp" width="1620" height="914"/> <img loading="lazy" width="2000" height="1129" src="/sites/default/files/styles/image_width_large_x2/public/2024-11/Referenz%20WST_Header2%201_0.jpg.jpg?itok=L8TNAdIw" alt="Referenz Wiener Staatsoper Vorschaubild" /> </picture> </div> </div> </div> </div> </div> </div> </article> </div> <div class="center"> <div> <a href="/projekte" class="button-square js-anchor-scroll-to"> <div class="square animate"></div> <div class="text"> Alle Referenzen ansehen! </div> </a> </div> </div> </div> </div> <div> <div class="grid-wrapper"> <div class="row"> <div class="col-xsmall-12"> <div class="article-slider-wrapper"> <div class="background-text background-text-light">Know How</div> <div class="owl-carousel article-slider js-article-slider"> <div class="article-slider-item"><article> <div class="category-text"> <span><a href="/kategorie/methoden" hreflang="de">Design Methoden</a></span> – Blogbeitrag </div> <h3><span>Vom Projekt zur Partnerschaft Alles über unser UX Abo</span> </h3> <a href="/blog/vom-projekt-zur-partnerschaft-alles-ueber-unser-ux-abo" class="article-slider-link"> <span class="button-text"> Jetzt lesen </span> </a> </article> </div> <div class="article-slider-item"><article> <div class="category-text"> <span><a href="/kategorie/design" hreflang="de">UX/UI Design</a></span> – Blogbeitrag </div> <h3><span>AI-Driven UX - Möglichkeiten, Design-Prinzipien und Pflichten für UX-Designer - 2025 Update</span> </h3> <a href="/blog/ai-driven-ux" class="article-slider-link"> <span class="button-text"> Jetzt lesen </span> </a> </article> </div> <div class="article-slider-item"><article> <div class="category-text"> <span><a href="/kategorie/technologie" hreflang="de">Technologie</a></span> – Blogbeitrag </div> <h3><span>Generative AI: Eine Web-App in 50 Bahn-Kilometern</span> </h3> <a href="/blog/generative-ai-eine-web-app-in-50-bahn-kilometern" class="article-slider-link"> <span class="button-text"> Jetzt lesen </span> </a> </article> </div> <div class="article-slider-item"><article> <div class="category-text"> <span><a href="/kategorie/design" hreflang="de">UX/UI Design</a></span> – Blogbeitrag </div> <h3><span>UX Benchmarking - den Business Value von UX-Design messbar machen</span> </h3> <a href="/blog/ux-benchmarking" class="article-slider-link"> <span class="button-text"> Jetzt lesen </span> </a> </article> </div> <div class="article-slider-item"><article> <div class="category-text"> <span><a href="/kategorie/methoden" hreflang="de">Design Methoden</a></span> – Blogbeitrag </div> <h3><span>4 Gründe, warum Speculative Design business-relevant ist</span> </h3> <a href="/blog/4-gruende-warum-speculative-design-business-relevant-ist" class="article-slider-link"> <span class="button-text"> Jetzt lesen </span> </a> </article> </div> <div class="article-slider-item"><article> <div class="category-text"> <span><a href="/kategorie/design" hreflang="de">UX/UI Design</a></span> – Blogbeitrag </div> <h3><span>Hirnforschung im UX Design</span> </h3> <a href="/blog/hirnforschung-im-ux-design" class="article-slider-link"> <span class="button-text"> Jetzt lesen </span> </a> </article> </div> </div> </div> </div> </div> </div> </div> <div> <div class="paragraph paragraph--type--latest-blog-and-podcast-teaser paragraph--view-mode--default"> <div class="grid-wrapper"> <div class="row"> <div class="col-xsmall-12 article-box-wrapper"> <article class="article-box"> <div class="article-box-image-wrapper"> <a href="/blog/warum-wordpress-gefaehrlich-ist"> <div><div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" srcset="/sites/default/files/styles/teaser_default_696_x_315/public/2025-02/BLOG_Warum%20Wordpress%20gefa%CC%88hlich_ist_TITEL-2880x1300px.jpg?h=91538cf1&itok=CwiVDIxn 1x, /sites/default/files/styles/teaser_default_2_696_x_315/public/2025-02/BLOG_Warum%20Wordpress%20gefa%CC%88hlich_ist_TITEL-2880x1300px.jpg?h=91538cf1&itok=WYucSY48 2x" width="696" height="315" src="/sites/default/files/styles/teaser_default_696_x_315/public/2025-02/BLOG_Warum%20Wordpress%20gefa%CC%88hlich_ist_TITEL-2880x1300px.jpg?h=91538cf1&itok=CwiVDIxn" alt="Warum Wordpress gefährlich ist (Autor Stephan Fletzberger sieht von oben auf die Headline" /> </div> </div> </div> </div> </a> </div> <div class="article-box-category"> <span><a href="/kategorie/technologie" hreflang="de">Technologie</a></span> – Blogbeitrag </div> <a href="/blog/warum-wordpress-gefaehrlich-ist" class="no-text-decoration"> <h2 class="h2 article-box-headline" data-ftf="true">Warum WordPress gefährlich ist</h2> </a> <p class="article-box-description"> Seit einem halben Jahr brodelt hinter den Kulissen des weltweit erfolgreichsten Content-Management-Systems ein Konflikt, der das gesamte WordPress-Ökosystem nachhaltig erschüttern könnte – mit drastischen Folgen für Millionen von Webseiten, die darauf basieren. </p> <a href="/blog/warum-wordpress-gefaehrlich-ist" class="button-square"> <div class="square"></div> <span class="text"> Jetzt lesen </span> </a> </article> <article class="article-box"> <div class="article-box-image-wrapper"> <a href="/podcast/folge-62-mit-susanne-liechtenecker"> <div><div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" srcset="/sites/default/files/styles/teaser_default_696_x_315/public/wp-migration/wordpress-media-image/2020/11/website%402x-scaled.jpg?h=e1ba7d82&itok=8FrN_vCh 1x, /sites/default/files/styles/teaser_default_2_696_x_315/public/wp-migration/wordpress-media-image/2020/11/website%402x-scaled.jpg?h=e1ba7d82&itok=z_xUxN9L 2x" width="696" height="315" src="/sites/default/files/styles/teaser_default_696_x_315/public/wp-migration/wordpress-media-image/2020/11/website%402x-scaled.jpg?h=e1ba7d82&itok=8FrN_vCh" alt="Liechtenecker Leseliste #62 mit Susanne Liechtenecker" title="Liechtenecker Leseliste #62 mit Susanne Liechtenecker" /> </div> </div> </div> </div> </a> </div> <div class="article-box-category"> <span><a href="/kategorie/inspiration" hreflang="de">Inspiration</a></span> – Podcast </div> <a href="/podcast/folge-62-mit-susanne-liechtenecker" class="no-text-decoration"> <h2 class="h2 article-box-headline" data-ftf="true">Folge #62 mit Susanne Liechtenecker</h2> </a> <p class="article-box-description"> In Folge 62 besinnt sich Susanne auf die Anfänge dieses Podcasts und begrüßt keinen Gast, sondern erzählt über das Buch "Jäger, Hirten, Kritiker" von Richard David Precht und warum es sie inspiriert hat. </p> <a href="/podcast/folge-62-mit-susanne-liechtenecker" class="button-square"> <div class="square"></div> <span class="text"> Jetzt anhören </span> </a> </article> </div> </div> </div> <div class="spacer-8"></div> <div class="grid-wrapper"> <div class="row"> <div class="col-xsmall-12 center-xsmall"> <a href="/know-how" class="contact-data-item button-text">Mehr Stories, Insights und Lernmaterial</a> </div> </div> </div> <div class="spacer-4"></div> <span class="spacer spacer-8"></span> </div> </div> <div> <div class="page-template-page-start"> <section class="paragraph paragraph--type--icon-text-grid paragraph--view-mode--default full blue section-what-we-did"> <div class="grid-wrapper"> <p data-ftf="true" class="h5 center uppercase">Unser Baukasten</p> <h2 data-ftf="true" class="center uppercase section-header">Was wir für dich bauen können</h2> </div> <div class="grid-lines" data-fade-in="true"> <div class="element" > <div><div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="280" height="180" src="/sites/default/files/2024-04/intranet_0.svg" alt="Intranet" /> </div> </div> </div> </div> <h3>MASSGESCHNEIDERTE INTRANET-LÖSUNGEN</h3> </div> <div class="element" > <div><div aria-hidden="true"> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="280" height="180" src="/sites/default/files/2024-04/dashboard.svg" alt="Dashboard" /> </div> </div> </div> </div> <h3>DASHBOARD-SYSTEME</h3> </div> <div class="element" > <div><div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="280" height="180" src="/sites/default/files/2024-04/beratung.svg" alt="Beratung" /> </div> </div> </div> </div> <h3>DIGITALE BERATUNGS-TOOLS</h3> </div> <div class="element" > <div><div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="280" height="180" src="/sites/default/files/2024-04/process.svg" alt="Prozesse" /> </div> </div> </div> </div> <h3>PROZESSGETRIEBENE ANWENDUNGEN</h3> </div> <div class="element" > <div><div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="280" height="180" src="/sites/default/files/2024-04/speculative.svg" alt="Speculative Design" /> </div> </div> </div> </div> <h3>SPECULATIVE WORKSHOPS</h3> </div> <div class="element" > <div><div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="280" height="180" src="/sites/default/files/2024-04/ar.svg" alt="Augmented Reality" /> </div> </div> </div> </div> <h3>AUGMENTED REALITY APPS</h3> </div> <div class="element" > <div><div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="280" height="180" src="/sites/default/files/2024-04/chatbot.svg" alt="Chatbot" /> </div> </div> </div> </div> <h3>CHATBOTS</h3> </div> <div class="element" > <div><div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="280" height="180" src="/sites/default/files/2024-04/cms.svg" alt="Content Management System" /> </div> </div> </div> </div> <h3>CONTENT-MANAGEMENT-SYSTEME</h3> </div> <div class="element" > <div><div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="280" height="180" src="/sites/default/files/2024-04/konfiguration.svg" alt="Konfiguration" /> </div> </div> </div> </div> <h3>KONFIGURATIONS-ANWENDUNGEN</h3> </div> <div class="element" > <div><div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="280" height="180" src="/sites/default/files/2024-04/relaunch.svg" alt="Relaunch" /> </div> </div> </div> </div> <h3>WEBAPPLIKATIONEN</h3> </div> <div class="element" > <div><div aria-hidden="true"> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="280" height="180" src="/sites/default/files/2024-04/landingpage.svg" alt="Landingpage" /> </div> </div> </div> </div> <h3>LANDINGPAGES</h3> </div> <div class="element" > <div><div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="280" height="180" src="/sites/default/files/2024-04/pointofsale.svg" alt="Point of Sale" /> </div> </div> </div> </div> <h3>POINT OF SALE SOLUTIONS</h3> </div> </div> <div class="spacer-4"></div> <div class="grid-wrapper center"> <div> <a href="https://liechtenecker.at/projekte" class="button-square js-anchor-scroll-to"> <div class="white square animate"></div> <div class="text"> Alle Referenzen ansehen </div> </a> </div> </div> </section> </div> </div> <div> <section class="paragraph paragraph--type--clients-list paragraph--view-mode--default center full super-light-blue clients"> <div class="grid-wrapper"> <h2 class="h2 uppercase" data-ftf="true">Unsere Kunden</h2> <div class="row"> <div class="col-xsmall-12 col-medium-10 col-medium-offset-1 col-large-10 col-large-offset-1 clients-wrapper"> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" src="/sites/default/files/styles/full_width/public/2024-12/REWE.png?itok=wpjZCFZP" width="625" height="625" alt="Rewe Group" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/wiener-staatsoper-logo.svg" alt="Logo der Wiener Staatsoper" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-12/will%20haben-05.svg" alt="willhaben" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/Swarovski%20Optik%20Logo_0.svg" alt="Swarovski Optik" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-12/KHM-02.svg" alt="Kunsthistorisches Museum Wien" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/belvedere-logo.svg" alt="Belvedere Logo" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" src="/sites/default/files/styles/full_width/public/2024-12/AVL.png?itok=dkHWorat" width="625" height="625" alt="AVL" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-12/RWA.svg" alt="RWA" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/Wien%20Toursimus%20_Logo-06.svg" alt="Wien Info Logo" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/onlyfy-logo.svg" alt="Onlyfy Logo" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-12/Kwizda.svg" alt="Kwizda Agro" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/denzel%20logo.svg" alt="Denzel Logo" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/josko-logo.svg" alt="Josko Logo" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/APO%20Kammer_Logo.svg" alt="Apo Kammer" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/wiener-staedtische-logo.svg" alt="Wiener Städtische Logo" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/ikea-logo.svg" alt="Ikea Logo" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/donau-logo.svg" alt="Donau Logo" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/bbrz-logo.svg" alt="BBRZ Logo" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/cargo-partner-logo_0.svg" alt="Cargo Partner Logo" /> </div> </div> </div> <div> <div> <div class="visually-hidden">Bild</div> <div> <img loading="lazy" width="64" height="64" src="/sites/default/files/2024-04/merbag-logo.svg" alt="Merbag Logo" /> </div> </div> </div> </div> </div> </div> </section> </div> <div> <section class="paragraph paragraph--type--wp-frontpage-specialists paragraph--view-mode--default full super-light-blue center services-overview"> <div class="section-background-text">LIECHTENECKER UX DESIGN STUDIO</div> <div class="spacer-4"></div> <div class="grid-wrapper"> <h5 class="uppercase" data-ftf="true"> ALS SPEZIALISTEN IN DEN BEREICHEN </h5> </div> <div class="spacer-4"></div> <div class="grid-wrapper"> <div class="row specialists"> <div> <a href="https://ux.liechtenecker.at/" target="_blank" class="button-text button-text--h1" data-ftf="true"> User Experience Design </a> </div> <div> <span class="button-text button-text--h1" data-ftf="true"> Interface Design </span> <span class="specialists__decal-small">&</span> </div> <div> <span class="button-text button-text--h1" data-ftf="true"> Coding & Development </span> </div> </div> </div> <div class="grid-wrapper"> <h5 class=" uppercase" data-ftf="true"> FÜHREN WIR SOFTWARE, DIGITALE SERVICES, WEBSITES UND DICH ZUM ERFOLG. </h5> </div> <div class="spacer-4"></div> </section> </div> <div> <section class="paragraph paragraph--type--wp-process-overview paragraph--view-mode--default full blue center services" id="services-animation"> <div class="grid-wrapper"> <h5 class="ftf-white uppercase" data-ftf="true">Wir bieten echten User-zentrierten Prozess aus einem Haus</h5> </div> <div class="services-animation"> <div class="service service-0"> <p class="headline">DISCOVERY & ANALYSE</p> <p class="subheadline">Scoping, Analytics & User Research</p> </div> <div class="service service-1"> <p class="headline">KONZEPTION</p> <p class="subheadline">Content, Wireframes & Prototyping</p> </div> <div class="service service-2"> <p class="headline">USER TESTING</p> <p class="subheadline">Messen & Lernen</p> </div> <div class="service service-3"> <p class="headline">DESIGN</p> <p class="subheadline">UI & Design Systems</p> </div> <div class="service service-4"> <p class="headline">ENTWICKLUNG</p> <p class="subheadline">Coding, Development & Support</p> </div> <div class="animation-wrapper"> <div class="rotator rotator-1"> <img src="/themes/custom/lie_wp_theme/assets/img/circle.svg" alt=""> </div> <div class="rotator rotator-2"> <img src="/themes/custom/lie_wp_theme/assets/img/circle.svg" alt=""> </div> <div class="rotator rotator-3"> <img src="/themes/custom/lie_wp_theme/assets/img/circle.svg" alt=""> </div> <div class="points point-0"></div> <div class="points point-1"></div> <div class="points point-2"></div> <div class="points point-3"></div> <div class="points point-4"></div> <div class="circles"> <div class="circle-wrapper horizontal-0"> <div class="circle-display circle right-bottom"> </div> <div class="circle animation right-bottom"> <div class="square square-1 square-in"></div> <div class="square square-2 square-in"></div> </div> </div> <div class="circle-wrapper horizontal-1"> <div class="circle-display circle left-top"> </div> <div class="circle animation left-top"> <div class="square square-1"></div> <div class="square square-2"></div> </div> </div> <div class="circle-wrapper horizontal-2"> <div class="circle-display circle right-top"> </div> <div class="circle animation right-top"> <div class="square square-1"></div> <div class="square square-2"></div> </div> </div> <div class="circle-wrapper horizontal-3"> <div class="circle-display circle left-bottom"> </div> <div class="circle animation left-bottom"> <div class="square square-1"></div> <div class="square square-2"></div> </div> </div> <div class="circle-wrapper horizontal-4"> <div class="circle-display circle right-bottom"> </div> <div class="circle animation right-bottom"> <div class="square square-1"></div> <div class="square square-2"></div> </div> </div> <div class="circle-wrapper horizontal-5"> <div class="circle-display circle left-top"> </div> <div class="circle animation left-top"> <div class="square square-1"></div> <div class="square square-2"></div> </div> </div> <div class="circle-wrapper horizontal-6"> <div class="circle-display circle right-top"> </div> <div class="circle animation right-top"> <div class="square square-1"></div> <div class="square square-2"></div> </div> </div> <div class="circle-wrapper horizontal-7"> <div class="circle-display circle left-bottom"> </div> <div class="circle animation left-bottom"> <div class="square square-1"></div> <div class="square square-2"></div> </div> </div> </div> <div class="fancy-square-wrapper fsw-0"> <div class="square"></div> <div class="circle circle-1"></div> <div class="circle circle-2"></div> <div class="splinter-wrapper splinter-wrapper-0"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-1"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-2"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-3"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-4"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-5"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-6"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-7"> <div class="splinter"></div> </div> </div> <div class="fancy-square-wrapper fsw-1"> <div class="square"></div> <div class="circle circle-1"></div> <div class="circle circle-2"></div> <div class="splinter-wrapper splinter-wrapper-0"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-1"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-2"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-3"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-4"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-5"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-6"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-7"> <div class="splinter"></div> </div> </div> <div class="fancy-square-wrapper fsw-2"> <div class="square"></div> <div class="circle circle-1"></div> <div class="circle circle-2"></div> <div class="splinter-wrapper splinter-wrapper-0"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-1"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-2"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-3"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-4"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-5"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-6"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-7"> <div class="splinter"></div> </div> </div> <div class="fancy-square-wrapper fsw-3"> <div class="square"></div> <div class="circle circle-1"></div> <div class="circle circle-2"></div> <div class="splinter-wrapper splinter-wrapper-0"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-1"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-2"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-3"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-4"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-5"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-6"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-7"> <div class="splinter"></div> </div> </div> <div class="fancy-square-wrapper fsw-4"> <div class="square"></div> <div class="circle circle-1"></div> <div class="circle circle-2"></div> <div class="splinter-wrapper splinter-wrapper-0"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-1"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-2"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-3"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-4"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-5"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-6"> <div class="splinter"></div> </div> <div class="splinter-wrapper splinter-wrapper-7"> <div class="splinter"></div> </div> </div> </div> </div> </section> </div> <div> <div class="paragraph paragraph--type--wp-services paragraph--view-mode--default grid-wrapper-large no-padding what-we-do" id="leistungen"> <section class="full blue"> <div class="row"> <div class="spacer-4"></div> <div class="col-xsmall-12 box-startpage-intro"> <div class="background-text background-text-center background-text-reduced-opacity background-text-foreground">So läuft's ab</div> <h5 class="h5 uppercase ftf-white"></h5> <h2 class="h2 uppercase ftf-white" data-ftf="true">Unser Prozess für deinen Erfolg im Detail:</h2> </div> <div class="spacer-4"></div> </div> </section> <div class="row"> <div class="col-xsmall-12 col-medium-6 col-large-4 box-startpage"> <div class="inner"> <h5 class="" data-ftf="true">01</h5> <h3 data-ftf="true" class=""> <div>Discovery & Analyse</div> </h3> <div class="box-startpage-list"> <div class="box-startpage-list-item">Detailliertes Scoping der Anforderungen</div> <div class="box-startpage-list-item">Erste Ausformulierung von User Stories</div> <div class="box-startpage-list-item">Erarbeitung erster neuer User-Journeys und Scribbles</div> <div class="box-startpage-list-item">Planung der Roadmap & Angebotslegung</div> <div class="box-startpage-list-item">Interpretation von Analytics Material<br /> </div> <div class="box-startpage-list-item">User-Befragungen & -Testings von Status Quo</div> <div class="box-startpage-list-item">Stakeholder Interviews</div> </div> </div> </div> <div class="col-xsmall-12 col-medium-6 col-large-4 box-startpage"> <div class="inner"> <h5 class="" data-ftf="true">02</h5> <h3 data-ftf="true" class=""> <div>Konzeption</div> </h3> <div class="box-startpage-list"> <div class="box-startpage-list-item">Grobkonzeption & Feinkonzeption</div> <div class="box-startpage-list-item">Neues Konzept wird erarbeitet</div> <div class="box-startpage-list-item">Das "How it Works" steht im Zentrum</div> <div class="box-startpage-list-item">Informationsarchitektur / Seitenaufbau / Sitemaps werden definiert</div> <div class="box-startpage-list-item">Neue User Journeys werden gezogen</div> <div class="box-startpage-list-item">Ergebnisse in Form von Wireframes in einem Clickdummy-Prototypen</div> <div class="box-startpage-list-item">Enge Zusammenarbeit mit Entwickler:innen</div> <div class="box-startpage-list-item">1 bis 2 gemeinsame Review-Workshops</div> </div> </div> </div> <div class="col-xsmall-12 col-medium-6 col-large-4 box-startpage"> <div class="inner"> <h5 class="" data-ftf="true">03</h5> <h3 data-ftf="true" class=""> <div>User Testing</div> </h3> <div class="box-startpage-list"> <div class="box-startpage-list-item">Validierung des Konzeptprototypen anhand Test-Cases mit 5-10 End-Usern</div> <div class="box-startpage-list-item">Herausfinden was gut funktioniert, was nicht und wo es Optimierungsbedarf gibt</div> <div class="box-startpage-list-item">Feinschliff unseres "Diamanten"</div> <div class="box-startpage-list-item">Minimierung von Fehlerrisiken zum besten Zeitpunkt</div> </div> </div> </div> <div class="col-xsmall-12 col-medium-6 col-large-4 box-startpage"> <div class="inner"> <h5 class="" data-ftf="true">04</h5> <h3 data-ftf="true" class=""> <div>Design</div> </h3> <div class="box-startpage-list"> <div class="box-startpage-list-item">Nach Validierung des Konzepts folgt der gestalterische Teil</div> <div class="box-startpage-list-item">Das "How it Looks" steht im Zentrum</div> <div class="box-startpage-list-item">User-Test Erkenntnisse werden ebenfalls hier eingearbeitet</div> <div class="box-startpage-list-item">Design wird anhand 1 bis 2 Screens erarbeitet und abgestimmt</div> <div class="box-startpage-list-item">Anschließend werden alle Komponenten ausdesigned</div> <div class="box-startpage-list-item">Ergebnis ist das UI Design System für dein Produkt</div> </div> </div> </div> <div class="col-xsmall-12 col-medium-6 col-large-4 box-startpage"> <div class="inner"> <h5 class="" data-ftf="true">05</h5> <h3 data-ftf="true" class=""> <div>Entwicklung</div> </h3> <div class="box-startpage-list"> <div class="box-startpage-list-item">Nach Abnahme von Konzept und Design erfolgt die technische Entwicklung</div> <div class="box-startpage-list-item">Iterative Schritte und laufende Teil-Releases auf Testumgebung</div> <div class="box-startpage-list-item">Laufender Zugriff auf aktuellen Status zum Ausprobieren, Feedbacken und Feinschleifen</div> <div class="box-startpage-list-item">Enge Zusammenarbeit mit Design</div> </div> </div> </div> <div class="col-xsmall-12 col-medium-6 col-large-4 box-startpage"> <div class="inner"> <h5 class="" data-ftf="true">laufend</h5> <h3 data-ftf="true" class=""> <div>Projektmanagement & Quality Assurance</div> </h3> <div class="box-startpage-list"> <div class="box-startpage-list-item">Projektkoordination mit dir und allen weiteren Partnern</div> <div class="box-startpage-list-item">Projektorganisation und Meetings</div> <div class="box-startpage-list-item">Planung und -controlling mit Fokus auf Timeline, Budget, Fortschritt und Zielerreichung</div> <div class="box-startpage-list-item">Automatisiertes Testing & Bugfixing</div> <div class="box-startpage-list-item">Device & Browser Testing</div> <div class="box-startpage-list-item">Abgleich zwischen Entwickler:innen, UX Designer:innen & Tester:innen sichern die Qualität des Projekts entlang des Entwicklungs-Lifecycles bis hin zum Go-Live</div> </div> </div> </div> </div> </div> </div> <div> <section class="paragraph paragraph--type--headline-with-ctas paragraph--view-mode--default full light-blue center"> <div class="grid-wrapper"> <h2 class="h2 uppercase" data-ftf="true">Lust gemeinsam Innovation zu schaffen?</h2> <a class="button-square js-anchor-scroll-to" target="_blank" href="#js-contact-overlay-open"> <div class="yellow square animate"></div> <div class="text"> Kontaktiere uns! </div> </a> <a class="button-square--meet-the-ceo button-square js-anchor-scroll-to" target="_blank" href="https://calendar.app.google/rxea63SJCwMjWQoK6"> <div class="white square animate"></div> <div class="text"> Einen kostenlosen Termin mit CEO Susanne vereinbaren! </div> </a> </div> </section> </div> </div> </div> </article> </div> </div> </div> </main> <footer class="footer"> <div class="contact-data"> <div class="social-media"> <a class="social-media-item" href="https://www.facebook.com/liechteneckers/" target="_blank" rel="noreferrer" aria-label="Facebook"> <img src="/themes/custom/lie_wp_theme/assets/img/sharing-facebook.svg" alt="Besuche unsere Facebook-Seite" title="Besuche unsere Facebook-Seite"> </a> <a class="social-media-item" href="https://www.linkedin.com/company/liechtenecker/" target="_blank" rel="noreferrer" aria-label="LinkedIn"> <img src="/themes/custom/lie_wp_theme/assets/img/sharing-linked-in.svg" alt="Schau auch bei unserem LinkedIn-Auftritt vorbei" title="Schau auch bei unserem LinkedIn-Autritt vorbei"> </a> <a class="social-media-item" href="https://www.instagram.com/liechteneckers/" target="_blank" rel="noreferrer" aria-label="Instagram"> <img src="/themes/custom/lie_wp_theme/assets/img/sharing-instagram.svg" alt="Folge uns auf Instagram" title="Folge uns auf Instagram"> </a> <!-- <a class="social-media-item" href="https://twitter.com/liechteneckers" target="_blank" rel="noreferrer" aria-label="Twitter"> <img src="/themes/custom/lie_wp_theme//assets/img/sharing-twitter.svg" alt="Twitter uns was Schönes" title="Twitter uns was Schönes"> </a> --> </div> <a class="contact-data-item button-text" href="mailto:hello@liechtenecker.at"> hello@liechtenecker.at </a> </div> <div class="menu-main-menu-container"> <div> <nav role="navigation" aria-labelledby="block-lie-wp-theme-main-menu-menu" id="block-lie-wp-theme-main-menu" class="menu-main-menu-container"> <h2 class="visually-hidden" id="block-lie-wp-theme-main-menu-menu">Hauptnavigation</h2> <ul class="menu" role="menu"> <li class="menu-item" role="presentation"> <a href="#services-animation" role="menuitem">Leistungen</a> </li> <li class="menu-item" role="presentation"> <a href="/ux-audits-die-user-experience-vorsorgeuntersuchung" role="menuitem" data-drupal-link-system-path="node/90">UX Audits</a> </li> <li class="menu-item" role="presentation"> <a href="/liechtenecker-ux-academy" role="menuitem" data-drupal-link-system-path="node/96">Trainings</a> </li> <li class="menu-item" role="presentation"> <a href="https://ux.liechtenecker.at/" role="menuitem">UX Design</a> </li> <li class="menu-item" role="presentation"> <a href="/projekte" role="menuitem" data-drupal-link-system-path="node/1499">Projekte</a> </li> <li class="menu-item" role="presentation"> <a href="/know-how" role="menuitem" data-drupal-link-system-path="node/1498">Blog-Artikel</a> </li> <li class="menu-item" role="presentation"> <a href="/events" role="menuitem" data-drupal-link-system-path="node/1500">Events</a> </li> <li class="menu-item" role="presentation"> <a href="/ueber-uns" role="menuitem" data-drupal-link-system-path="node/4">Über uns</a> </li> <li class="menu-item" role="presentation"> <a href="/jobs" role="menuitem" data-drupal-link-system-path="node/1501">Jobs</a> </li> <li class="menu-item" role="presentation"> <a href="/kontakt" role="menuitem" data-drupal-link-system-path="node/3">Kontakt</a> </li> </ul> </nav> </div> </div> <div class="imprint sub-menu-wrapper"> <span class="imprint-item">© 2025 Liechtenecker</span> <div class="menu-secondary-menu-container"> <div> <nav role="navigation" aria-labelledby="block-lie-wp-theme-footer-menu-menu" id="block-lie-wp-theme-footer-menu"> <h2 class="visually-hidden" id="block-lie-wp-theme-footer-menu-menu">Fußzeile</h2> <ul class="menu"> <li class="menu-item"> <a href="/impressum" data-drupal-link-system-path="node/5">Impressum</a> </li> <li class="menu-item"> <a href="/datenschutz" data-drupal-link-system-path="node/1503">Datenschutz</a> </li> <li class="menu-item"> <a href="/agb" data-drupal-link-system-path="node/1504">AGB</a> </li> <li class="menu-item"> <a href="javascript:void(0);" class="js-cm-user-preferences">Cookies</a> </li> </ul> </nav> </div> </div> </div> </footer> <div id="contact-form-overlay" class="contact-form-overlay overlay contact"> <div class="full blue form-container"> <button class="close js-contact-overlay-close"> <img src="/themes/custom/lie_wp_theme/assets/img/close-white.svg" alt="Close"> </button> <span id="webform-submission-enquiry-form-node-1-form-ajax-content"></span><div id="webform-submission-enquiry-form-node-1-form-ajax" class="webform-ajax-form-wrapper" data-effect="fade" data-progress-type="fullscreen"><form class="webform-submission-form webform-submission-add-form webform-submission-enquiry-form-form webform-submission-enquiry-form-add-form webform-submission-enquiry-form-node-1-form webform-submission-enquiry-form-node-1-add-form js-webform-details-toggle webform-details-toggle" data-drupal-selector="webform-submission-enquiry-form-node-1-add-form" action="/" method="post" id="webform-submission-enquiry-form-node-1-add-form" accept-charset="UTF-8"> <div id="edit-header" class="js-form-item form-item form-type-processed-text js-form-type-processed-text form-item- js-form-item- form-no-label"> <h3>Interesse mit uns zu arbeiten?</h3><h2>Lass uns plaudern …</h2><p>oder <a href="https://calendar.app.google/rxea63SJCwMjWQoK6" target="_blank">vereinbare gleich mit unserer CEO Susanne einen kostenlosen Termin.</a><br> </p> </div> <div class="form-wrapper-flex form-wrapper-medium-up js-form-wrapper form-wrapper" data-drupal-selector="edit-contact-wrapper" id="edit-contact-wrapper"><div class="js-form-item form-item form-type-textfield js-form-type-textfield form-item-name js-form-item-name"> <input autocomplete="off" data-drupal-selector="edit-name" type="text" id="edit-name" name="name" value="" size="60" maxlength="255" placeholder="Name" class="form-text required" required="required" aria-required="true" /> <label for="edit-name" class="option js-form-required form-required"><span>Name</span></label> </div> <div class="js-form-item form-item form-type-email js-form-type-email form-item-email js-form-item-email"> <input autocomplete="off" data-drupal-selector="edit-email" type="email" id="edit-email" name="email" value="" size="60" maxlength="254" placeholder="E-Mail" class="form-email required" required="required" aria-required="true" /> <label for="edit-email" class="option js-form-required form-required"><span>E-Mail</span></label> </div> </div> <div class="js-form-item form-item form-type-textarea js-form-type-textarea form-item-text js-form-item-text"> <div> <textarea autocomplete="off" data-drupal-selector="edit-text" id="edit-text" name="text" rows="2" cols="60" placeholder="Text" class="form-textarea required" required="required" aria-required="true"></textarea> </div> <label for="edit-text" class="option js-form-required form-required"><span>Text</span></label> </div> <div data-drupal-selector="edit-captcha" class="captcha captcha-type-challenge--hcaptcha"> <div class="captcha__element"> <input data-drupal-selector="edit-captcha-sid" type="hidden" name="captcha_sid" value="27689285" /> <input data-drupal-selector="edit-captcha-token" type="hidden" name="captcha_token" value="GX42VaJyyJGlkvo6P-1BXg7np2FihFbMAfPZ36eT45E" /> <input data-drupal-selector="edit-captcha-response" type="hidden" name="captcha_response" value="hCaptcha no captcha" /> <div class="h-captcha" data-sitekey="11dddb3b-8829-42fe-bd51-39a50244c5c5"></div><input data-drupal-selector="edit-captcha-cacheable" type="hidden" name="captcha_cacheable" value="1" /> </div> </div> <input data-drupal-selector="form-ejb5ngoiaah3vfry5szdlav7agxbsb1kcyidwmx-pve" type="hidden" name="form_build_id" value="form-EJb5NGoIAAh3vfRy5SzdLav7agxBSb1KcYiDWMx-PvE" /> <input data-drupal-selector="edit-webform-submission-enquiry-form-node-1-add-form" type="hidden" name="form_id" value="webform_submission_enquiry_form_node_1_add_form" /> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><button class="webform-button--submit button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" data-disable-refocus="true" type="submit" id="edit-submit" name="op" value="Absenden"> <div class="button-square"> <div class="square white animate"></div> <span class="text"> Absenden </span> </div> </button> </div> </form> </div> </div> </div> <div id="overlay-background" class="overlay-background js-contact-overlay-close js-menu-overlay-close"></div> <script type="text/plain"> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:3253885,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/1","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"de"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx1jmsOgzAMgy_UtUdCoc3aQvqgSbdx-4GGNAm2P4n02ZZtoYoNYEZgVLY0NDELtgykp6VjW_W9tKSCPXxUwGFTFHF41kECJjSeygh0m_gnZlkJT9LSo50p5pn3VIUGvkENbFzrdav-Et1z7SNFDugUryyYPlufOO7LzPE1TPC6QKStLYt2KBCJNcPjmjybpHhP_20JmcFf9f28AZLbgXg","theme":"lie_wp_theme","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/node\/1?categories%5B4%5D=7\u0026categories%5B5%5D=4\u0026categories%5B7%5D=9\u0026page=1\u0026ajax_form=1":true},"ajax":{"edit-submit":{"callback":"::submitAjaxForm","event":"click","effect":"fade","speed":500,"progress":{"type":"fullscreen","message":""},"disable-refocus":true,"url":"\/node\/1?categories%5B4%5D=7\u0026categories%5B5%5D=4\u0026categories%5B7%5D=9\u0026page=1\u0026ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"op","_triggering_element_value":"Absenden"}}},"hcaptcha":{"src":"https:\/\/hcaptcha.com\/1\/api.js?hl=de\u0026render=explicit\u0026onload=drupalHcaptchaOnload"},"user":{"uid":0,"permissionsHash":"5e09f2e4076a9e4b521070de2fb0222ac99a627722a321bfc0e37c556637e255"}}</script> <script src="/sites/default/files/js/js_rsS3FYFt5Nv1Ructf49HPIpqLV9Wr3fqXJU8-W5cSGw.js?scope=footer&delta=0&language=de&theme=lie_wp_theme&include=eJyFjEsOgzAQQy9EkyOhIbj5MEkgM5T29iVSNxWqurElP9uuNthYFK0Qm7TtaC9zry0PwdGqLpDlSjPawBHjsY4akGE914n4luQ73vboFo5lkY4OTP3JftxQouclBJ_DomaGUmQxQg_8LWn1nn_XMkTIX3mXNxM6XVA"></script> <script src="/themes/custom/lie_wp_theme/dist/bundle.js?ssf87d" type="module"></script> <script src="/sites/default/files/js/js_Ol6p5dQpIfHDJdW7eLOj_epSS1jI51J4rZY67hfhSyk.js?scope=footer&delta=2&language=de&theme=lie_wp_theme&include=eJyFjEsOgzAQQy9EkyOhIbj5MEkgM5T29iVSNxWqurElP9uuNthYFK0Qm7TtaC9zry0PwdGqLpDlSjPawBHjsY4akGE914n4luQ73vboFo5lkY4OTP3JftxQouclBJ_DomaGUmQxQg_8LWn1nn_XMkTIX3mXNxM6XVA"></script> <div class="cookie-manager-main-wrapper" style="display: none;"> <div class="cookie-banner-overlay" id="cm_cookie_notification-overlay"> <header id="cm_cookie_notification" class="hidden"></header> <form class="cm-cookie-preferences-form"> <h2 class="cookie-banner-title">Cookie Settings</h2> <span class="cookie-banner-description"> Diese Website verwendet Cookies: neben technisch notwendigen Cookies verwenden wir auch solche, deren Zweck die Analyse von Webseitenzugriffen ist und Cookies, die durch Drittanbieter wie YouTube oder Google gesetzt werden. Nähere Informationen finden Sie in unserer <a href="/datenschutz">Datenschutzerklärung</a>. Ihre Einwilligung kann jederzeit im Abschnitt „Cookies“ in der Fußleiste angepasst oder widerrufen werden. Bitte beachten Sie, dass Ihnen womöglich nicht alle Funktionen unseres Online-Angebots zur Verfügung stehen, wenn Sie nicht alle Zwecke zulassen. </span> <div class="cookie-banner-buttons-wrapper"> <button type="submit" class="cookie-banner-button cm-cookies-accept-selected" value="cm-cookies-accept-selected"> Nur ausgewählte Cookies akzeptieren </button> <button type="submit" class="cookie-banner-button btn-select-all cm-cookies-accept-all" value="cm-cookies-accept-all"> Alle Cookies akzeptieren </button> </div> <fieldset> <div class="toggle-wrapper js-toggle"> <input type="checkbox" name="cm-essential" id="cm-essential" checked="checked" value="1" disabled /> <div class="toggle-circle"></div> <div class="toggle-pill"></div> </div> <div class="toggle-description"> <label for="cm-essential">Notwendige Cookies</label> <span> Cookies dieser Kategorie sind für die Grundfunktionen der Website erforderlich. Sie dienen der sicheren und bestimmungsgemäßen Nutzung und sind daher nicht deaktivierbar. </span> </div> </fieldset> <fieldset id="fieldset-cookie"> <div class="toggle-wrapper js-toggle"> <input type="checkbox" name="cm-analytics" id="cm-analytics" value="1" /> <div class="toggle-circle"></div> <div class="toggle-pill"></div> </div> <div class="toggle-description"> <label for="cm-analytics">Statistics Cookies (Google Analytics, Microsoft Clarity)</label> <span> Cookies in this category allow us to analyze website usage and measure performance. </span> </div> </fieldset> <fieldset id="fieldset-cookie" class="fieldset-social"> <div class="toggle-wrapper js-toggle"> <input type="checkbox" name="cm-social" id="cm-social" value="1" data-cm-trigger="cm-youtube;cm-google-maps;cm-facebook" /> <div class="toggle-circle"></div> <div class="toggle-pill"></div> </div> <div class="toggle-description"> <label for="cm-social">Marketing</label> <span> Diese Cookies werden von Unternehmen gesetzt, die ihren Sitz auch in Nicht-EU-Ländern haben können. Diese Drittanbieter führen die Informationen unter Umständen mit weiteren Daten zusammen. Durch Deaktivieren der Drittanbieter Cookies wird Ihnen Content, wie YouTube-Videos oder Google Maps auf dieser Seite nicht angezeigt. </span> </div> </fieldset> <fieldset id="fieldset-cookie" class="fieldset-nested"> <div class="toggle-wrapper js-toggle"> <input type="checkbox" value="1" name="cm-youtube" id="cm-youtube" /> <div class="toggle-circle"></div> <div class="toggle-pill"></div> </div> <div class="toggle-description"> <label for="cm-youtube">YouTube</label> <span> Mit der Deaktivierung der Youtube Cookies werden keine Videos dieses Anbieters angezeigt. </span> </div> </fieldset> <fieldset id="fieldset-cookie" class="fieldset-nested"> <div class="toggle-wrapper js-toggle"> <input type="checkbox" value="1" name="cm-google-maps" id="cm-google-maps" /> <div class="toggle-circle"></div> <div class="toggle-pill"></div> <label for="gm-on" class="label-on"></label> </div> <div class="toggle-description"> <label for="cm-google-maps">Google</label> <span> Mit der Deaktivierung der Google Cookies werden keine Karten dieses Anbieters auf der Website dargestellt und auch keine personalisierten Angebote durch Google Ads und Google AdOptimization gezeigt. </span> </div> </fieldset> </form> </div> </div> </body> </html>