{"id":293984,"date":"2025-11-27T15:13:24","date_gmt":"2025-11-27T14:13:24","guid":{"rendered":"https:\/\/www.jtl-software.com\/ux-design-online-store"},"modified":"2026-04-28T11:08:48","modified_gmt":"2026-04-28T09:08:48","slug":"ux-design","status":"publish","type":"page","link":"https:\/\/www.jtl-software.com\/en\/topics\/ecommerce\/ux-design","title":{"rendered":"UX design online store"},"content":{"rendered":"\t\t<section class=\"section-1570\">\n\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<div class=\"col\">\n\t<div class=\"toc-widget toc-widget-69f4a70807c08 purple-scheme\" tabindex=\"-1\">\n    <div class=\"toc-widget__buttons\">\n        <button type=\"button\" class=\"toc-widget__buttons-burger\">\n            <i class=\"fa-solid fa-bars\"><\/i>\n            <span class=\"toc-widget__buttons-burger--text\">Content<\/span>\n        <\/button>\n        <button type=\"button\" class=\"toc-widget__buttons-close d-none\">\n            <i class=\"fa-solid fa-arrow-left\"><\/i>\n        <\/button>\n    <\/div>\n    <div class=\"toc-widget__content-wrapper\">\n        <div class=\"toc-widget__content\">\n            <div class=\"toc-widget__content--item is-primary\">\n    <a href=\"#guide\" class=\"toc-widget__content--item-button\">\n        <span class=\"toc-widget__content--item-button--content\">\n                                    <span class=\"toc-widget__content--item-button--content__text\">UX &amp; Design<\/span>\n                    <\/span>\n        <span class=\"toc-widget__content--item-button--icon\">\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n        <\/span>\n    <\/a>\n    <\/div><div class=\"toc-widget__content--item\">\n    <a href=\"#why-is-ux-design-important-for-online-stores\" class=\"toc-widget__content--item-button\">\n        <span class=\"toc-widget__content--item-button--content\">\n                        <span class=\"toc-widget__content--item-button--content__number\">01<\/span>\n                                    <span class=\"toc-widget__content--item-button--content__text\">Why is UX design important for online stores?<\/span>\n                    <\/span>\n        <span class=\"toc-widget__content--item-button--icon\">\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n        <\/span>\n    <\/a>\n    <\/div><div class=\"toc-widget__content--item\">\n    <a href=\"#technical-basics-for-a-good-user-experience-in-the-online-store\" class=\"toc-widget__content--item-button\">\n        <span class=\"toc-widget__content--item-button--content\">\n                        <span class=\"toc-widget__content--item-button--content__number\">02<\/span>\n                                    <span class=\"toc-widget__content--item-button--content__text\">Technical basics for a good user experience in the online store<\/span>\n                    <\/span>\n        <span class=\"toc-widget__content--item-button--icon\">\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n        <\/span>\n    <\/a>\n    <\/div><div class=\"toc-widget__content--item\">\n    <a href=\"#design-store-design-in-the-online-store\" class=\"toc-widget__content--item-button\">\n        <span class=\"toc-widget__content--item-button--content\">\n                        <span class=\"toc-widget__content--item-button--content__number\">03<\/span>\n                                    <span class=\"toc-widget__content--item-button--content__text\">Design &amp; store design in the online store<\/span>\n                    <\/span>\n        <span class=\"toc-widget__content--item-button--icon\">\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n        <\/span>\n    <\/a>\n    <\/div><div class=\"toc-widget__content--item\">\n    <a href=\"#customer-journey-conversion-optimization-in-the-online-store\" class=\"toc-widget__content--item-button\">\n        <span class=\"toc-widget__content--item-button--content\">\n                        <span class=\"toc-widget__content--item-button--content__number\">04<\/span>\n                                    <span class=\"toc-widget__content--item-button--content__text\">Customer Journey &amp; Conversion Optimization in the online store<\/span>\n                    <\/span>\n        <span class=\"toc-widget__content--item-button--icon\">\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n        <\/span>\n    <\/a>\n    <\/div><div class=\"toc-widget__content--item\">\n    <a href=\"#conclusion-ux-design-as-a-success-factor-in-ecommerce\" class=\"toc-widget__content--item-button\">\n        <span class=\"toc-widget__content--item-button--content\">\n                        <span class=\"toc-widget__content--item-button--content__number\">05<\/span>\n                                    <span class=\"toc-widget__content--item-button--content__text\">Conclusion: UX design as a success factor in eCommerce<\/span>\n                    <\/span>\n        <span class=\"toc-widget__content--item-button--icon\">\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n        <\/span>\n    <\/a>\n    <\/div>        <\/div>\n    <\/div>\n    \n<\/div>\n\n<div class=\"toc-widget-scroll-to-top d-none purple-scheme\">\n    <button type=\"button\" id=\"scrollToTop\" class=\"toc-widget-scroll-to-top__button\">\n        <i class=\"fa-regular fa-arrow-up\"><\/i>\n    <\/button>\n<\/div><div class=\"anchor-navigation-tabs purple-scheme\">\n            <div class=\"anchor-navigation-tabs__nav\">\n                            <div class=\"anchor-navigation-tabs__nav-item\">\n                    <a class=\"anchor-navigation-tabs__nav-item--link\" href=\"https:\/\/www.jtl-software.com\/en?page_id=294026&amp;preview=true\">Store system<\/a>\n                <\/div>\n                            <div class=\"anchor-navigation-tabs__nav-item\">\n                    <a class=\"anchor-navigation-tabs__nav-item--link\" href=\"https:\/\/www.jtl-software.com\/en?page_id=294014&amp;preview=true\">Benefits<\/a>\n                <\/div>\n                            <div class=\"anchor-navigation-tabs__nav-item\">\n                    <a class=\"anchor-navigation-tabs__nav-item--link\" href=\"https:\/\/www.jtl-software.com\/en?page_id=293999&amp;preview=true\">Store & ERP<\/a>\n                <\/div>\n                            <div class=\"anchor-navigation-tabs__nav-item active\">\n                    <a class=\"anchor-navigation-tabs__nav-item--link\" href=\"https:\/\/www.jtl-software.com\/en?page_id=293984&amp;preview=true\">UX & Design<\/a>\n                <\/div>\n                            <div class=\"anchor-navigation-tabs__nav-item\">\n                    <a class=\"anchor-navigation-tabs__nav-item--link\" href=\"https:\/\/www.jtl-software.com\/en?page_id=293972&amp;preview=true\">GAIO & SEO<\/a>\n                <\/div>\n                            <div class=\"anchor-navigation-tabs__nav-item\">\n                    <a class=\"anchor-navigation-tabs__nav-item--link\" href=\"https:\/\/www.jtl-software.com\/en?page_id=310795&amp;preview=true\">Selection & Checklist<\/a>\n                <\/div>\n                    <\/div>\n    <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t<style>\n\t.utils-69f4a70808225 { background-repeat: no-repeat !important; }\n<\/style>\t\t<section id=\"guide\" class=\"hero-product-section purple mb-0 utils-69f4a70808225\">\n\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<div class=\"col-lg-7 hero-product-section__content orange\">\n\t<h1 id=\"anchor-ux-design-in-the-online-store-shopping-made-easy\" class=\"hero-product-section__content--title\"><span class=\"font-weight-bold\">UX &amp; Design in the online store -<\/span> Shopping made easy!<a href=\"#ux-design-in-the-online-store-shopping-made-easy\" class=\"far fa-link headline-link\" data-href=\"#ux-design-in-the-online-store-shopping-made-easy\"><\/a><\/h1>\t<div class=\"hero-product-section__content--text mr-0 mb-3 mr-md-8 mb-md-5\">\n<p><strong>Excellent usability<\/strong> often goes unrecognized because everything &#8220;just works&#8221;. <strong>Poor usability<\/strong>, on the other hand, immediately catches the eye: users become insecure, can&#8217;t find their way around, Cancel &#8211; and, in case of doubt, don&#8217;t come back. This applies both to the administration of a store system and to the front end with which customers interact.<\/p>\n<p>A <strong>confusing category structure<\/strong>, <strong>a lack of responsive design<\/strong>, which makes the online store barely usable, or a <strong>complicated checkout process<\/strong> quickly lead to<\/p>\n\t<\/div>\n<ul class=\"hero-product-section__content--list list-icons\">\n\t<li><span style=\"color:#814FF0;\" class=\"fa-regular fa-arrow-right fa-fw list-icon\"><\/span>Increased bounce rate<\/li><li><span style=\"color:#05C7D1;\" class=\"fa-regular fa-arrow-right fa-fw list-icon\"><\/span>frustrated purchase cancellations<\/li><li><span style=\"color:#05C7D1;\" class=\"fa-regular fa-arrow-right fa-fw list-icon\"><\/span>a poor conversion rate<\/li><\/ul><\/div>\n<div class=\"col-lg-5 hero-product-section__image\">\n\t\t<figure class=\"figure\">\n<picture><source type=\"image\/svg+xml\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20616%20521'%20xml:space='preserve'%3E%3C\/svg%3E 1x\" data-srcset=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/ux-design-online-shop-good-vs-bad-user-experience.svg 1x, https:\/\/www.jtl-software.com\/uploads\/2026\/04\/ux-design-online-shop-good-vs-bad-user-experience.svg 1x\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20616%20521'%20xml:space='preserve'%3E%3C\/svg%3E\" data-src=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/ux-design-online-shop-good-vs-bad-user-experience.svg\" width=\"616\" height=\"521\" alt=\"Graphic compares good and poor user experience in an online shop and shows the impact on conversion rate, bounce rate, and support effort.\" class=\"lazy img-fluid border-solid  figure-img\"><\/picture>\t\t<figcaption class=\"figure-caption text-reset text-center\">Good UX remains inconspicuous - bad UX leads to abandonment, frustration and lower conversion rates.<\/figcaption>\n\t<\/figure>\n<\/div>\n<div class=\"col-lg-12\">\n\t<style>\n        @media screen and (min-width: 1200px) {\n        .product-subcard-widget-69f4a7080fc85 {\n            transform: translateX(0px);\n        } \n    }\n<\/style>\n<div class=\"product-subcard-widget product-subcard-widget-69f4a7080fc85 left-aligned bg-30\" style=\"max-width:860px;margin-top:35px;\">\n            \t<div class=\"mb-5\">\n<p>Good user experience is not an end in itself: it directly contributes to the benefits of having your own online store &#8211; such as conversion, customer loyalty and brand building. We explain the strategic advantages of having your own online store in detail on our guide page:<\/p>\n\t<\/div>\n<div class=\"product-buttons-group\">\n            \n<a class=\"product-button-group__link\" href=\"\/de\/themen\/shopsystem\/vorzuege-onlineshop\">\n    <span class=\"product-button-group__link--text\">Successful eCommerce - 6 advantages of an online store<i class=\"fa-solid fa-arrow-right product-button-group__link--icon\"><\/i><\/span>\n<\/a>    <\/div>    <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t<style>\n\t.utils-69f4a70810223 { background-repeat: no-repeat !important; }\n<\/style>\t\t<section class=\"product-management-section purple utils-69f4a70810223\">\n\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<div class=\"col-lg-12\">\n\t<div class=\"col-lg-7 px-0\">\n            <p>It is therefore crucial for retailers to ensure that the <strong>user experience<\/strong> is positive &#8211; and that customers are happy to return, ideally even making recommendations. At the end of the day, it&#8217;s not just about making a purchase, but about the <strong>feeling<\/strong> that remains after visiting an online store.<\/p>\n<p>Retailers set the course for an optimal shopping experience by <strong>choosing a suitable store system<\/strong> that offers enough scope to implement a first-class user experience. On this page, we explain why UX design is so important in online stores and which technical and design factors retailers should pay attention to in order to provide their customers with a pleasant user experience.<\/p>\n    <\/div><style>\n        @media screen and (min-width: 1200px) {\n        .product-subcard-widget-69f4a708109a7 {\n            transform: translateX(0px);\n        } \n    }\n<\/style>\n<div class=\"product-subcard-widget product-subcard-widget-69f4a708109a7 left-aligned bg-30\" style=\"max-width:860px;margin-top:35px;\">\n            \t<div class=\"mb-5\">\n<p>However, it is not only design aspects that need to be scrutinized when looking at different store systems. Numerous other factors are equally important: What types of store systems are there, what are their advantages and disadvantages and how are setup, costs and flexibility related? Answers to these questions and an overview can be found on the homepage of our store system guide:<\/p>\n\t<\/div>\n<div class=\"product-buttons-group\">\n            \n<a class=\"product-button-group__link\" href=\"\/de\/themen\/shopsystem\">\n    <span class=\"product-button-group__link--text\">Store system guide - Overview<i class=\"fa-solid fa-arrow-right product-button-group__link--icon\"><\/i><\/span>\n<\/a>    <\/div>    <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t<section class=\"purple section-1690\">\n\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<div class=\"col\">\n\t\n\n<div class=\"decorated-container-inner \">\n        <div class=\"decorated-container-square-overlay\"><\/div>\n        <div class=\"decorated-container-wrapper\">\n        <div class=\"decorated-container\">\n                        <div class=\"decorated-container-items-wrapper\">\n                                    <div class=\"col-lg-7 px-0\">\n            <h2 id=\"anchor-why-is-ux-design-important-for-online-stores\" class=\"redesign-styles__title\"><span class=\"font-weight-bold\">Why is UX design important<\/span> for online stores?<a href=\"#why-is-ux-design-important-for-online-stores\" class=\"far fa-link headline-link\" data-href=\"#why-is-ux-design-important-for-online-stores\"><\/a><\/h2><p>User experience (UX for short) basically describes a user&#8217;s experience when applying a product, system or service. In the context of an online store, this refers to all points of contact that arise between visitors and the digital store front &#8211; from the first page view to parcel delivery and beyond.<\/p>\n<p><strong>The Experience includes, among other things:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>how quickly users can orient themselves<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>how comprehensibly content is structured<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>how easy the ordering process is<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Good answers to questions in advance<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>how safe and valued customers feel<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p>Among UX experts, the guiding principle has become established: <strong>&#8220;The less the user has to think, the better.&#8221;<\/strong> In essence, it&#8217;s about <strong>intuitive, clear and smooth processes<\/strong> without unnecessary hurdles. The fewer clicks that lead to the goal and the fewer points of friction, the more convenient the shopping experience.<\/p>\n<p><strong>Why should UX be at the top of the online store&#8217;s list of priorities?<\/strong><\/p>\n    <\/div><style>\n\t.grid-69f4a708126f5 { --rows: 4; --gap: 16px; }\n\n\t@media (min-width: 992px) {\n\t\t.grid-69f4a708126f5 { --columns: 1fr 1fr; --rows: 2; --gap: 32px; }\n\t}\n\n\t@media (min-width: 1200px) {\n\t\t.grid-69f4a708126f5 { --columns: 1fr 1fr 1fr 1fr; --rows: 1; }\n\t}\n<\/style><div class=\"mt-5 mb-5 grid grid-69f4a708126f5\">\n\t<style>\n\t.utils-69f4a70812832 { background-color: #FFFFFF !important; }\n\t.grid-item-69f4a70812832 { --columns-start: 1; --rows-start: 2; }\n\n\t@media (min-width: 992px) {\n\t\t.grid-item-69f4a70812832 { --columns-start: 2; --rows-start: 1; }\n\t}\n\n\t@media (min-width: 1200px) {\n\t\t.grid-item-69f4a70812832 { --columns-start: 1; --rows-start: 1; }\n\t}\n<\/style><div class=\"pt-5 pr-5 pb-5 pl-5 basic-br utils-69f4a70812832 grid-item grid-item-69f4a70812832\">\n\t\t<div class=\"mb-0\">\n<p>An online store that works well across all devices increases <strong>customer satisfaction<\/strong>. Visitors become customers &#8211; and ideally regular customers.<\/p>\n\t<\/div>\n<\/div><style>\n\t.utils-69f4a70812b33 { background-color: #FFFFFF !important; }\n\t.grid-item-69f4a70812b33 { --columns-start: 1; --rows-start: 3; }\n\n\t@media (min-width: 992px) {\n\t\t.grid-item-69f4a70812b33 { --columns-start: 1; --rows-start: 2; }\n\t}\n\n\t@media (min-width: 1200px) {\n\t\t.grid-item-69f4a70812b33 { --columns-start: 2; --rows-start: 1; }\n\t}\n<\/style><div class=\"pt-5 pr-5 pb-5 pl-5 basic-br utils-69f4a70812b33 grid-item grid-item-69f4a70812b33\">\n\t\t<div class=\"mb-0\">\n<p>A well thought-out UX design <strong>makes purchasing decisions easier<\/strong>. Short paths, clear categorization, a transparent checkout &#8211; all this lowers the hurdle to purchase.<\/p>\n\t<\/div>\n<\/div><style>\n\t.utils-69f4a70812dd5 { background-color: #FFFFFF !important; }\n\t.grid-item-69f4a70812dd5 { --columns-start: 1; --rows-start: 1; }\n\n\t@media (min-width: 1200px) {\n\t\t.grid-item-69f4a70812dd5 { --columns-start: 3; --rows-start: 1; }\n\t}\n<\/style><div class=\"pt-5 pr-5 pb-5 pl-5 basic-br utils-69f4a70812dd5 grid-item grid-item-69f4a70812dd5\">\n\t\t<div class=\"mb-0\">\n<p>Good UX has a <strong>direct impact on sales and margins<\/strong>: Those who feel comfortable are more likely to buy more than planned and come back more often.<\/p>\n\t<\/div>\n<\/div><style>\n\t.utils-69f4a70813091 { background-color: #FFFFFF !important; }\n\t.grid-item-69f4a70813091 { --columns-start: 1; --rows-start: 4; }\n\n\t@media (min-width: 992px) {\n\t\t.grid-item-69f4a70813091 { --columns-start: 2; --rows-start: 2; }\n\t}\n\n\t@media (min-width: 1200px) {\n\t\t.grid-item-69f4a70813091 { --columns-start: 4; --rows-start: 1; }\n\t}\n<\/style><div class=\"pt-5 pr-5 pb-5 pl-5 basic-br utils-69f4a70813091 grid-item grid-item-69f4a70813091\">\n\t\t<div class=\"mb-0\">\n<p>At the same time, <strong>support costs<\/strong> are reduced because many questions are answered before they are asked thanks to clear information, help pages or FAQs.<\/p>\n\t<\/div>\n<\/div><\/div><div class=\"col-lg-7 px-0\">\n            <p>Another important aspect is <strong>mobile use<\/strong>. The majority of users already make their online purchases primarily via smartphone &#8211; and the trend is rising. Nevertheless, many stores are still not consistently &#8220;mobile first&#8221;. Pages are overloaded with decorative but unhelpful content or are difficult to use on small screens. Users like to scroll, but only if the content is relevant.<\/p>\n<p><strong>Conclusion:<\/strong> Design, layout, content and technology must go <strong>hand in hand<\/strong> to turn prospective customers into paying customers. UX is not a &#8220;nice-to-have&#8221;, but a key success factor in eCommerce.<\/p>\n    <\/div>                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t<style>\n\t.utils-69f4a70813665 { background-repeat: no-repeat !important; }\n<\/style>\t\t<section class=\"product-management-section purple utils-69f4a70813665\">\n\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<div class=\"col-lg-12 pt-lg-4\">\n\t<div class=\"col-lg-7 px-0\">\n            <h2 id=\"anchor-technical-basics-for-a-good-user-experience-in-the-online-store\" class=\"product-management-section__title mb-5\"><span class=\"font-weight-bold\">Technical basics<\/span> for a good user experience in the online store<a href=\"#technical-basics-for-a-good-user-experience-in-the-online-store\" class=\"far fa-link headline-link\" data-href=\"#technical-basics-for-a-good-user-experience-in-the-online-store\"><\/a><\/h2>\t<div class=\"product-management-section__text mb-5\">\n<p>The technical basis of a store system has a significant influence on the user experience. Stability, speed and clean structures ensure that the user experience is not clouded by frustration factors. When selecting a store system, the following aspects should therefore be checked in particular.<\/p>\n\t<\/div>\n    <\/div>\t<div class=\"row mt-7\">\n\t\t<div class=\"col-lg-6\">\n\t<h3 class=\"redesign-styles__heading mb-5\">Navigation &amp; information architecture<\/h3><p>Navigation is a core element of user guidance. It determines whether visitors quickly grasp the information: <strong>What is available here? Where can I find what I&#8217;m looking for? <\/strong><\/p>\n<p><strong>Important points:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>The navigation structure should be <strong>logical, understandable and streamlined<\/strong>.<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Top categories and subcategories must reflect the &#8220;mindset&#8221; of the customer, not the internal view of the company.<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Menu types (e.g. classic main navigation, mega menus, filter bars) should be usable depending on the product range.<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Categories, filters and internal links should be designed in such a way that important products and content can be accessed with just a few clicks.<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p>When choosing a store system, it is worth taking a close look at the options for <strong>navigation and information architecture<\/strong>. Good systems allow flexible menu structures, multiple navigation levels and, if necessary, different navigation concepts for desktop and mobile.<\/p>\n<\/div><div class=\"col-lg-6 col-xl-5 offset-xl-1\">\n\t\t<figure class=\"figure mt-5 mt-lg-0\">\n<picture><source type=\"image\/svg+xml\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20690%20582'%20xml:space='preserve'%3E%3C\/svg%3E 1x\" data-srcset=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/online-shop-navigation-and-information-architecture-example.svg 1x, https:\/\/www.jtl-software.com\/uploads\/2026\/04\/online-shop-navigation-and-information-architecture-example.svg 1x\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy img-fluid border-solid  figure-img\" src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20690%20582'%20xml:space='preserve'%3E%3C\/svg%3E\" data-src=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/online-shop-navigation-and-information-architecture-example.svg\" width=\"690\" height=\"582\" alt=\"Example graphic of an online shop information architecture with main navigation, subcategories, breadcrumbs, and filters.\"><\/picture>\t\t<figcaption class=\"figure-caption text-reset text-center\">Clear navigation is based on the customer's way of thinking - not on internal structures.<\/figcaption>\n\t<\/figure>\n<\/div>\t<\/div>\n\t<div class=\"row mt-7\">\n\t\t<div class=\"order-2 col-lg-6 order-lg-1 col-xl-5\">\n\t\t<figure class=\"figure mt-5 mt-lg-0\">\n<picture><source type=\"image\/svg+xml\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20667%20636'%20xml:space='preserve'%3E%3C\/svg%3E 1x\" data-srcset=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/intelligent-search-and-filter-in-online-shop-example.svg 1x, https:\/\/www.jtl-software.com\/uploads\/2026\/04\/intelligent-search-and-filter-in-online-shop-example.svg 1x\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy img-fluid border-solid  figure-img\" src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20667%20636'%20xml:space='preserve'%3E%3C\/svg%3E\" data-src=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/intelligent-search-and-filter-in-online-shop-example.svg\" width=\"667\" height=\"636\" alt=\"Graphic shows an intelligent search function with auto-suggest and error-tolerant input, as well as filtering and sorting options in the online shop.\"><\/picture>\t\t<figcaption class=\"figure-caption text-reset text-center\">For many users, an intelligent search with suitable filters is the quickest way to find the right product.<\/figcaption>\n\t<\/figure>\n<\/div><div class=\"order-1 col-lg-6 order-lg-2 offset-xl-1\">\n\t<h3 class=\"redesign-styles__heading mb-5\">Intelligent search &amp; filter<\/h3><p>For many users, the search function is the fastest way to find a product. It becomes a decisive UX factor, especially for larger product ranges. <strong>Modern search and filter systems should:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>be error-tolerant (typos, singular\/plural, hyphens, etc.)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Recognize synonyms<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Provide auto-suggestions and suggestions as you type<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Provide useful filter and sorting options (price, brand, size, color, availability, etc.)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Enable ranking logic (e.g. according to relevance, top seller, margin)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p>For retailers with an extensive product range, the quality of the search should be a <strong>key criterion when selecting a store system<\/strong>. Powerful search solutions or integrated search modules with AI support are particularly worthwhile here.<\/p>\n<\/div>\t<\/div>\n\t<div class=\"row mt-7\">\n\t\t<div class=\"col-lg-6\">\n\t<h3 class=\"redesign-styles__heading mb-5\">Error pages &amp; error tolerance<\/h3><p>Orphaned links and 404 error pages are poison for the user experience. Anyone who lands on an error message feels frustrated and often cancels. <strong>This makes it all the more important<\/strong> that:<\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p><strong>redirects (301 redirects)<\/strong> can be set up when URLs are changed or content is moved.<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>there is a <strong>user-friendly 404 page<\/strong> that catches users &#8211; e.g. with a search function, links to important categories and a button to the home page.<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Retailers should regularly check for broken links (e.g. via the Google Search Console or integrated store system tools).<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p>Good store systems offer functions or extensions to efficiently manage redirects and create individual error pages. Ideally, they also support the detection of dead links. All of this contributes to a stable, trustworthy user experience.<\/p>\n<\/div><div class=\"col-lg-6 col-xl-5 offset-xl-1\">\n\t\t<figure class=\"figure mt-5 mt-lg-0\">\n<picture><source type=\"image\/svg+xml\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20616%20583'%20xml:space='preserve'%3E%3C\/svg%3E 1x\" data-srcset=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/user-friendly-404-error-page-online-shop.svg 1x, https:\/\/www.jtl-software.com\/uploads\/2026\/04\/user-friendly-404-error-page-online-shop.svg 1x\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy img-fluid border-solid  figure-img\" src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20616%20583'%20xml:space='preserve'%3E%3C\/svg%3E\" data-src=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/user-friendly-404-error-page-online-shop.svg\" width=\"616\" height=\"583\" alt=\"Graphic compares a basic 404 error page without support options to a user-friendly 404 page with search, categories, and a link back to the homepage.\"><\/picture>\t\t<figcaption class=\"figure-caption text-reset text-center\">Instead of dead ends: Good error pages pick up users and lead them back to the product range.<\/figcaption>\n\t<\/figure>\n<\/div>\t<\/div>\n\t<div class=\"row mt-7\">\n\t\t<div class=\"order-2 col-lg-6 order-lg-1 col-xl-5\">\n\t\t<figure class=\"figure mt-5 mt-lg-0\">\n<picture><source type=\"image\/svg+xml\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20706%20548'%20xml:space='preserve'%3E%3C\/svg%3E 1x\" data-srcset=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/load-times-performance-and-responsive-design-online-shop.svg 1x, https:\/\/www.jtl-software.com\/uploads\/2026\/04\/load-times-performance-and-responsive-design-online-shop.svg 1x\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy img-fluid border-solid  figure-img\" src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20706%20548'%20xml:space='preserve'%3E%3C\/svg%3E\" data-src=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/load-times-performance-and-responsive-design-online-shop.svg\" width=\"706\" height=\"548\" alt=\"Graphic shows decreasing conversion rates with longer load times and compares a desktop and mobile view of a responsive online shop.\"><\/picture>\t\t<figcaption class=\"figure-caption text-reset text-center\">Good UX needs technology: fast loading times and a responsive design on all devices.<\/figcaption>\n\t<\/figure>\n<\/div><div class=\"order-1 col-lg-6 order-lg-2 offset-xl-1\">\n\t<h3 class=\"redesign-styles__heading mb-5\">Loading times &amp; performance<\/h3><p>Loading times are a critical UX and conversion factor. A delay of just a few seconds can significantly increase the bounce rate. Guideline: Pages should load <strong>noticeably within 1-2 seconds<\/strong>.<\/p>\n<p><strong>Relevant points when selecting a store system:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>High-performance system and clean templates<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Suitable hosting with sufficient resources<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Caching mechanisms to deliver recurring content faster<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Regular updates and database optimizations (ideally by the provider in the case of SaaS solutions)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p>The <strong>preparation of the content<\/strong> also plays a major role:<\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Images should be compressed and integrated in suitable formats (e.g. WebP).<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>A store system with integrated image optimization is a clear advantage here &#8211; especially with many product images.<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Script and CSS files should be kept as lean as possible and only loaded where they are really needed.<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p>Good performance not only ensures satisfied users, but also has a positive effect on <strong>visibility in search engines<\/strong>.<\/p>\n<\/div>\t<\/div>\n<style>\n        @media screen and (min-width: 1200px) {\n        .product-subcard-widget-69f4a70826af1 {\n            transform: translateX(0px);\n        } \n    }\n<\/style>\n<div class=\"product-subcard-widget product-subcard-widget-69f4a70826af1 left-aligned bg-30 mb-7\" style=\"max-width:860px;margin-top:35px;\">\n            \t<div class=\"mb-5\">\n<p>Many UX factors &#8211; such as loading times, clear structures or clean error pages &#8211; are also SEO and GAIO-relevant signals. We show you which technical and content-related SEO functions your store system should support on our guide page on GAIO &amp; SEO:<\/p>\n\t<\/div>\n<div class=\"product-buttons-group\">\n            \n<a class=\"product-button-group__link\" href=\"\/de\/themen\/shopsystem\/gaio-seo-onlineshop\">\n    <span class=\"product-button-group__link--text\">GAIO &amp; SEO for online stores - what is important?<i class=\"fa-solid fa-arrow-right product-button-group__link--icon\"><\/i><\/span>\n<\/a>    <\/div>    <\/div><div class=\"col-lg-7 px-0\">\n            <h3 class=\"redesign-styles__heading mt-7 mb-5\">Interfaces for service &amp; after-sales<\/h3><p>The user experience does not end with the click on &#8220;Order&#8221;. Delivery speed, transparency in shipping, uncomplicated returns and accessible support have a major influence on how customers review the store overall.<\/p>\n    <\/div><style>\n\t.grid-69f4a708271ff { --rows: 2; --gap: 16px; }\n\n\t@media (min-width: 992px) {\n\t\t.grid-69f4a708271ff { --columns: 1fr 1fr; --rows: 2; --gap: 32px; }\n\t}\n<\/style><div class=\"mt-5 mb-5 grid grid-69f4a708271ff\">\n\t<style>\n\t.utils-69f4a7082752d { background-color: #F2EDFE !important; }\n\t.grid-item-69f4a7082752d { --columns-start: 1; --rows-start: 1; }\n<\/style><div class=\"pt-5 pr-5 pb-5 pl-5 basic-br utils-69f4a7082752d grid-item grid-item-69f4a7082752d\">\n\t<p><strong>A store system should therefore offer interfaces<\/strong> to:<\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Payment service providers (e.g. PayPal, credit card, wallet solutions)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Shipping and logistics service providers<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>merchandise management systems<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Ticket and support systems<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>CRM and email marketing tools, if applicable<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><\/div><style>\n\t.utils-69f4a70828515 { background-color: #F2EDFE !important; }\n\t.grid-item-69f4a70828515 { --columns-start: 1; --rows-start: 2; }\n\n\t@media (min-width: 992px) {\n\t\t.grid-item-69f4a70828515 { --columns-start: 2; --rows-start: 1; }\n\t}\n<\/style><div class=\"pt-5 pr-5 pb-5 pl-5 basic-br utils-69f4a70828515 grid-item grid-item-69f4a70828515\">\n\t<p><strong>These interfaces can<\/strong> be used to:<\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Send status mails automatically<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Provide tracking links<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Digitally mapping returns processes<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Making service processes more efficient<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><\/div><\/div><div class=\"col-lg-7 px-0\">\n            <p>This not only makes internal work easier, but also significantly improves the <strong>post-purchase experience for customers<\/strong> &#8211; a key component of a holistic user experience.<\/p>\n    <\/div><style>\n        @media screen and (min-width: 1200px) {\n        .product-subcard-widget-69f4a7082958a {\n            transform: translateX(0px);\n        } \n    }\n<\/style>\n<div class=\"product-subcard-widget product-subcard-widget-69f4a7082958a left-aligned bg-30 mb-7\" style=\"max-width:860px;margin-top:35px;\">\n            \t<div class=\"mb-5\">\n<p>A smooth checkout, transparent delivery times and reliable stock levels are key parts of the user experience &#8211; and are directly dependent on well-integrated processes in the background. You can find out how to combine your store system with merchandise management to ensure stable processes on our guide page:&#8221;<\/p>\n\t<\/div>\n<div class=\"product-buttons-group\">\n            \n<a class=\"product-button-group__link\" href=\"\/de\/themen\/shopsystem\/shop-und-wawi\">\n    <span class=\"product-button-group__link--text\">Efficient processes thanks to store system and merchandise management<i class=\"fa-solid fa-arrow-right product-button-group__link--icon\"><\/i><\/span>\n<\/a>    <\/div>    <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t<section class=\"purple section-1690\">\n\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<div class=\"col-lg-12\">\n\t\n\n<div class=\"decorated-container-inner \">\n        <div class=\"decorated-container-square-overlay\"><\/div>\n        <div class=\"decorated-container-wrapper\">\n        <div class=\"decorated-container\">\n                        <div class=\"decorated-container-items-wrapper\">\n                                    <div class=\"col-lg-7 px-0\">\n            <h2 id=\"anchor-design-store-design-in-the-online-store\" class=\"redesign-styles__title\"><span class=\"font-weight-bold\">Design &amp; store design<\/span> in the online store<a href=\"#design-store-design-in-the-online-store\" class=\"far fa-link headline-link\" data-href=\"#design-store-design-in-the-online-store\"><\/a><\/h2><p>In addition to the technology, the visual and content design plays a decisive role. A well thought-out online store impresses with <strong>clear structures, consistent design and comprehensible communication.<\/strong><\/p>\n    <\/div>\t<div class=\"row mt-7\">\n\t\t<div class=\"col-lg-6\">\n\t<h3 class=\"redesign-styles__heading\">Clear structures &amp; visual hierarchy<\/h3><p>The same applies to online retail: first impressions count. <strong>Visitors should recognize at first glance:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>What does this store offer?<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Where can I find what interests me?<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>What is the next sensible step?<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p><strong>This is important:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>a clear start page with a clear structure<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Good category pages with comprehensible sorting<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Product detail pages that present all relevant information in an organized manner<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Targeted landing pages for campaigns and seasonal focuses<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p><strong>The &#8220;standard equipment&#8221; of a store system should ideally include:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Various layout options<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>flexible modules for teasers, product lists, banners<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Options for adapting the information hierarchy<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Design options with which <strong>call-to-actions<\/strong> can be clearly emphasized<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p>The aim is a design that reflects the brand, but always keeps the focus on the <strong>products and the next steps<\/strong> &#8211; not on purely decorative elements.<\/p>\n<\/div><div class=\"col-lg-6 col-xl-5 offset-xl-1\">\n\t\t<figure class=\"figure mt-5 mt-lg-0\">\n<picture><source type=\"image\/svg+xml\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20632%20561'%20xml:space='preserve'%3E%3C\/svg%3E 1x\" data-srcset=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/product-detail-page-visual-hierarchy-ux-design.svg 1x, https:\/\/www.jtl-software.com\/uploads\/2026\/04\/product-detail-page-visual-hierarchy-ux-design.svg 1x\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy img-fluid border-solid  figure-img\" src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20632%20561'%20xml:space='preserve'%3E%3C\/svg%3E\" data-src=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/product-detail-page-visual-hierarchy-ux-design.svg\" width=\"632\" height=\"561\" alt=\"Wireframe graphic of a product detail page shows the visual hierarchy of product image, title, price, variants, and call-to-action.\"><\/picture>\t\t<figcaption class=\"figure-caption text-reset text-center\">A clear visual hierarchy guides the eye from the image and title via the price directly to the buy button.<\/figcaption>\n\t<\/figure>\n<\/div>\t<\/div>\n\t<div class=\"row mt-7\">\n\t\t<div class=\"order-2 col-lg-6 order-lg-1 col-xl-5\">\n\t\t<figure class=\"figure mt-5 mt-lg-0\">\n<picture><source type=\"image\/svg+xml\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20632%20614'%20xml:space='preserve'%3E%3C\/svg%3E 1x\" data-srcset=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/checkout-forms-without-barriers-ux-online-shop.svg 1x, https:\/\/www.jtl-software.com\/uploads\/2026\/04\/checkout-forms-without-barriers-ux-online-shop.svg 1x\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy img-fluid border-solid  figure-img\" src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20632%20614'%20xml:space='preserve'%3E%3C\/svg%3E\" data-src=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/checkout-forms-without-barriers-ux-online-shop.svg\" width=\"632\" height=\"614\" alt=\"Graphic shows a three-step checkout process with a progress indicator and a clear form for address details.\"><\/picture>\t\t<figcaption class=\"figure-caption text-reset text-center\">A transparent checkout with few, clearly designed fields significantly reduces abandoned purchases.<\/figcaption>\n\t<\/figure>\n<\/div><div class=\"order-1 col-lg-6 order-lg-2 offset-xl-1\">\n\t<h3 class=\"redesign-styles__heading\">Forms &amp; checkout without hurdles<\/h3><p>Forms are a frequent stumbling block in the user experience. The checkout in particular determines whether the purchase is completed or canceled. <strong>Typical problems:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Obligation to create an account before an order can be placed<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>too many mandatory fields<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Unclear error messages<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Lack of transparency about how many more steps will follow<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p><strong>Best Practices:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Enable <strong>guest orders<\/strong> without the need to register<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Only request the necessary data, make extras optional<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Clear, understandable field labels and help texts<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Multi-level forms with progress display for complex processes<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Useful default settings and selection options (e.g. billing address = delivery address)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p><strong>Good store systems support these requirements:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>flexibly customizable forms<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>customizable checkout processes<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Options to show or hide fields<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Integrated validations for common entries (email, zip code, etc.)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p>Forms are thus transformed from an obstacle into an inconspicuous, functional component of a smooth purchasing process.<\/p>\n<\/div>\t<\/div>\n<div class=\"col-lg-7 px-0\">\n            <h3 class=\"redesign-styles__heading mt-7\">Responsive, mobile layout<\/h3><p>Responsive design ensures that the online store can be used optimally on all devices &#8211; from desktop to tablet to smartphone. Elements automatically adapt to the available space without content becoming illegible or control elements becoming too small.<\/p>\n<p><strong>A responsive store system should:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>offer mobile-optimized menus (e.g. burger menu)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Provide sufficiently large click or tap areas for buttons and links<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Select font sizes and spacing so that content remains easy to read<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Scale images and media flexibly or allow alternative displays for small screens<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p>Especially with regard to &#8220;Mobile First&#8221;, it is important that the store system supports <strong>mobile templates and components<\/strong> without the need for individual programming for each customization. This is the only way retailers can ensure that the shopping experience is also convincing on small displays.<\/p>\n    <\/div>                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t<style>\n\t.utils-69f4a70835163 { background-repeat: no-repeat !important; }\n<\/style>\t\t<section class=\"product-management-section purple utils-69f4a70835163\">\n\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<div class=\"col-lg-12 pt-lg-4\">\n\t<div class=\"col-lg-7 px-0\">\n            <h2 id=\"anchor-customer-journey-conversion-optimization-in-the-online-store\" class=\"product-management-section__title mb-5\"><span class=\"font-weight-bold\">Customer Journey &amp; Conversion Optimization<\/span> in the online store<a href=\"#customer-journey-conversion-optimization-in-the-online-store\" class=\"far fa-link headline-link\" data-href=\"#customer-journey-conversion-optimization-in-the-online-store\"><\/a><\/h2><p>In the purchasing decision process, customers go through several phases in which online stores can provide proactive support with tailored assistance and signals. From the above-mentioned error-tolerant search and the initial information about a product, to details for more detailed interest, to confidence-building signals that make a decision easier: There are numerous opportunities for retailers to place information and incentives in such a way that customers are encouraged in their decision to buy a product and trigger an order. The following points should be standard in a good store system.<\/p>\n<h3 class=\"redesign-styles__heading mt-7\">Call-to-actions in the online store<\/h3><p>Call-to-actions (CTAs) are requests for action: They tell the user what to do next. <strong>Typical CTAs include:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>&#8220;Add to shopping cart&#8221; \/ &#8220;Buy now&#8221;<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>&#8220;Learn more&#8221;<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>&#8220;To the product&#8221;<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>&#8220;Log in to the newsletter&#8221;<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>&#8220;Contact&#8221;<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p><strong>Good user experience requires CTAs:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>be clearly formulated and understandable<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>stand out visually without being obtrusive<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>fit contextually (e.g. information CTA on advice page, purchase CTA on product page)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>also be easily accessible and operable on mobile devices<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p>A store system should offer enough flexibility to place CTAs in the relevant places in the layout and adapt their design to the brand design.<\/p>\n<h3 class=\"redesign-styles__heading mt-7\">Product list and results pages<\/h3><p>If a user has set suitable filters via search or categories, the results list decides whether the next click &#8211; the product detail page &#8211; is made.<\/p>\n<p><strong>Important elements for good results pages:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Clear presentation of products (uniform image sizes, clear structure)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Display of the most important information at a glance: Title, image, price, key properties, availability, customer reviews if applicable<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Useful sorting and filter options<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Clear marking of variants (sizes, colors, etc.)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p>When selecting a store system, retailers should therefore also check how Good <strong>product lists and search results<\/strong> can be <strong>configured<\/strong>: What information can be displayed? How flexible are the layout and filter logic? How well do these pages work on mobile devices?<\/p>\n    <\/div><style>\n        @media screen and (min-width: 1200px) {\n        .product-subcard-widget-69f4a708380cf {\n            transform: translateX(0px);\n        } \n    }\n<\/style>\n<div class=\"product-subcard-widget product-subcard-widget-69f4a708380cf left-aligned bg-30 mb-7\" style=\"max-width:860px;margin-top:35px;\">\n            \t<div class=\"mb-5\">\n<p>Not every store system offers the same freedom in terms of navigation, layout and customer journey. If UX and design are key success factors for you, it&#8217;s worth taking a closer look at the system details. Our checklist will help you to specifically include UX and design requirements in your selection criteria &#8211; you can find the checklist here:<\/p>\n\t<\/div>\n<div class=\"product-buttons-group\">\n            \n<a class=\"product-button-group__link\" href=\"\/de\/themen\/shopsystem\/vergleich-auswahl-checkliste\">\n    <span class=\"product-button-group__link--text\">The store system comparison - selection criteria &amp; checklist<i class=\"fa-solid fa-arrow-right product-button-group__link--icon\"><\/i><\/span>\n<\/a>    <\/div>    <\/div><div class=\"col-lg-7 px-0\">\n            <h3 class=\"redesign-styles__heading mt-7\">Personalization in the online store<\/h3><p>Personalization can significantly improve the user experience if it is used sensibly. The aim is to give users the feeling that the store &#8220;understands&#8221; what they are interested in.<\/p>\n<p><strong>Typical examples:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Product recommendations based on previous purchases or items viewed<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Dynamic home pages with individual teasers for returning customers<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>&#8220;Recently viewed&#8221; lists<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Personalized email campaigns based on user behavior in the store<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p>Many store systems or connected tools already offer functions or extensions for this. <strong>The important thing is that personalization:<\/strong><\/p>\n<div class=\"list-widget\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>is <strong>relevant<\/strong> (instead of indiscriminate recommendations)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>is implemented <strong>transparently and in compliance with data protection<\/strong> regulations (keyword GDPR)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>supports the shopping experience instead of irritating users<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div>    <\/div>\t<div class=\"row mt-7\">\n\t\t<div class=\"col-lg-6\">\n\t<h4 class=\"redesign-styles__heading mb-5 h3\">Social proof for more trust<\/h4><p>People like to base their purchasing decisions on others. This principle &#8211; social proof &#8211; can be used specifically in eCommerce to build trust.<\/p>\n<p><strong>Possible forms of social proof and trust signals:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Product ratings and reviews<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Awards and seals of approval (e.g. Trusted Shops)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Store reviews on independent platforms<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Customer testimonials and testimonials<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>References to bestsellers, frequently purchased products or recommendations<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p><strong>Modern store systems usually offer:<\/strong><\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Integrated evaluation functions or interfaces to evaluation systems<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Options for visibly integrating seals and certificates<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Social media integration (share buttons, feeds, etc.)<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p><strong>Positioning<\/strong> is crucial: customer reviews and trust signals should be visible where they support the purchase decision &#8211; for example on product detail pages, in the checkout or near CTAs.<\/p>\n<\/div><div class=\"col-lg-6 col-xl-5 offset-xl-1\">\n\t\t<figure class=\"figure mt-5 mt-lg-0\">\n<picture><source type=\"image\/svg+xml\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20671%20644'%20xml:space='preserve'%3E%3C\/svg%3E 1x\" data-srcset=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/customer-journey-and-conversion-optimisation-online-shop.svg 1x, https:\/\/www.jtl-software.com\/uploads\/2026\/04\/customer-journey-and-conversion-optimisation-online-shop.svg 1x\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy img-fluid border-solid  figure-img\" src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%20671%20644'%20xml:space='preserve'%3E%3C\/svg%3E\" data-src=\"https:\/\/www.jtl-software.com\/uploads\/2026\/04\/customer-journey-and-conversion-optimisation-online-shop.svg\" width=\"671\" height=\"644\" alt=\"Funnel graphic shows the customer journey in the online shop and where CTAs, personalization, and social proof support conversion.\"><\/picture>\t\t<figcaption class=\"figure-caption text-reset text-center\">CTAs, personalization and social proof work at different points of the customer journey - together they strengthen conversion.<\/figcaption>\n\t<\/figure>\n<\/div>\t<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t<section class=\"purple section-1690\">\n\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<div class=\"col\">\n\t\n\n<div class=\"decorated-container-inner \">\n        <div class=\"decorated-container-square-overlay\"><\/div>\n        <div class=\"decorated-container-wrapper\">\n        <div class=\"decorated-container\">\n                        <div class=\"decorated-container-items-wrapper\">\n                                    \t<div class=\"row\">\n\t\t<div class=\"col-lg-6\">\n\t<h2 id=\"anchor-conclusion-ux-design-as-a-success-factor-in-ecommerce\" class=\"redesign-styles__title\"><span class=\"font-weight-bold\">Conclusion:<\/span> UX design as a success factor in eCommerce<a href=\"#conclusion-ux-design-as-a-success-factor-in-ecommerce\" class=\"far fa-link headline-link\" data-href=\"#conclusion-ux-design-as-a-success-factor-in-ecommerce\"><\/a><\/h2><p><strong>Good user experience is a key success factor for online stores.<\/strong> It decides whether visitors:<\/p>\n<div class=\"list-widget mb-5\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>perceive the store as trustworthy<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>Good at finding your way around<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>complete the purchase<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--icon\">\n            <i class=\"fa-solid fa-arrow-right\" style=\"color:#814FF0;\"><\/i>\n        <\/div>\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            \t<div class=\"mb-0\">\n<p>come back and recommend the store to others<\/p>\n\t<\/div>\n        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><p>The store system forms the technical and design stage: it should not only provide the desired functions, but also be <strong>intuitive, flexible and future-proof<\/strong>.<\/p>\n<p>UX is an important building block, but not the only one: topics such as <strong>store system selection, merchandise management connection, SEO, content and performance<\/strong> also play a major role in sustainable success in eCommerce. You can find more advice pages with practical tips and checklists in our store systems section.<\/p>\n<\/div><div class=\"col-lg-6 col-xl-5 offset-xl-1\">\n\t<style>\n\t.utils-69f4a70840ee5 { background-color: #C0A7F7 !important; }\n<\/style><div class=\"basic-br mt-5 mt-lg-0 utils-69f4a70840ee5 card\">\n\t<div class=\"card-body\">\n\t\t<span id=\"anchor-starten\" class=\"redesign-styles__heading mb-5 h3\">Read on now:<a href=\"#starten\" class=\"far fa-link headline-link\" data-href=\"#starten\"><\/a><\/span><div class=\"product-buttons-group\">\n            \n<a class=\"product-button-group__link\" href=\"\/de\/themen\/shopsystem\/gaio-seo-onlineshop\">\n    <span class=\"product-button-group__link--text\">GAIO &amp; SEO for online stores - what is important?<i class=\"fa-solid fa-arrow-right product-button-group__link--icon\"><\/i><\/span>\n<\/a>    <\/div>\t<\/div>\n\t<\/div><\/div>\t<\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t<section class=\"product-management-section purple\">\n\t\t\t\t\t<div class=\"container\">\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<div class=\"col-lg-6\">\n\t<style>\n\t.utils-69f4a70841773 { background-color: #00000000 !important; }\n<\/style>\t<div class=\"row no-gutters utils-69f4a70841773\">\n\t\t<style>\n\t.utils-69f4a7084195a { background-color: #F2EDFE !important; }\n<\/style><div class=\"pt-5 pr-5 pb-5 pl-5 pt-md-7 pr-md-7 pb-md-7 pl-md-7 basic-br themenwelten-last-card utils-69f4a7084195a col\">\n\t<span class=\"redesign-styles__subtitle mb-4 h4\">Further information &amp; overview on the topic of store systems<\/span><div class=\"list-widget\">\n    <ul class=\"list-widget__wrapper\" style=\"row-gap:16px;\">\n                    \n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            <div class=\"product-buttons-group\">\n            \n<a class=\"product-button-group__link\" href=\"https:\/\/www.jtl-software.com\/de\/themen\/shopsystem\">\n    <span class=\"product-button-group__link--text\">Store system guide<i class=\"fa-solid fa-arrow-right product-button-group__link--icon\"><\/i><\/span>\n<\/a>    <\/div>        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            <div class=\"product-buttons-group\">\n            \n<a class=\"product-button-group__link\" href=\"https:\/\/www.jtl-software.com\/de\/themen\/shopsystem\/vorzuege-onlineshop\">\n    <span class=\"product-button-group__link--text\">Successful eCommerce - 6 advantages of an online store<i class=\"fa-solid fa-arrow-right product-button-group__link--icon\"><\/i><\/span>\n<\/a>    <\/div>        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            <div class=\"product-buttons-group\">\n            \n<a class=\"product-button-group__link\" href=\"https:\/\/www.jtl-software.com\/de\/themen\/shopsystem\/shop-und-wawi\">\n    <span class=\"product-button-group__link--text\">Efficient processes thanks to store system and merchandise management<i class=\"fa-solid fa-arrow-right product-button-group__link--icon\"><\/i><\/span>\n<\/a>    <\/div>        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            <p>UX design in the online store &#8211; shopping made easy!<\/p>\n        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            <div class=\"product-buttons-group\">\n            \n<a class=\"product-button-group__link\" href=\"https:\/\/www.jtl-software.com\/de\/themen\/shopsystem\/gaio-seo-onlineshop\">\n    <span class=\"product-button-group__link--text\">GAIO &amp; SEO for online stores - what is important?<i class=\"fa-solid fa-arrow-right product-button-group__link--icon\"><\/i><\/span>\n<\/a>    <\/div>        <\/div>\n    <\/div>\n    \n<\/li>\n<li class=\"list-widget__item\" style=\"column-gap:24px;\">\n            <div class=\"list-widget__item--content\">\n        <div class=\"list-widget__item--rte\">\n            <div class=\"product-buttons-group\">\n            \n<a class=\"product-button-group__link\" href=\"https:\/\/www.jtl-software.com\/de\/themen\/shopsystem\/vergleich-auswahl-checkliste\">\n    <span class=\"product-button-group__link--text\">The store system comparison - selection criteria &amp; checklist<i class=\"fa-solid fa-arrow-right product-button-group__link--icon\"><\/i><\/span>\n<\/a>    <\/div>        <\/div>\n    <\/div>\n    \n<\/li>            <\/ul>\n<\/div><\/div>\t<\/div>\n<\/div>\n<div class=\"col-lg-6\">\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t","protected":false},"excerpt":{"rendered":"Content UX &amp; Design 01 Why is UX design important for online stores? 02 Technical basics for a good user experience in the online store 03 Design &amp; store design in the online store 04 Customer Journey &amp; Conversion Optimization in the online store 05 Conclusion: UX design as a success factor in eCommerce Store","protected":false},"author":31,"featured_media":0,"parent":294026,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/product-landing.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-293984","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/293984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jtl-software.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jtl-software.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jtl-software.com\/en\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jtl-software.com\/en\/wp-json\/wp\/v2\/comments?post=293984"}],"version-history":[{"count":6,"href":"https:\/\/www.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/293984\/revisions"}],"predecessor-version":[{"id":322463,"href":"https:\/\/www.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/293984\/revisions\/322463"}],"up":[{"embeddable":true,"href":"https:\/\/www.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/294026"}],"wp:attachment":[{"href":"https:\/\/www.jtl-software.com\/en\/wp-json\/wp\/v2\/media?parent=293984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}