{"id":288441,"date":"2025-11-27T15:13:24","date_gmt":"2025-11-27T14:13:24","guid":{"rendered":"https:\/\/www.jtl-software.com\/?page_id=288441"},"modified":"2026-01-20T10:38:01","modified_gmt":"2026-01-20T09:38:01","slug":"ux-design-onlineshop","status":"publish","type":"page","link":"https:\/\/jtl-split-greyhound.betterscale.dev\/de\/themen\/shopsystem\/ux-design-onlineshop","title":{"rendered":"UX-Design Onlineshop"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"288441\" class=\"elementor elementor-288441\">\n\t\t\t\t\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-section jtl-ew-section--wide jtl-ew-section--responsive-medium-top jtl-ew-section--responsive-medium-bottom \"\n\tdata-id=\"e50d977\"\n\tdata-element_type=\"jtl-section\"\n\tdata-e-type=\"jtl-section\"\n\tdata-interaction-id=\"e50d977\"\n\tstyle=\"row-gap: 0px; --jtl-ew-section-narrow-gutter: 16px\"\n\t\t\n>\n\t\n\t\n\t\n<nav class=\"e-con e-atomic-element  jtl-ew-anchor-nav jtl-ew-anchor-nav--purple jtl-ew-anchor-nav--size-default jtl-ew-anchor-nav--style-pill \"\n\tdata-id=\"ff926b9\"\n\tdata-element_type=\"jtl-anchor-nav\"\n\tdata-e-type=\"jtl-anchor-nav\"\n\tdata-interaction-id=\"ff926b9\"\n\tdata-jtl-anchor-nav\n\t\t\n>\n\t\t\t\t\n\n<div class=\"jtl-ew-anchor-nav__item\">\n\t\t\t<a class=\"jtl-ew-anchor-nav__link no-icon\"\n\t\t\thref=\"\/de\/themen\/shopsystem\"  target='_self' rel='noopener noreferrer' \n\t\t\t\t\t>Shopsystem<\/a>\n\t<\/div>\n\t\t\t\t\t\n\n<div class=\"jtl-ew-anchor-nav__item\">\n\t\t\t<a class=\"jtl-ew-anchor-nav__link no-icon\"\n\t\t\thref=\"\/de\/themen\/shopsystem\/vorzuege-onlineshop\"  target='_self' rel='noopener noreferrer' \n\t\t\t\t\t>Vorz\u00fcge Onlineshop<\/a>\n\t<\/div>\n\t\t\t\t\t\n\n<div class=\"jtl-ew-anchor-nav__item\">\n\t\t\t<a class=\"jtl-ew-anchor-nav__link no-icon\"\n\t\t\thref=\"\/de\/themen\/shopsystem\/shop-und-wawi\"  target='_self' rel='noopener noreferrer' \n\t\t\t\t\t>Shop & Wawi<\/a>\n\t<\/div>\n\t\t\t\t\t\n\t\n<div class=\"jtl-ew-anchor-nav__item is-active\">\n\t\t\t<a class=\"jtl-ew-anchor-nav__link no-icon\"\n\t\t\thref=\"\/de\/themen\/shopsystem\/ux-design-onlineshop\"  target='_self' rel='noopener noreferrer' \n\t\t\taria-current=\"page\"\t\t>UX & Design<\/a>\n\t<\/div>\n\t\t\t\t\t\n\n<div class=\"jtl-ew-anchor-nav__item\">\n\t\t\t<a class=\"jtl-ew-anchor-nav__link no-icon\"\n\t\t\thref=\"\/de\/themen\/shopsystem\/gaio-seo-onlineshop\"  target='_self' rel='noopener noreferrer' \n\t\t\t\t\t>GAIO & SEO<\/a>\n\t<\/div>\n\t\t\t\t\t\n\n<div class=\"jtl-ew-anchor-nav__item\">\n\t\t\t<a class=\"jtl-ew-anchor-nav__link no-icon\"\n\t\t\thref=\"\/de\/themen\/shopsystem\/vergleich-auswahl-checkliste\"  target='_self' rel='noopener noreferrer' \n\t\t\t\t\t>Auswahl & Checkliste<\/a>\n\t<\/div>\n\t\t\n<\/nav>\n\n<\/div>\n\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-section jtl-ew-section--wide jtl-ew-section--responsive-medium-top jtl-ew-section--responsive-medium-bottom \"\n\tdata-id=\"4b1f469\"\n\tdata-element_type=\"jtl-section\"\n\tdata-e-type=\"jtl-section\"\n\tdata-interaction-id=\"4b1f469\"\n\tstyle=\"row-gap: 16px; --jtl-ew-section-narrow-gutter: 16px\"\n\t\t\n>\n\t\n\t\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-start jtl-ew-columns--collapse-lg jtl-ew-columns--spans \"\n\tdata-id=\"dc8fbc5\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"dc8fbc5\"\n\tstyle=\"--jtl-ew-columns-count: 2; --jtl-ew-columns-gap: 30px; --jtl-ew-columns-template: minmax(0, calc(58.333333333333% - 12.5px)) minmax(0, calc(41.666666666667% - 17.5px))\"\n\t\t\n>\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"fcef3e6\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"fcef3e6\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h1\n\t\tclass=\"jtl-ew-space-after-16 jtl-ew-heading jtl-ew-heading--size-h1-guide jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\tid=\"anchor-ux-design\"\t\t\t>\n\t\t<span class=\"font-weight-bold\">UX & Design im Onlineshop \u2013<\/span> Shopping leicht gemacht!\t<\/h1>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-guide jtl-ew-paragraph--align-left\">Eine <strong>ausgezeichnete Benutzerfreundlichkeit<\/strong> bleibt h\u00e4ufig unerkannt, weil alles \u201eeinfach funktioniert\u201c. <strong>Schlechte Usability<\/strong> dagegen sticht sofort ins Auge: Nutzer werden unsicher, finden sich nicht zurecht, brechen ab \u2013 und kommen im Zweifel nicht wieder. Das gilt sowohl f\u00fcr die Administration eines Shopsystems als auch f\u00fcr das Frontend, mit dem Kundinnen und Kunden interagieren.<\/p>\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-space-after-16 jtl-ew-space-end-80 jtl-ew-paragraph jtl-ew-paragraph--size-body-guide jtl-ew-paragraph--align-left\">Eine <strong>un\u00fcbersichtliche Kategoriestruktur<\/strong>, <strong>fehlendes Responsive Design<\/strong>, das den Onlineshop kaum bedienbar macht, oder ein <strong>komplizierter Checkout-Prozess<\/strong> f\u00fchren schnell zu:<\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"50cbcd6\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"50cbcd6\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 19px; --jtl-ew-icon-list-gap: 11px; --jtl-ew-icon-list-row-gap: 20px; --jtl-ew-icon-list-icon-line: 28px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"8eda85b\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"8eda85b\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-regular fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-intro jtl-ew-paragraph--align-left\">erh\u00f6hter Absprungrate<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"a665615\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"a665615\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-regular fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-intro jtl-ew-paragraph--align-left\">frustrierten Kaufabbr\u00fcchen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"8053931\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"8053931\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-regular fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-intro jtl-ew-paragraph--align-left\">einer schlechten Conversion Rate<\/p>\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"cd5520c\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"cd5520c\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\n\t\t\n\t<div class=\"jtl-ew-image jtl-ew-image--radius-sm jtl-ew-image--align-left jtl-ew-image--valign-top  jtl-ew-image--fit-natural\" style=\"--jtl-ew-image-width: 100%;\">\n\t\t<img class=\"jtl-ew-image__img\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"292578\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/jtl-split-greyhound.betterscale.dev\/wp-content\/themes\/jtl\/overrides\/assets\/theme-shopsystem-ux-design-onlineshop\/ux-design-onlineshop-gute-vs-schlechte-user-experience.svg?v=1788775993\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"Grafik vergleicht gute und schlechte User Experience im Onlineshop und zeigt Auswirkungen auf Conversion Rate, Absprungrate und Supportaufwand.\"\n\t\t\t\t\t\t\t\t\t\/>\n\t<\/div>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-caption-guide jtl-ew-paragraph--align-center\">Gute UX bleibt unauff\u00e4llig \u2013 schlechte UX f\u00fchrt zu Abbr\u00fcchen, Frust und geringerer Conversion Rate.<\/p>\t\t\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--offset-top jtl-ew-columns--measured jtl-ew-columns--measure-start \"\n\tdata-id=\"b03da4a\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"b03da4a\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-offset-top: 19px; --jtl-ew-columns-measure: 860px\"\n\t\t\n>\n\t\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--box jtl-ew-surface--light-blue \"\n\tdata-id=\"e4fa5c9\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"e4fa5c9\"\n\t\t\t\t style=\"--jtl-ew-card-gap: 16px\"\t\t\t\n>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-space-after-16 jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Eine gute User Experience ist kein Selbstzweck: Sie zahlt direkt auf die Vorteile eines eigenen Onlineshops ein \u2013 etwa auf Conversion, Kundenbindung und Markenaufbau. Welche strategischen Pluspunkte ein eigener Onlineshop mit sich bringt, erkl\u00e4ren wir ausf\u00fchrlich auf unserer Ratgeberseite:<\/p>\t\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"a014f3f\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"a014f3f\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\n<div class=\"jtl-ew-button-wrap jtl-ew-button-wrap--align-left\">\n\t\t\t<a class=\"jtl-ew-button jtl-ew-button--text-link jtl-ew-button--size-standard no-icon\" href=\"\/de\/themen\/shopsystem\/vorzuege-onlineshop\"  target='_self' rel='noopener noreferrer' >\n\t\t\tErfolgreicher E-Commerce \u2013 6 Vorz\u00fcge eines Online-Shops\n\t\t\t\t\t<\/a>\n\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-section jtl-ew-section--wide jtl-ew-section--flush-top jtl-ew-section--responsive-medium-bottom \"\n\tdata-id=\"8f77e21\"\n\tdata-element_type=\"jtl-section\"\n\tdata-e-type=\"jtl-section\"\n\tdata-interaction-id=\"8f77e21\"\n\tstyle=\"row-gap: 16px; --jtl-ew-section-narrow-gutter: 16px\"\n\t\t\n>\n\t\n\t\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--measured jtl-ew-columns--measure-start jtl-ew-columns--measure-from-lg \"\n\tdata-id=\"36f3bda\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"36f3bda\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-measure: 58.3333%\"\n\t\t\n>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">F\u00fcr H\u00e4ndler ist es daher zentral, daf\u00fcr zu sorgen, dass die <strong>Nutzererfahrung<\/strong> positiv ausf\u00e4llt \u2013 und Kundinnen und Kunden gern wiederkommen, idealerweise sogar Empfehlungen aussprechen. Am Ende geht es nicht nur um den reinen Kaufabschluss, sondern um das <strong>Gef\u00fchl<\/strong>, das nach dem Besuch eines Onlineshops zur\u00fcckbleibt.<\/p>\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Die Weichen f\u00fcr ein optimales Einkaufserlebnis stellen H\u00e4ndler bereits mit der <strong>Wahl eines geeigneten Shopsystems<\/strong>, das gen\u00fcgend Spielraum bietet, um eine erstklassige User Experience umzusetzen. Auf dieser Seite erkl\u00e4ren wir, warum UX-Design im Onlineshop so wichtig ist und auf welche technischen und gestalterischen Faktoren H\u00e4ndler achten sollten, um ihren Kunden eine angenehme Benutzererfahrung zu erm\u00f6glichen.<\/p>\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--offset-top jtl-ew-columns--measured jtl-ew-columns--measure-start \"\n\tdata-id=\"27cfbfb\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"27cfbfb\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-offset-top: 19px; --jtl-ew-columns-measure: 860px\"\n\t\t\n>\n\t\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--box jtl-ew-surface--light-blue \"\n\tdata-id=\"a36cb9a\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"a36cb9a\"\n\t\t\t\t style=\"--jtl-ew-card-gap: 16px\"\t\t\t\n>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-space-after-16 jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Doch nicht nur gestalterische Aspekte sind bei der Betrachtung unterschiedlicher Shopsysteme unter die Lupe zu nehmen. Zahlreiche andere Faktoren sind gleicherma\u00dfen bedeutend: Welche Arten von Shopsystemen gibt es, welche Vor- und Nachteile haben sie und wie h\u00e4ngen Setup, Kosten und Flexibilit\u00e4t zusammen? Antworten hierauf und einen \u00dcberblick bietet die Startseite unseres Ratgebers zum Thema Shopsystem:<\/p>\t\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"6ba6c7d\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"6ba6c7d\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\n<div class=\"jtl-ew-button-wrap jtl-ew-button-wrap--align-left\">\n\t\t\t<a class=\"jtl-ew-button jtl-ew-button--text-link jtl-ew-button--size-standard no-icon\" href=\"\/de\/themen\/shopsystem\"  target='_self' rel='noopener noreferrer' >\n\t\t\tRatgeber Shopsystem \u2013 \u00dcberblick\n\t\t\t\t\t<\/a>\n\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-section jtl-ew-section--wide jtl-ew-section--flush-top jtl-ew-section--responsive-medium-bottom \"\n\tdata-id=\"1649647\"\n\tdata-element_type=\"jtl-section\"\n\tdata-e-type=\"jtl-section\"\n\tdata-interaction-id=\"1649647\"\n\tstyle=\"row-gap: 16px; --jtl-ew-section-narrow-gutter: 16px\"\n\t\t\n>\n\t\n\t\n\t\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--guide-80-16 jtl-ew-surface--white \"\n\tdata-id=\"26c31c4\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"26c31c4\"\n\t\t\t\t\t\t\t\n>\n\t\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"e39ac29\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"e39ac29\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--measured jtl-ew-columns--measure-start jtl-ew-columns--measure-from-lg \"\n\tdata-id=\"02967fd\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"02967fd\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-measure: 58.3333%\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h2\n\t\tclass=\"jtl-ew-space-after-16 jtl-ew-heading jtl-ew-heading--size-h2-guide-tight jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\tid=\"anchor-warum-wichtig\"\t\t\t>\n\t\t<span class=\"font-weight-bold\">Warum ist UX-Design wichtig<\/span> f\u00fcr Onlineshops?\t<\/h2>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">User Experience (kurz: UX) beschreibt grunds\u00e4tzlich die Erfahrung eines Nutzers bei der Anwendung eines Produkts, Systems oder Services. Im Kontext eines Onlineshops sind damit alle Ber\u00fchrungspunkte gemeint, die zwischen Besuchenden und digitaler Ladenfront entstehen \u2013 vom ersten Seitenaufruf bis zur Paketlieferung und dar\u00fcber hinaus.<\/p>\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Die Experience umfasst unter anderem:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"de9f5f8\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"de9f5f8\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"045ffc7\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"045ffc7\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">wie schnell sich Nutzer orientieren k\u00f6nnen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"8504d7f\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"8504d7f\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">wie verst\u00e4ndlich Inhalte strukturiert sind<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"ae61847\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"ae61847\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">wie einfach der Bestellprozess abl\u00e4uft<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"135c516\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"135c516\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">wie gut Fragen schon vorab beantwortet werden<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"e9edacc\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"e9edacc\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">wie sicher und wertgesch\u00e4tzt sich Kunden f\u00fchlen<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Unter UX-Experten hat sich der Leitsatz etabliert: <strong>\u201eJe weniger der Nutzer denken muss, desto besser.\u201c<\/strong> Im Kern geht es also um <strong>intuitive, klare und reibungslose Abl\u00e4ufe<\/strong>, ohne unn\u00f6tige H\u00fcrden. Je weniger Klicks zum Ziel f\u00fchren und je weniger Reibungspunkte auftreten, desto komfortabler ist das Einkaufserlebnis.<\/p>\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Warum sollte UX im Onlineshop ganz oben auf der Priorit\u00e4tenliste stehen?<\/strong><\/p>\t\t\n<\/div>\n\n\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-grid jtl-ew-space-before-16 jtl-ew-space-after-16 \"\n\tdata-id=\"a3eb1d1\"\n\tdata-element_type=\"jtl-grid\"\n\tdata-e-type=\"jtl-grid\"\n\tdata-interaction-id=\"a3eb1d1\"\n\tstyle=\"--jtl-ew-grid-gap: 32px; --jtl-ew-grid-gap-tablet: 16px; --jtl-ew-grid-columns: 4; --jtl-ew-grid-columns-lg: 2; --jtl-ew-grid-columns-tablet: 1; --jtl-ew-grid-columns-mobile: 1; --jtl-ew-grid-order-1: 2; --jtl-ew-grid-order-2: 3; --jtl-ew-grid-order-3: 1; --jtl-ew-grid-order-4: 4; --jtl-ew-grid-align: stretch; --jtl-ew-grid-justify: start\"\n\t\n>\n\t\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--md jtl-ew-surface--sand \"\n\tdata-id=\"780b992\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"780b992\"\n\t\t\t\t style=\"--jtl-ew-card-gap: 16px\"\t\t\t\n>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Ein \u00fcber alle Ger\u00e4te hinweg gut funktionierender Onlineshop erh\u00f6ht die <strong>Kundenzufriedenheit<\/strong>. Aus Besuchern werden Kunden \u2013 und idealerweise Stammkunden.<\/p>\t\t\n<\/div>\n\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--md jtl-ew-surface--sand \"\n\tdata-id=\"859d08d\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"859d08d\"\n\t\t\t\t style=\"--jtl-ew-card-gap: 16px\"\t\t\t\n>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Ein durchdachtes UX-Design <strong>erleichtert Kaufentscheidungen<\/strong>. Kurze Wege, verst\u00e4ndliche Kategorisierung, ein transparenter Checkout \u2013 all das senkt die H\u00fcrde zum Kauf.<\/p>\t\t\n<\/div>\n\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--md jtl-ew-surface--sand \"\n\tdata-id=\"119d4c0\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"119d4c0\"\n\t\t\t\t style=\"--jtl-ew-card-gap: 16px\"\t\t\t\n>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Gute UX wirkt sich <strong>direkt auf Umsatz und Marge<\/strong> aus: Wer sich wohlf\u00fchlt, kauft eher mehr als geplant und kommt h\u00e4ufiger wieder.<\/p>\t\t\n<\/div>\n\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--md jtl-ew-surface--sand \"\n\tdata-id=\"2a16683\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"2a16683\"\n\t\t\t\t style=\"--jtl-ew-card-gap: 16px\"\t\t\t\n>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Gleichzeitig sinken die <strong>Supportkosten,<\/strong> weil viele Fragen durch klare Informationen, Hilfeseiten oder FAQs bereits beantwortet werden, bevor sie gestellt werden.<\/p>\t\t\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--measured jtl-ew-columns--measure-start jtl-ew-columns--measure-from-lg \"\n\tdata-id=\"af04cba\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"af04cba\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-measure: 58.3333%\"\n\t\t\n>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Ein weiterer wichtiger Aspekt ist die <strong>Mobilnutzung<\/strong>. Bereits heute t\u00e4tigt ein Gro\u00dfteil der Nutzer seine Online-Eink\u00e4ufe prim\u00e4r \u00fcber das Smartphone \u2013 Tendenz steigend. Trotzdem sind noch viele Shops nicht konsequent \u201eMobile First\u201c gedacht. Seiten sind mit dekorativen, aber wenig hilfreichen Inhalten \u00fcberladen oder auf kleinen Bildschirmen schlecht bedienbar. Nutzer scrollen zwar gern, aber nur, wenn der Inhalt relevant ist.<\/p>\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Fazit:<\/strong> Design, Layout, Inhalte und Technik m\u00fcssen <strong>Hand in Hand<\/strong> gehen, um aus Interessenten zahlende Kunden zu machen. UX ist dabei kein \u201eNice-to-have\u201c, sondern ein zentraler Erfolgsfaktor im E-Commerce.<\/p>\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-section jtl-ew-section--wide jtl-ew-section--flush-top jtl-ew-section--flush-bottom \"\n\tdata-id=\"e7164be\"\n\tdata-element_type=\"jtl-section\"\n\tdata-e-type=\"jtl-section\"\n\tdata-interaction-id=\"e7164be\"\n\tstyle=\"row-gap: 16px; --jtl-ew-section-narrow-gutter: 16px\"\n\t\t\n>\n\t\n\t\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--measured jtl-ew-columns--measure-start jtl-ew-columns--measure-from-lg \"\n\tdata-id=\"85a072c\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"85a072c\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-measure: 58.3333%\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h2\n\t\tclass=\"jtl-ew-space-after-16 jtl-ew-heading jtl-ew-heading--size-h2-band jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\tid=\"anchor-technische-grundlagen\"\t\t\t>\n\t\t<span class=\"font-weight-bold\">Technische Grundlagen<\/span> f\u00fcr gute User Experience im Onlineshop\t<\/h2>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-space-after-16 jtl-ew-paragraph jtl-ew-paragraph--size-body jtl-ew-paragraph--align-left\">Die technische Basis eines Shopsystems beeinflusst die User Experience ma\u00dfgeblich. Stabilit\u00e4t, Geschwindigkeit und saubere Strukturen sorgen daf\u00fcr, dass das Nutzungserlebnis nicht durch Frustfaktoren getr\u00fcbt wird. Bei der Auswahl eines Shopsystems sollten daher insbesondere folgende Aspekte gepr\u00fcft werden.<\/p>\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-start jtl-ew-columns--collapse-lg jtl-ew-columns--spans jtl-ew-columns--offset jtl-ew-space-before-48 \"\n\tdata-id=\"a7af42c\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"a7af42c\"\n\tstyle=\"--jtl-ew-columns-count: 2; --jtl-ew-columns-gap: 30px; --jtl-ew-columns-template: minmax(0, calc(50% - 15px)) minmax(0, calc(41.666666666667% - 17.5px))\"\n\t\t\n>\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"ea58a94\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"ea58a94\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h3\n\t\tclass=\"jtl-ew-space-after-16 jtl-ew-heading jtl-ew-heading--size-h-guide jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\t\t\t\t>\n\t\tNavigation & Informationsarchitektur\t<\/h3>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Die Navigation ist ein Kernst\u00fcck der Benutzerf\u00fchrung. Sie entscheidet dar\u00fcber, ob Besucher schnell erfassen: <strong>Was gibt es hier? Wo finde ich, was ich suche?<\/strong><\/p>\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Wichtige Punkte:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"d2541e2\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"d2541e2\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"a8df3ce\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"a8df3ce\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Die Navigationsstruktur sollte <strong>logisch, verst\u00e4ndlich und schlank<\/strong> sein.<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"c357a77\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"c357a77\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Oberkategorien und Unterkategorien m\u00fcssen die \u201eDenkweise\u201c der Kundschaft widerspiegeln, nicht die interne Sicht des Unternehmens.<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"7df27a1\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"7df27a1\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Men\u00fcarten (z. B. klassische Hauptnavigation, Mega-Men\u00fcs, Filterleisten) sollten je nach Sortiment sinnvoll einsetzbar sein.<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"93ec77d\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"93ec77d\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Kategorien, Filter und interne Verlinkungen sollten so gestaltet sein, dass wichtige Produkte und Inhalte mit wenigen Klicks erreichbar sind.<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Bereits bei der Wahl des Shopsystems lohnt ein genauer Blick auf die M\u00f6glichkeiten zur <strong>Navigation und Informationsarchitektur<\/strong>. Ein gutes System erlaubt flexible Men\u00fcstrukturen, mehrere Navigationsebenen und ggf. verschiedene Navigationskonzepte f\u00fcr Desktop und Mobile.<\/p>\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"8fc95d0\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"8fc95d0\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\n\t\t\n\t<div class=\"jtl-ew-image jtl-ew-image--radius-sm jtl-ew-image--align-left jtl-ew-image--valign-top  jtl-ew-image--fit-natural\" style=\"--jtl-ew-image-width: 100%;\">\n\t\t<img class=\"jtl-ew-image__img\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"292584\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/jtl-split-greyhound.betterscale.dev\/wp-content\/themes\/jtl\/overrides\/assets\/theme-shopsystem-ux-design-onlineshop\/onlineshop-navigation-und-informationsarchitektur-beispiel.svg?v=1788775993\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"Beispielgrafik f\u00fcr die Informationsarchitektur eines Onlineshops mit Hauptnavigation, Unterkategorien, Breadcrumbs und Filtern.\"\n\t\t\t\t\t\t\t\t\t\/>\n\t<\/div>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-caption-guide jtl-ew-paragraph--align-center\">Eine klare Navigation orientiert sich an der Denkweise der Kunden \u2013 nicht an internen Strukturen.<\/p>\t\t\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-start jtl-ew-columns--collapse-lg jtl-ew-columns--spans jtl-ew-columns--offset jtl-ew-space-before-48 \"\n\tdata-id=\"abd8498\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"abd8498\"\n\tstyle=\"--jtl-ew-columns-count: 2; --jtl-ew-columns-gap: 30px; --jtl-ew-columns-template: minmax(0, calc(41.666666666667% - 17.5px)) minmax(0, calc(50% - 15px))\"\n\t\t\n>\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"4a2faba\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"4a2faba\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\n\t\t\n\t<div class=\"jtl-ew-image jtl-ew-image--radius-sm jtl-ew-image--align-left jtl-ew-image--valign-top  jtl-ew-image--fit-natural\" style=\"--jtl-ew-image-width: 100%;\">\n\t\t<img class=\"jtl-ew-image__img\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"292590\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/jtl-split-greyhound.betterscale.dev\/wp-content\/themes\/jtl\/overrides\/assets\/theme-shopsystem-ux-design-onlineshop\/intelligente-suche-und-filter-im-onlineshop-beispiel.svg?v=1788775993\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"Grafik zeigt eine intelligente Suchfunktion mit Auto-Suggest und fehlertoleranter Eingabe sowie Filter- und Sortieroptionen im Onlineshop.\"\n\t\t\t\t\t\t\t\t\t\/>\n\t<\/div>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-caption-guide jtl-ew-paragraph--align-center\">Eine intelligente Suche mit passenden Filtern ist f\u00fcr viele Nutzer der schnellste Weg zum richtigen Produkt.<\/p>\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"768300d\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"768300d\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h3\n\t\tclass=\"jtl-ew-space-after-16 jtl-ew-heading jtl-ew-heading--size-h-guide jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\t\t\t\t>\n\t\tIntelligente Suche & Filter\t<\/h3>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Die Suchfunktion ist f\u00fcr viele Nutzer der schnellste Weg zum Produkt. Besonders bei gr\u00f6\u00dferen Sortimenten wird sie zum entscheidenden UX-Faktor. <strong>Moderne Such- und Filtersysteme sollten:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"60dfaf5\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"60dfaf5\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"41c4478\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"41c4478\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">fehlertolerant sein (Tippfehler, Singular\/Plural, Bindestriche etc.)<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"39b0c71\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"39b0c71\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Synonyme erkennen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"baf09d2\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"baf09d2\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Auto-Suggestions und Vorschl\u00e4ge w\u00e4hrend der Eingabe bieten<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"3a1fe7b\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"3a1fe7b\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">sinnvolle Filter- und Sortieroptionen bereitstellen (Preis, Marke, Gr\u00f6\u00dfe, Farbe, Verf\u00fcgbarkeit etc.)<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"ca2413d\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"ca2413d\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Ranking-Logiken erm\u00f6glichen (z. B. nach Relevanz, Topseller, Marge)<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">F\u00fcr H\u00e4ndler mit umfangreichem Sortiment sollte die Qualit\u00e4t der Suche ein <strong>zentrales Kriterium bei der Shopsystem-Auswahl<\/strong> sein. Hier zahlen sich leistungsf\u00e4hige Suchl\u00f6sungen oder integrierte Suchmodule mit KI-Unterst\u00fctzung besonders aus.<\/p>\t\t\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-start jtl-ew-columns--collapse-lg jtl-ew-columns--spans jtl-ew-columns--offset jtl-ew-space-before-48 \"\n\tdata-id=\"39d95f5\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"39d95f5\"\n\tstyle=\"--jtl-ew-columns-count: 2; --jtl-ew-columns-gap: 30px; --jtl-ew-columns-template: minmax(0, calc(50% - 15px)) minmax(0, calc(41.666666666667% - 17.5px))\"\n\t\t\n>\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"9d27cf7\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"9d27cf7\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h3\n\t\tclass=\"jtl-ew-space-after-16 jtl-ew-heading jtl-ew-heading--size-h-guide jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\t\t\t\t>\n\t\tFehlerseiten & Fehlertoleranz\t<\/h3>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Verwaiste Links und 404-Fehlerseiten sind Gift f\u00fcr die User Experience. Wer auf einer Fehlermeldung landet, empfindet Frust und bricht h\u00e4ufig ab. <strong>Umso wichtiger ist es<\/strong>, dass:<\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"a00129b\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"a00129b\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"b7550cf\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"b7550cf\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\"><strong>Weiterleitungen (301-Redirects)<\/strong> eingerichtet werden, wenn URLs ge\u00e4ndert oder Inhalte umgezogen werden.<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"10c5f18\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"10c5f18\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">eine <strong>benutzerfreundliche 404-Seite<\/strong> vorhanden ist, die Nutzer auff\u00e4ngt \u2013 z. B. mit Suchfunktion, Links zu wichtigen Kategorien und einem Button zur Startseite.<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"ee277f2\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"ee277f2\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">H\u00e4ndler regelm\u00e4\u00dfig pr\u00fcfen, ob es fehlerhafte Links gibt (z. B. \u00fcber die Google Search Console oder integrierte Tools des Shopsystems).<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Gute Shopsysteme bieten Funktionen oder Erweiterungen, um Redirects effizient zu verwalten und individuelle Fehlerseiten anzulegen. Idealerweise unterst\u00fctzen sie auch beim Aufsp\u00fcren toter Links. All das tr\u00e4gt zu einer stabilen, vertrauensw\u00fcrdigen Nutzererfahrung bei.<\/p>\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"82c0b2c\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"82c0b2c\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\n\t\t\n\t<div class=\"jtl-ew-image jtl-ew-image--radius-sm jtl-ew-image--align-left jtl-ew-image--valign-top  jtl-ew-image--fit-natural\" style=\"--jtl-ew-image-width: 100%;\">\n\t\t<img class=\"jtl-ew-image__img\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"292596\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/jtl-split-greyhound.betterscale.dev\/wp-content\/themes\/jtl\/overrides\/assets\/theme-shopsystem-ux-design-onlineshop\/benutzerfreundliche-404-fehlerseite-onlineshop.svg?v=1788775993\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"Grafik vergleicht eine einfache 404-Fehlerseite ohne Hilfen mit einer benutzerfreundlichen 404-Seite mit Suche, Kategorien und R\u00fccklink zur Startseite.\"\n\t\t\t\t\t\t\t\t\t\/>\n\t<\/div>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-caption-guide jtl-ew-paragraph--align-center\">Statt Sackgasse: Gute Fehlerseiten holen Nutzer ab und f\u00fchren sie zur\u00fcck ins Sortiment.<\/p>\t\t\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-start jtl-ew-columns--collapse-lg jtl-ew-columns--spans jtl-ew-columns--offset jtl-ew-space-before-48 \"\n\tdata-id=\"10fe9b9\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"10fe9b9\"\n\tstyle=\"--jtl-ew-columns-count: 2; --jtl-ew-columns-gap: 30px; --jtl-ew-columns-template: minmax(0, calc(41.666666666667% - 17.5px)) minmax(0, calc(50% - 15px))\"\n\t\t\n>\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"fdaac2e\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"fdaac2e\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\n\t\t\n\t<div class=\"jtl-ew-image jtl-ew-image--radius-sm jtl-ew-image--align-left jtl-ew-image--valign-top  jtl-ew-image--fit-natural\" style=\"--jtl-ew-image-width: 100%;\">\n\t\t<img class=\"jtl-ew-image__img\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"292602\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/jtl-split-greyhound.betterscale.dev\/wp-content\/themes\/jtl\/overrides\/assets\/theme-shopsystem-ux-design-onlineshop\/ladezeiten-performance-und-responsive-design-onlineshop.svg?v=1788775993\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"Grafik zeigt sinkende Conversion bei l\u00e4ngeren Ladezeiten und vergleicht eine Desktop- mit einer mobilen Ansicht eines responsiven Onlineshops.\"\n\t\t\t\t\t\t\t\t\t\/>\n\t<\/div>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-caption-guide jtl-ew-paragraph--align-center\">Gute UX braucht Technologie: schnelle Ladezeiten und ein responsives Design auf allen Ger\u00e4ten.<\/p>\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"44b8d9f\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"44b8d9f\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h3\n\t\tclass=\"jtl-ew-space-after-16 jtl-ew-heading jtl-ew-heading--size-h-guide jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\t\t\t\t>\n\t\tLadezeiten & Performance\t<\/h3>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Ladezeiten sind ein kritischer UX- und Conversion-Faktor. Schon wenige Sekunden Verz\u00f6gerung k\u00f6nnen die Absprungrate deutlich erh\u00f6hen. Richtwert: Seiten sollten <strong>sp\u00fcrbar innerhalb von 1\u20132 Sekunden<\/strong> laden.<\/p>\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Relevante Punkte bei der Shopsystem-Auswahl:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"1bd75c1\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"1bd75c1\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"3c0b4c2\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"3c0b4c2\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">performant arbeitendes System und saubere Templates<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"cf3ccbe\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"cf3ccbe\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">passendes Hosting mit ausreichenden Ressourcen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"0a315ae\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"0a315ae\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Caching-Mechanismen, um wiederkehrende Inhalte schneller auszuliefern<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"6ffcbfb\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"6ffcbfb\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">regelm\u00e4\u00dfige Updates und Datenbankoptimierungen (bei SaaS-L\u00f6sungen idealerweise durch den Anbieter)<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Zus\u00e4tzlich spielt die <strong>Aufbereitung der Inhalte<\/strong> eine gro\u00dfe Rolle:<\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"aae30a1\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"aae30a1\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"995c79f\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"995c79f\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Bilder sollten komprimiert und in passenden Formaten (z. B. WebP) eingebunden werden.<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"54c319c\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"54c319c\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Ein Shopsystem mit integrierter Bildoptimierung ist hier ein deutlicher Vorteil \u2013 besonders bei vielen Produktbildern.<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"a966ea1\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"a966ea1\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Script- und CSS-Dateien sollten m\u00f6glichst schlank gehalten und nur dort geladen werden, wo sie wirklich gebraucht werden.<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Gute Performance sorgt nicht nur f\u00fcr zufriedene Nutzer, sondern wirkt sich auch positiv auf die <strong>Sichtbarkeit in Suchmaschinen<\/strong> aus.<\/p>\t\t\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--offset-top jtl-ew-columns--measured jtl-ew-columns--measure-start \"\n\tdata-id=\"e7fc60c\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"e7fc60c\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-offset-top: 19px; --jtl-ew-columns-measure: 860px\"\n\t\t\n>\n\t\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--box jtl-ew-surface--light-blue \"\n\tdata-id=\"65df282\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"65df282\"\n\t\t\t\t style=\"--jtl-ew-card-gap: 16px\"\t\t\t\n>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-space-after-16 jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Viele UX-Faktoren \u2013 etwa Ladezeiten, klare Strukturen oder saubere Fehlerseiten \u2013 sind zugleich SEO- und GAIO-Relevante Signale. Welche technischen und inhaltlichen SEO-Funktionen dein Shopsystem unterst\u00fctzen sollte, zeigen wir dir auf unserer Ratgeberseite zu GAIO & SEO:<\/p>\t\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"f190d21\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"f190d21\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\n<div class=\"jtl-ew-button-wrap jtl-ew-button-wrap--align-left\">\n\t\t\t<a class=\"jtl-ew-button jtl-ew-button--text-link jtl-ew-button--size-standard no-icon\" href=\"\/de\/themen\/shopsystem\/gaio-seo-onlineshop\"  target='_self' rel='noopener noreferrer' >\n\t\t\tGAIO & SEO f\u00fcr Onlineshops \u2013 was ist wichtig?\n\t\t\t\t\t<\/a>\n\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--measured jtl-ew-columns--measure-start jtl-ew-columns--measure-from-lg \"\n\tdata-id=\"eb49930\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"eb49930\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-measure: 58.3333%\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h3\n\t\tclass=\"jtl-ew-space-before-48 jtl-ew-space-after-16 jtl-ew-heading jtl-ew-heading--size-h-guide jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\t\t\t\t>\n\t\tSchnittstellen f\u00fcr Service & After-Sales\t<\/h3>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Die Nutzererfahrung endet nicht mit dem Klick auf \u201eBestellen\u201c. Liefergeschwindigkeit, Transparenz im Versand, unkomplizierte Retouren und erreichbarer Support haben gro\u00dfen Einfluss darauf, wie Kunden den Shop insgesamt bewerten.<\/p>\t\t\n<\/div>\n\n\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-grid jtl-ew-space-before-16 jtl-ew-space-after-16 \"\n\tdata-id=\"7b71669\"\n\tdata-element_type=\"jtl-grid\"\n\tdata-e-type=\"jtl-grid\"\n\tdata-interaction-id=\"7b71669\"\n\tstyle=\"--jtl-ew-grid-gap: 32px; --jtl-ew-grid-gap-tablet: 16px; --jtl-ew-grid-columns: 2; --jtl-ew-grid-columns-tablet: 1; --jtl-ew-grid-columns-mobile: 1; --jtl-ew-grid-align: stretch; --jtl-ew-grid-justify: start\"\n\t\n>\n\t\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--md jtl-ew-surface--white \"\n\tdata-id=\"fa7ea28\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"fa7ea28\"\n\t\t\t\t style=\"--jtl-ew-card-radius: 46px; --jtl-ew-card-gap: 16px\"\t\t\t\n>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Ein Shopsystem sollte daher Schnittstellen bieten<\/strong> zu:<\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"9697426\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"9697426\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"9712dc4\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"9712dc4\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Zahlungsdienstleistern (z. B. PayPal, Kreditkarte, Wallet-L\u00f6sungen)<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"8adc3a9\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"8adc3a9\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Versand- und Logistikdienstleistern<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"6756d80\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"6756d80\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Warenwirtschaftssystemen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"5bfbb7a\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"5bfbb7a\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Ticket- und Supportsystemen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"07c1fb5\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"07c1fb5\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">ggf. CRM- und E-Mail-Marketing-Tools<\/p>\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--md jtl-ew-surface--white \"\n\tdata-id=\"252f6fe\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"252f6fe\"\n\t\t\t\t style=\"--jtl-ew-card-radius: 46px; --jtl-ew-card-gap: 16px\"\t\t\t\n>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>\u00dcber diese Schnittstellen lassen sich<\/strong> etwa:<\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"90722c1\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"90722c1\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"436a15b\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"436a15b\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Statusmails automatisiert versenden<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"9cb8ec2\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"9cb8ec2\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Trackinglinks bereitstellen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"11ddfe8\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"11ddfe8\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Retourenprozesse digital abbilden<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"7dbe1e6\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"7dbe1e6\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Serviceprozesse effizienter gestalten<\/p>\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--measured jtl-ew-columns--measure-start jtl-ew-columns--measure-from-lg \"\n\tdata-id=\"8e5d603\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"8e5d603\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-measure: 58.3333%\"\n\t\t\n>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">So wird nicht nur die interne Arbeit erleichtert, sondern auch das <strong>Erlebnis f\u00fcr Kunden nach dem Kauf<\/strong> deutlich verbessert \u2013 ein zentraler Bestandteil ganzheitlicher User Experience.<\/p>\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--offset-top jtl-ew-columns--measured jtl-ew-columns--measure-start \"\n\tdata-id=\"86fa221\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"86fa221\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-offset-top: 19px; --jtl-ew-columns-measure: 860px\"\n\t\t\n>\n\t\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--box jtl-ew-surface--light-blue \"\n\tdata-id=\"760706d\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"760706d\"\n\t\t\t\t style=\"--jtl-ew-card-gap: 16px\"\t\t\t\n>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-space-after-16 jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Ein reibungsloser Checkout, transparente Lieferzeiten und zuverl\u00e4ssige Best\u00e4nde sind zentrale Teile der User Experience \u2013 und h\u00e4ngen unmittelbar an gut integrierten Prozessen im Hintergrund. Wie du dein Shopsystem mit einer Warenwirtschaft kombinierst und so f\u00fcr stabile Abl\u00e4ufe sorgst, erf\u00e4hrst du auf unserer Ratgeberseite:\u201c<\/p>\t\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"6f3255b\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"6f3255b\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\n<div class=\"jtl-ew-button-wrap jtl-ew-button-wrap--align-left\">\n\t\t\t<a class=\"jtl-ew-button jtl-ew-button--text-link jtl-ew-button--size-standard no-icon\" href=\"\/de\/themen\/shopsystem\/shop-und-wawi\"  target='_self' rel='noopener noreferrer' >\n\t\t\tEffiziente Prozesse durch Shopsystem und Warenwirtschaft\n\t\t\t\t\t<\/a>\n\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-section jtl-ew-section--wide jtl-ew-section--flush-top jtl-ew-section--responsive-medium-bottom \"\n\tdata-id=\"d45afae\"\n\tdata-element_type=\"jtl-section\"\n\tdata-e-type=\"jtl-section\"\n\tdata-interaction-id=\"d45afae\"\n\tstyle=\"row-gap: 16px; --jtl-ew-section-narrow-gutter: 16px\"\n\t\t\n>\n\t\n\t\n\t\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--guide-80-16 jtl-ew-surface--white \"\n\tdata-id=\"9c83a67\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"9c83a67\"\n\t\t\t\t\t\t\t\n>\n\t\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"9b2de10\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"9b2de10\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--measured jtl-ew-columns--measure-start jtl-ew-columns--measure-from-lg \"\n\tdata-id=\"131bb7e\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"131bb7e\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-measure: 58.3333%\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h2\n\t\tclass=\"jtl-ew-space-after-16 jtl-ew-heading jtl-ew-heading--size-h2-guide-tight jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\tid=\"anchor-gestaltung\"\t\t\t>\n\t\t<span class=\"font-weight-bold\">Gestaltung & Shopdesign<\/span> im Onlineshop\t<\/h2>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Neben der Technik spielt das visuelle und inhaltliche Design eine entscheidende Rolle. Ein gut durchdachter Onlineshop besticht durch <strong>klare Strukturen, konsistente Gestaltung und eine verst\u00e4ndliche Kommunikation.<\/strong><\/p>\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-start jtl-ew-columns--collapse-lg jtl-ew-columns--spans jtl-ew-columns--offset jtl-ew-space-before-48 \"\n\tdata-id=\"dc6241c\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"dc6241c\"\n\tstyle=\"--jtl-ew-columns-count: 2; --jtl-ew-columns-gap: 30px; --jtl-ew-columns-template: minmax(0, calc(50% - 15px)) minmax(0, calc(41.666666666667% - 17.5px))\"\n\t\t\n>\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"989420b\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"989420b\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h3\n\t\tclass=\"jtl-ew-heading jtl-ew-heading--size-h-guide-body jtl-ew-heading--align-left jtl-ew-heading--color-tech-blue\"\t\t\t\t\t>\n\t\tKlare Strukturen & visuelle Hierarchie\t<\/h3>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Auch im Onlinehandel gilt: Der erste Eindruck z\u00e4hlt. <strong>Besucher sollten auf den ersten Blick erkennen:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"be4da27\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"be4da27\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"063c57e\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"063c57e\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Was bietet dieser Shop an?<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"51fb170\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"51fb170\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Wo finde ich, was mich interessiert?<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"37a9d4e\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"37a9d4e\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Was ist der n\u00e4chste sinnvolle Schritt?<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Daf\u00fcr sind wichtig:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"3f0ed68\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"3f0ed68\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"12d654b\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"12d654b\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">eine \u00fcbersichtliche Startseite mit klarer Struktur<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"d61576c\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"d61576c\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">gut gestaltete Kategorieseiten mit nachvollziehbarer Sortierung<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"9bd94eb\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"9bd94eb\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Produktdetailseiten, die alle relevanten Informationen geordnet darstellen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"7f442da\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"7f442da\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">zielgerichtete Landingpages f\u00fcr Kampagnen und saisonale Schwerpunkte<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Zur \u201eStandardausstattung\u201c eines Shopsystems geh\u00f6ren idealerweise:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"f045397\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"f045397\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"4281a47\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"4281a47\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">verschiedene Layoutoptionen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"d5f7d48\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"d5f7d48\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">flexible Module f\u00fcr Teaser, Produktlisten, Banner<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"83db23f\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"83db23f\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">M\u00f6glichkeiten zur Anpassung der Informationshierarchie<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"1b447c3\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"1b447c3\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Designoptionen, mit denen sich <strong>Call-to-Actions<\/strong> klar hervorheben lassen<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Ziel ist ein Design, das die Marke widerspiegelt, aber den Fokus immer auf den <strong>Produkten und den n\u00e4chsten Schritten<\/strong> beibeh\u00e4lt \u2013 nicht auf rein dekorativen Elementen.<\/p>\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"dd9850b\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"dd9850b\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\n\t\t\n\t<div class=\"jtl-ew-image jtl-ew-image--radius-sm jtl-ew-image--align-left jtl-ew-image--valign-top  jtl-ew-image--fit-natural\" style=\"--jtl-ew-image-width: 100%;\">\n\t\t<img class=\"jtl-ew-image__img\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"292608\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/jtl-split-greyhound.betterscale.dev\/wp-content\/themes\/jtl\/overrides\/assets\/theme-shopsystem-ux-design-onlineshop\/produktdetailseite-visuelle-hierarchie-ux-design.svg?v=1788676184\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"Wireframe-Grafik einer Produktdetailseite zeigt visuelle Hierarchie von Produktbild, Titel, Preis, Varianten und Call-to-Action.\"\n\t\t\t\t\t\t\t\t\t\/>\n\t<\/div>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-caption-guide jtl-ew-paragraph--align-center\">Eine klare visuelle Hierarchie lenkt den Blick von Bild und Titel \u00fcber den Preis direkt zum Kauf-Button.<\/p>\t\t\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-start jtl-ew-columns--collapse-lg jtl-ew-columns--spans jtl-ew-columns--offset jtl-ew-space-before-48 \"\n\tdata-id=\"d825956\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"d825956\"\n\tstyle=\"--jtl-ew-columns-count: 2; --jtl-ew-columns-gap: 30px; --jtl-ew-columns-template: minmax(0, calc(41.666666666667% - 17.5px)) minmax(0, calc(50% - 15px))\"\n\t\t\n>\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"b5645c4\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"b5645c4\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\n\t\t\n\t<div class=\"jtl-ew-image jtl-ew-image--radius-sm jtl-ew-image--align-left jtl-ew-image--valign-top  jtl-ew-image--fit-natural\" style=\"--jtl-ew-image-width: 100%;\">\n\t\t<img class=\"jtl-ew-image__img\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"292614\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/jtl-split-greyhound.betterscale.dev\/wp-content\/themes\/jtl\/overrides\/assets\/theme-shopsystem-ux-design-onlineshop\/checkout-formulare-ohne-huerden-ux-onlineshop.svg?v=1788676184\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"Grafik zeigt einen dreistufigen Checkout-Prozess mit Fortschrittsanzeige und \u00fcbersichtlichem Formular f\u00fcr Adressdaten.\"\n\t\t\t\t\t\t\t\t\t\/>\n\t<\/div>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-caption-guide jtl-ew-paragraph--align-center\">Ein transparenter Checkout mit wenigen, klar gestalteten Feldern reduziert Kaufabbr\u00fcche deutlich.<\/p>\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"b3baad2\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"b3baad2\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h3\n\t\tclass=\"jtl-ew-heading jtl-ew-heading--size-h-guide-body jtl-ew-heading--align-left jtl-ew-heading--color-tech-blue\"\t\t\t\t\t>\n\t\tFormulare & Checkout ohne H\u00fcrden\t<\/h3>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Formulare sind ein h\u00e4ufiger Stolperstein in der User Experience. Besonders im Checkout entscheidet sich, ob der Kauf abgeschlossen oder abgebrochen wird. <strong>Typische Probleme:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"f2c18fb\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"f2c18fb\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"8b34d5d\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"8b34d5d\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Pflicht zur Kontoerstellung, bevor bestellt werden kann<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"363376d\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"363376d\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">zu viele Pflichtfelder<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"b55a54a\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"b55a54a\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">unklare Fehlermeldungen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"d774b10\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"d774b10\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">fehlende Transparenz dar\u00fcber, wie viele Schritte noch folgen<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Best Practices:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"a44bdc1\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"a44bdc1\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"6e5b2fd\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"6e5b2fd\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\"><strong>Gastbestellungen<\/strong> erm\u00f6glichen, ohne Zwang zur Registrierung<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"c193f67\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"c193f67\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">nur die notwendigen Daten abfragen, Extras optional machen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"2958b5e\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"2958b5e\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">klare, verst\u00e4ndliche Feldbeschriftungen und Hilfetexte<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"02d7399\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"02d7399\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">mehrstufige Formulare mit Fortschrittsanzeige bei komplexen Prozessen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"5ddcf76\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"5ddcf76\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">sinnvolle Voreinstellungen und Auswahloptionen (z. B. Rechnungsadresse = Lieferadresse)<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Ein gutes Shopsystem unterst\u00fctzt diese Anforderungen mit:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"ef94f4e\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"ef94f4e\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"59c37ba\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"59c37ba\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">flexibel gestaltbaren Formularen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"f57b2ff\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"f57b2ff\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">anpassbaren Checkout-Prozessen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"2e895cd\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"2e895cd\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">M\u00f6glichkeiten, Felder ein- oder auszublenden<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"e11080d\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"e11080d\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">integrierten Validierungen f\u00fcr g\u00e4ngige Eingaben (E-Mail, Postleitzahl etc.)<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">So werden Formulare vom Hindernis zum unauff\u00e4lligen, funktionalen Bestandteil eines fl\u00fcssigen Kaufprozesses.<\/p>\t\t\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--measured jtl-ew-columns--measure-start jtl-ew-columns--measure-from-lg \"\n\tdata-id=\"5b81eb3\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"5b81eb3\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-measure: 58.3333%\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h3\n\t\tclass=\"jtl-ew-space-before-48 jtl-ew-heading jtl-ew-heading--size-h-guide-body jtl-ew-heading--align-left jtl-ew-heading--color-tech-blue\"\t\t\t\t\t>\n\t\tResponsives, mobiles Layout\t<\/h3>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Responsive Design sorgt daf\u00fcr, dass der Onlineshop auf allen Endger\u00e4ten optimal nutzbar ist \u2013 vom Desktop \u00fcber das Tablet bis hin zum Smartphone. Elemente passen sich automatisch der verf\u00fcgbaren Fl\u00e4che an, ohne dass Inhalte unlesbar oder Bedienelemente zu klein werden.<\/p>\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Ein responsives Shopsystem sollte:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"aa780ec\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"aa780ec\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"2a493ca\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"2a493ca\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">mobile-optimierte Men\u00fcs (z. B. Burger-Men\u00fc) bieten<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"fc42f32\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"fc42f32\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">ausreichend gro\u00dfe Klick- bzw. Tippfl\u00e4chen f\u00fcr Buttons und Links vorsehen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"544fbe7\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"544fbe7\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Schriftgr\u00f6\u00dfen und Abst\u00e4nde so w\u00e4hlen, dass Inhalte gut erfassbar bleiben<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"fc7bb5c\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"fc7bb5c\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Bilder und Medien flexibel skalieren oder alternative Darstellungen f\u00fcr kleine Screens zulassen<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Gerade im Hinblick auf \u201eMobile First\u201c ist es wichtig, dass das Shopsystem <strong>mobile Templates und Komponenten<\/strong> unterst\u00fctzt, ohne dass f\u00fcr jede Anpassung individuelle Programmierung n\u00f6tig wird. Nur so k\u00f6nnen H\u00e4ndler sicherstellen, dass das Einkaufserlebnis auch auf kleinen Displays \u00fcberzeugt.<\/p>\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-section jtl-ew-section--wide jtl-ew-section--flush-top jtl-ew-section--responsive-medium-bottom \"\n\tdata-id=\"983b6b2\"\n\tdata-element_type=\"jtl-section\"\n\tdata-e-type=\"jtl-section\"\n\tdata-interaction-id=\"983b6b2\"\n\tstyle=\"row-gap: 16px; --jtl-ew-section-narrow-gutter: 16px\"\n\t\t\n>\n\t\n\t\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--measured jtl-ew-columns--measure-start jtl-ew-columns--measure-from-lg \"\n\tdata-id=\"5dba2a5\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"5dba2a5\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-measure: 58.3333%\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h2\n\t\tclass=\"jtl-ew-space-after-16 jtl-ew-heading jtl-ew-heading--size-h2-band jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\tid=\"anchor-customer-journey\"\t\t\t>\n\t\t<span class=\"font-weight-bold\">Customer Journey & Conversion-Optimierung<\/span> im Onlineshop\t<\/h2>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Im Prozess ihrer Kaufentscheidung durchlaufen Kunden mehrere Phasen, bei denen Onlineshops mit passgenauen Hilfestellungen und Signalen vorausschauend unterst\u00fctzen k\u00f6nnen. Von der oben genannten fehlertoleranten Suche und der ersten Information zu einem Produkt, \u00fcber Details bei n\u00e4herem Interesse, bis hin zu vertrauensbildenden Signalen, die eine Entscheidung erleichtern: F\u00fcr H\u00e4ndler gibt es zahlreiche Gelegenheiten, Informationen und Anreize so zu platzieren, dass Kunden in ihrer Entscheidung f\u00fcr ein Produkt best\u00e4rkt werden und eine Bestellung ausl\u00f6sen. Die nachfolgenden Punkte sollten in einem guten Shopsystem zum Standard geh\u00f6ren.<\/p>\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h3\n\t\tclass=\"jtl-ew-space-before-48 jtl-ew-heading jtl-ew-heading--size-h-guide jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\t\t\t\t>\n\t\tCall-to-Actions im Onlineshop\t<\/h3>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Call-to-Actions (CTAs) sind Handlungsaufforderungen: Sie sagen dem Nutzer, was als N\u00e4chstes sinnvoll ist. <strong>Typische CTAs sind etwa:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"db25f1c\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"db25f1c\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"4c49f3b\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"4c49f3b\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">\u201eIn den Warenkorb\u201c \/ \u201eJetzt kaufen\u201c<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"eb80e19\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"eb80e19\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">\u201eMehr erfahren\u201c<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"4fb3878\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"4fb3878\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">\u201eZum Produkt\u201c<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"ac72347\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"ac72347\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">\u201eZum Newsletter anmelden\u201c<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"45d9c06\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"45d9c06\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">\u201eKontakt aufnehmen\u201c<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>F\u00fcr eine gute User Experience sollten CTAs:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"4b8ccf4\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"4b8ccf4\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"48d5e2e\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"48d5e2e\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">klar formuliert und verst\u00e4ndlich sein<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"db3dbad\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"db3dbad\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">visuell hervorstechen, ohne aufdringlich zu wirken<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"9492165\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"9492165\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">kontextuell passen (z. B. Informations-CTA auf Ratgeberseite, Kauf-CTA auf Produktseite)<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"4711e58\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"4711e58\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">auch auf mobilen Ger\u00e4ten gut erreichbar und bedienbar sein<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Ein Shopsystem sollte gen\u00fcgend Flexibilit\u00e4t bieten, um CTAs an den relevanten Stellen im Layout zu platzieren und sie gestalterisch an das Markendesign anzupassen.<\/p>\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h3\n\t\tclass=\"jtl-ew-space-before-48 jtl-ew-heading jtl-ew-heading--size-h-guide jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\t\t\t\t>\n\t\tProduktlisten- und Ergebnisseiten\t<\/h3>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Hat ein Nutzer \u00fcber Suche oder Kategorien passende Filter gesetzt, entscheidet die Ergebnisliste dar\u00fcber, ob es zum n\u00e4chsten Klick \u2013 der Produktdetailseite \u2013 kommt.<\/p>\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Wichtige Elemente f\u00fcr gute Ergebnisseiten:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"7aacc98\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"7aacc98\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"8d4445d\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"8d4445d\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">\u00fcbersichtliche Darstellung der Produkte (einheitliche Bildgr\u00f6\u00dfen, klare Struktur)<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"28d7c82\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"28d7c82\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Anzeige der wichtigsten Informationen auf einen Blick: Titel, Bild, Preis, zentrale Eigenschaften, Verf\u00fcgbarkeit, ggf. Bewertungen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"f20aff4\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"f20aff4\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">sinnvolle Sortier- und Filteroptionen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"0f37d68\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"0f37d68\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">deutliche Kennzeichnung von Varianten (Gr\u00f6\u00dfen, Farben etc.)<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Bei der Auswahl des Shopsystems sollten H\u00e4ndler daher auch pr\u00fcfen, wie gut sich <strong>Produktlisten und Suchergebnisse konfigurieren<\/strong> lassen: Welche Infos k\u00f6nnen eingeblendet werden? Wie flexibel sind Layout und Filterlogik? Wie gut funktionieren diese Seiten auf mobilen Ger\u00e4ten?<\/p>\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--offset-top jtl-ew-columns--measured jtl-ew-columns--measure-start \"\n\tdata-id=\"0bd54c8\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"0bd54c8\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-offset-top: 19px; --jtl-ew-columns-measure: 860px\"\n\t\t\n>\n\t\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--box jtl-ew-surface--light-blue \"\n\tdata-id=\"a1d11d6\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"a1d11d6\"\n\t\t\t\t style=\"--jtl-ew-card-gap: 16px\"\t\t\t\n>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-space-after-16 jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Nicht jedes Shopsystem bietet die gleiche Freiheit bei Navigation, Layout und Customer Journey. Wenn UX und Design f\u00fcr dich zentrale Erfolgsfaktoren sind, lohnt ein genauer Blick in die Systemdetails. Unsere Checkliste hilft dir, UX- und Designanforderungen gezielt in deine Auswahlkriterien aufzunehmen \u2013 hier findest du die Checkliste:<\/p>\t\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"7132cba\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"7132cba\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\n<div class=\"jtl-ew-button-wrap jtl-ew-button-wrap--align-left\">\n\t\t\t<a class=\"jtl-ew-button jtl-ew-button--text-link jtl-ew-button--size-standard no-icon\" href=\"\/de\/themen\/shopsystem\/vergleich-auswahl-checkliste\"  target='_self' rel='noopener noreferrer' >\n\t\t\tDer Shopsystem-Vergleich \u2013 Auswahlkriterien & Checkliste\n\t\t\t\t\t<\/a>\n\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md jtl-ew-columns--measured jtl-ew-columns--measure-start jtl-ew-columns--measure-from-lg \"\n\tdata-id=\"5f3523e\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"5f3523e\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px; --jtl-ew-columns-measure: 58.3333%\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h3\n\t\tclass=\"jtl-ew-space-before-48 jtl-ew-heading jtl-ew-heading--size-h-guide jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\t\t\t\t>\n\t\tPersonalisierung im Onlineshop\t<\/h3>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Personalisierung kann die User Experience erheblich verbessern, wenn sie sinnvoll eingesetzt wird. Ziel ist es, Nutzern das Gef\u00fchl zu geben, dass der Shop \u201eversteht\u201c, was sie interessiert.<\/p>\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Typische Beispiele:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"dabcce2\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"dabcce2\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"545d4ec\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"545d4ec\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Produktempfehlungen basierend auf bisherigen K\u00e4ufen oder angesehenen Artikeln<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"e94e1ec\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"e94e1ec\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">dynamische Startseiten mit individuellen Teasern f\u00fcr wiederkehrende Kunden<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"ec38914\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"ec38914\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">\u201eZuletzt angesehen\u201c-Listen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"14cbdd6\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"14cbdd6\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">personalisierte E-Mail-Kampagnen auf Basis des Nutzerverhaltens im Shop<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Viele Shopsysteme oder angebundene Tools bieten daf\u00fcr bereits Funktionen oder Erweiterungen. <strong>Wichtig ist, dass Personalisierung:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"0200255\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"0200255\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"6a18592\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"6a18592\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\"><strong>relevant<\/strong> ist (statt wahlloser Empfehlungen)<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"3a6168f\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"3a6168f\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\"><strong>transparent und datenschutzkonform<\/strong> umgesetzt wird (Stichwort DSGVO)<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"d563b29\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"d563b29\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">das Einkaufserlebnis unterst\u00fctzt, statt Nutzer zu irritieren<\/p>\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-start jtl-ew-columns--collapse-lg jtl-ew-columns--spans jtl-ew-columns--offset jtl-ew-space-before-48 \"\n\tdata-id=\"019a726\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"019a726\"\n\tstyle=\"--jtl-ew-columns-count: 2; --jtl-ew-columns-gap: 30px; --jtl-ew-columns-template: minmax(0, calc(50% - 15px)) minmax(0, calc(41.666666666667% - 17.5px))\"\n\t\t\n>\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"b11d623\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"b11d623\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h4\n\t\tclass=\"jtl-ew-space-after-16 jtl-ew-heading jtl-ew-heading--size-h-guide jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\t\t\t\t>\n\t\tSocial Proof f\u00fcr mehr Vertrauen\t<\/h4>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Menschen orientieren sich bei Kaufentscheidungen gern an anderen. Dieses Prinzip \u2013 Social Proof \u2013 l\u00e4sst sich im E-Commerce gezielt nutzen, um Vertrauen aufzubauen.<\/p>\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>M\u00f6gliche Formen von Social Proof und Vertrauenssignalen:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"fe8f7e3\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"fe8f7e3\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"ffe2559\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"ffe2559\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Produktbewertungen und Rezensionen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"4e5bbbf\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"4e5bbbf\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Auszeichnungen und G\u00fctesiegel (z. B. Trusted Shops)<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"4d783d9\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"4d783d9\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Shop-Bewertungen auf unabh\u00e4ngigen Plattformen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"3659ec6\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"3659ec6\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Kundenstimmen und Testimonials<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"51ba912\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"51ba912\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Hinweise auf Bestseller, h\u00e4ufig gekaufte Produkte oder Empfehlungen<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Moderne Shopsysteme bieten in der Regel:<\/strong><\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"67af1b2\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"67af1b2\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"b5d906a\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"b5d906a\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">integrierte Bewertungsfunktionen oder Schnittstellen zu Bewertungssystemen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"72a1eb0\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"72a1eb0\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">M\u00f6glichkeiten, Siegel und Zertifikate sichtbar einzubinden<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"bf7e3ab\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"bf7e3ab\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">Social-Media-Integration (Share-Buttons, Feeds etc.)<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Entscheidend ist die <strong>Positionierung<\/strong>: Bewertungen und Vertrauenssignale sollten dort sichtbar sein, wo sie die Kaufentscheidung unterst\u00fctzen \u2013 etwa auf Produktdetailseiten, im Checkout oder in der N\u00e4he von CTAs.<\/p>\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"efff7ed\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"efff7ed\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\n\t\t\n\t<div class=\"jtl-ew-image jtl-ew-image--radius-sm jtl-ew-image--align-left jtl-ew-image--valign-top  jtl-ew-image--fit-natural\" style=\"--jtl-ew-image-width: 100%;\">\n\t\t<img class=\"jtl-ew-image__img\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"292620\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/jtl-split-greyhound.betterscale.dev\/wp-content\/themes\/jtl\/overrides\/assets\/theme-shopsystem-ux-design-onlineshop\/customer-journey-und-conversion-optimierung-im-onlineshop.svg?v=1788676184\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"unnel-Grafik zeigt die Customer Journey im Onlineshop und an welchen Stellen CTAs, Personalisierung und Social Proof die Conversion unterst\u00fctzen.\"\n\t\t\t\t\t\t\t\t\t\/>\n\t<\/div>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-caption-guide jtl-ew-paragraph--align-center\">CTAs, Personalisierung und Social Proof wirken an verschiedenen Stellen der Customer Journey \u2013 gemeinsam st\u00e4rken sie die Conversion.<\/p>\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-section jtl-ew-section--wide jtl-ew-section--flush-top jtl-ew-section--responsive-medium-bottom \"\n\tdata-id=\"c22a16c\"\n\tdata-element_type=\"jtl-section\"\n\tdata-e-type=\"jtl-section\"\n\tdata-interaction-id=\"c22a16c\"\n\tstyle=\"row-gap: 16px; --jtl-ew-section-narrow-gutter: 16px\"\n\t\t\n>\n\t\n\t\n\t\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--guide-80-16 jtl-ew-surface--white \"\n\tdata-id=\"e7284e9\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"e7284e9\"\n\t\t\t\t\t\t\t\n>\n\t\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"9c9e5ef\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"9c9e5ef\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-start jtl-ew-columns--collapse-lg jtl-ew-columns--spans jtl-ew-columns--offset \"\n\tdata-id=\"bdee212\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"bdee212\"\n\tstyle=\"--jtl-ew-columns-count: 2; --jtl-ew-columns-gap: 30px; --jtl-ew-columns-template: minmax(0, calc(50% - 15px)) minmax(0, calc(41.666666666667% - 17.5px))\"\n\t\t\n>\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"527e505\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"527e505\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<h2\n\t\tclass=\"jtl-ew-space-after-16 jtl-ew-heading jtl-ew-heading--size-h2-guide-tight jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\tid=\"anchor-fazit\"\t\t\t>\n\t\t<span class=\"font-weight-bold\">Fazit:<\/span> UX-Design als Erfolgsfaktor im E-Commerce\t<\/h2>\n\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\"><strong>Eine gute User Experience ist ein zentraler Erfolgsfaktor f\u00fcr Onlineshops.<\/strong> Sie entscheidet dar\u00fcber, ob Besucher:<\/p>\t\t\n\n\n\n\n\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list jtl-ew-space-after-16 jtl-ew-icon-list--icon-top jtl-ew-icon-list--color-tech-blue \"\n\tdata-id=\"c0d3c0e\"\n\tdata-element_type=\"jtl-icon-list\"\n\tdata-e-type=\"jtl-icon-list\"\n\tdata-interaction-id=\"c0d3c0e\"\n\t\tstyle=\"--jtl-ew-icon-list-icon-size: 20px; --jtl-ew-icon-list-gap: 20px; --jtl-ew-icon-list-row-gap: 16px\"\n\t\n>\n\t\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"f37dabc\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"f37dabc\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">den Shop als vertrauensw\u00fcrdig empfinden<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"460971c\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"460971c\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">sich gut zurechtfinden<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"4c894e6\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"4c894e6\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">den Kauf abschlie\u00dfen<\/p>\t\t\n<\/div>\n\n<div class=\"e-con e-atomic-element  jtl-ew-icon-list__item \"\n\tdata-id=\"7a46f9f\"\n\tdata-element_type=\"jtl-icon-list-item\"\n\tdata-e-type=\"jtl-icon-list-item\"\n\tdata-interaction-id=\"7a46f9f\"\n\t\t\n>\n\t<span class=\"jtl-ew-icon-list__icon\" aria-hidden=\"true\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\"><\/i>\n\t\t\t<\/span>\n\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">wiederkommen und den Shop weiterempfehlen<\/p>\t\t\n<\/div>\n\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">Das Shopsystem bildet dabei die technische und gestalterische B\u00fchne: Es sollte nicht nur die gew\u00fcnschten Funktionen bereitstellen, sondern auch <strong>intuitiv, flexibel und zukunftsf\u00e4hig<\/strong> sein.<\/p>\t\t\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm jtl-ew-paragraph--align-left\">UX ist zwar ein wichtiger Baustein, aber nicht der einzige: F\u00fcr nachhaltigen Erfolg im E-Commerce spielen auch Themen wie <strong>Shopsystem-Auswahl, Warenwirtschaftsanbindung, SEO, Content und Performance<\/strong> eine gro\u00dfe Rolle. In unserer Themenwelt rund um Shopsysteme findest du weitere Ratgeberseiten mit praktischen Tipps und Checklisten.<\/p>\t\t\n<\/div>\n\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--md jtl-ew-surface--light-blue \"\n\tdata-id=\"e737f5f\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"e737f5f\"\n\t\t\t\t style=\"--jtl-ew-card-padding: 36px; --jtl-ew-card-radius: 20px; --jtl-ew-card-gap: 16px\"\t\t\t\n>\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<span\n\t\tclass=\"jtl-ew-space-after-16 jtl-ew-heading jtl-ew-heading--size-h-guide-body jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\tid=\"anchor-starten\"\t\t\t>\n\t\tJetzt weiterlesen:\t<\/span>\n\t\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"761a1f4\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"761a1f4\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\n<div class=\"jtl-ew-button-wrap jtl-ew-button-wrap--align-left\">\n\t\t\t<a class=\"jtl-ew-button jtl-ew-button--text-link jtl-ew-button--size-standard no-icon\" href=\"\/de\/themen\/shopsystem\/gaio-seo-onlineshop\"  target='_self' rel='noopener noreferrer' >\n\t\t\tGAIO & SEO f\u00fcr Onlineshops \u2013 was ist wichtig?\n\t\t\t\t\t<\/a>\n\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-section jtl-ew-section--wide jtl-ew-section--flush-top jtl-ew-section--responsive-medium-bottom \"\n\tdata-id=\"644fbb5\"\n\tdata-element_type=\"jtl-section\"\n\tdata-e-type=\"jtl-section\"\n\tdata-interaction-id=\"644fbb5\"\n\tstyle=\"row-gap: 16px; --jtl-ew-section-narrow-gutter: 16px\"\n\t\t\n>\n\t\n\t\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-start jtl-ew-columns--collapse-lg jtl-ew-columns--spans \"\n\tdata-id=\"b72ca9c\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"b72ca9c\"\n\tstyle=\"--jtl-ew-columns-count: 2; --jtl-ew-columns-gap: 30px; --jtl-ew-columns-template: minmax(0, calc(50% - 15px)) minmax(0, calc(50% - 15px))\"\n\t\t\n>\n\t\n\t\n\n\n\n\n\n\n\n\n<div\n\tclass=\"e-con e-atomic-element  jtl-ew-card jtl-ew-card--guide-box jtl-ew-surface--light-blue \"\n\tdata-id=\"13015a0\"\n\tdata-element_type=\"jtl-card\"\n\tdata-e-type=\"jtl-card\"\n\tdata-interaction-id=\"13015a0\"\n\t\t\t\t style=\"--jtl-ew-card-gap: 16px\"\t\t\t\n>\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t<span\n\t\tclass=\"jtl-ew-space-after-8 jtl-ew-heading jtl-ew-heading--size-h4-guide jtl-ew-heading--align-left jtl-ew-heading--color-dark-blue\"\t\t\t\t\t>\n\t\tWeitere Infos & \u00dcberblick zum Thema Shopsystem\t<\/span>\n\t\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"cc609d9\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"cc609d9\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 40px\"\n\t\t\n>\n\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"1f13f2c\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"1f13f2c\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\n<div class=\"jtl-ew-button-wrap jtl-ew-button-wrap--align-left\">\n\t\t\t<a class=\"jtl-ew-button jtl-ew-button--text-link jtl-ew-button--size-standard no-icon\" href=\"\/de\/themen\/shopsystem\"  target='_self' rel='noopener noreferrer' >\n\t\t\tRatgeber Shopsystem\n\t\t\t\t\t<\/a>\n\t<\/div>\n\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"180d71c\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"180d71c\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\n<div class=\"jtl-ew-button-wrap jtl-ew-button-wrap--align-left\">\n\t\t\t<a class=\"jtl-ew-button jtl-ew-button--text-link jtl-ew-button--size-standard no-icon\" href=\"\/de\/themen\/shopsystem\/vorzuege-onlineshop\"  target='_self' rel='noopener noreferrer' >\n\t\t\tErfolgreicher E-Commerce \u2013 6 Vorz\u00fcge eines Onlineshops\n\t\t\t\t\t<\/a>\n\t<\/div>\n\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"5aba8dc\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"5aba8dc\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\n<div class=\"jtl-ew-button-wrap jtl-ew-button-wrap--align-left\">\n\t\t\t<a class=\"jtl-ew-button jtl-ew-button--text-link jtl-ew-button--size-standard no-icon\" href=\"\/de\/themen\/shopsystem\/shop-und-wawi\"  target='_self' rel='noopener noreferrer' >\n\t\t\tEffiziente Prozesse durch Shopsystem und Warenwirtschaft\n\t\t\t\t\t<\/a>\n\t<\/div>\n\t\t\n<\/div>\n\t\t\t\t\n\t\n\t\t\n\t\n\t\t\t\t\t\t\t\t<p class=\"jtl-ew-paragraph jtl-ew-paragraph--size-body-sm-tight jtl-ew-paragraph--align-left\">UX-Design im Onlineshop \u2013 Shopping leicht gemacht!<\/p>\t\t\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"1622e32\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"1622e32\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\n<div class=\"jtl-ew-button-wrap jtl-ew-button-wrap--align-left\">\n\t\t\t<a class=\"jtl-ew-button jtl-ew-button--text-link jtl-ew-button--size-standard no-icon\" href=\"\/de\/themen\/shopsystem\/gaio-seo-onlineshop\"  target='_self' rel='noopener noreferrer' >\n\t\t\tGAIO & SEO f\u00fcr Onlineshops \u2013 was ist wichtig?\n\t\t\t\t\t<\/a>\n\t<\/div>\n\t\t\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"697df77\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"697df77\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\t\t\t\n<div class=\"jtl-ew-button-wrap jtl-ew-button-wrap--align-left\">\n\t\t\t<a class=\"jtl-ew-button jtl-ew-button--text-link jtl-ew-button--size-standard no-icon\" href=\"\/de\/themen\/shopsystem\/vergleich-auswahl-checkliste\"  target='_self' rel='noopener noreferrer' >\n\t\t\tDer Shopsystem-Vergleich \u2013 Auswahlkriterien & Checkliste\n\t\t\t\t\t<\/a>\n\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"e-con e-atomic-element  jtl-ew-columns jtl-ew-columns--align-stretch jtl-ew-columns--collapse-md \"\n\tdata-id=\"41d0835\"\n\tdata-element_type=\"jtl-columns\"\n\tdata-e-type=\"jtl-columns\"\n\tdata-interaction-id=\"41d0835\"\n\tstyle=\"--jtl-ew-columns-count: 1; --jtl-ew-columns-gap: 16px\"\n\t\t\n>\n\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\t\t\t\n<div class=\"jtl-ew-scroll-top jtl-ew-scroll-top--color-tech-blue\" data-jtl-scroll-top=\"true\">\n\t<button type=\"button\"\n\t\tclass=\"jtl-ew-scroll-top__button\"\n\t\taria-label=\"Nach oben scrollen\"\n\t>\n\t\t<i class=\"fa-regular fa-arrow-up\" aria-hidden=\"true\"><\/i>\n\t<\/button>\n<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Inhalt UX &amp; Design im Onlineshop 01 Warum ist UX-Design im Onlineshop so wichtig? 02 Technische Grundlagen f\u00fcr gute User Experience im Onlineshop 03 Gestaltung &amp; Shopdesign im Onlineshop 04 Customer Journey &amp; Conversion-Optimierung im Onlineshop 05 Fazit: UX-Design als Erfolgsfaktor im E-Commerce Shopsystem Vorz\u00fcge Onlineshop Shop & Wawi UX & Design GAIO & SEO","protected":false},"author":31,"featured_media":0,"parent":288138,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/product-landing.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-288441","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jtl-split-greyhound.betterscale.dev\/de\/wp-json\/wp\/v2\/pages\/288441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jtl-split-greyhound.betterscale.dev\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jtl-split-greyhound.betterscale.dev\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jtl-split-greyhound.betterscale.dev\/de\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/jtl-split-greyhound.betterscale.dev\/de\/wp-json\/wp\/v2\/comments?post=288441"}],"version-history":[{"count":4,"href":"https:\/\/jtl-split-greyhound.betterscale.dev\/de\/wp-json\/wp\/v2\/pages\/288441\/revisions"}],"predecessor-version":[{"id":292626,"href":"https:\/\/jtl-split-greyhound.betterscale.dev\/de\/wp-json\/wp\/v2\/pages\/288441\/revisions\/292626"}],"up":[{"embeddable":true,"href":"https:\/\/jtl-split-greyhound.betterscale.dev\/de\/wp-json\/wp\/v2\/pages\/288138"}],"wp:attachment":[{"href":"https:\/\/jtl-split-greyhound.betterscale.dev\/de\/wp-json\/wp\/v2\/media?parent=288441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}