")}.shape-container{position:relative}.shape{position:absolute;z-index:-1}.shape-bottom{bottom:0;left:0;right:0}.shape-bottom>svg{width:100%;height:auto;margin-bottom:-1px;-webkit-transform-origin:top center;transform-origin:top center}.text-dark{color:#1e2022!important}.col-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333%}.offset-1{margin-left:8.33333%}.mb-3{margin-bottom:1rem!important}@media (min-width:1200px){h3{font-size:1.3125rem}}.btn-warning{color:#fff;background-color:#f90;border-color:#f90}.btn-lg{padding:.75rem 1rem;font-size:1rem;border-radius:.3125rem}.mt-3{margin-top:1rem!important}.bg-gradient{background-image:var(--bs-gradient)!important}@media (max-width:991.98px){.navbar-expand-lg .navbar-collapse{background-color:#fff}.navbar-expand-lg .navbar-nav{padding:1rem}.navbar-expand-lg .navbar-nav .nav-link{padding:.5rem 0}.navbar-expand-lg .hs-mega-menu{max-width:100%!important;min-width:100%!important}.navbar-expand-lg .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu){position:relative;box-shadow:none;border-top-width:0;margin-top:0;border-radius:0;padding-left:1rem}.navbar-expand-lg .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu)::before{position:absolute;top:0;left:.4375rem;width:.125rem;height:calc(100% - .25rem);content:'';background-color:rgba(0,14,49,.1)}.navbar-expand-lg.navbar-dark .navbar-nav .dropdown-menu{border-left-width:0}.navbar-expand-lg.navbar-dark .navbar-nav{background-color:#000e31}}:root{--bs-blue:#377dff;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#ed4c78;--bs-orange:#fd7e14;--bs-yellow:#f5ca99;--bs-green:#198754;--bs-teal:#00c9a7;--bs-cyan:#09a5be;--bs-white:#fff;--bs-gray:#8c98a4;--bs-gray-dark:#71869d;--bs-gray-100:#f7faff;--bs-gray-200:#f8fafd;--bs-gray-300:#e7eaf3;--bs-gray-400:#bdc5d1;--bs-gray-500:#97a4af;--bs-gray-600:#8c98a4;--bs-gray-700:#677788;--bs-gray-800:#71869d;--bs-gray-900:#1e2022;--bs-primary:#002172;--bs-secondary:#5ECFFB;--bs-success:#88C538;--bs-info:#854ADB;--bs-warning:#FF9900;--bs-danger:#F03A47;--bs-light:#f7faff;--bs-dark:#000E31;--bs-primary-rgb:0,33,114;--bs-secondary-rgb:94,207,251;--bs-success-rgb:136,197,56;--bs-info-rgb:133,74,219;--bs-warning-rgb:255,153,0;--bs-danger-rgb:240,58,71;--bs-light-rgb:247,250,255;--bs-dark-rgb:0,14,49;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:103,119,136;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:Inter,sans-serif;--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#677788;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%}.h1,h1,h2{margin-top:0;margin-bottom:.5rem;font-weight:600;line-height:1.2;color:#1e2022}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}h2{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h2{font-size:1.75rem}}p{margin-top:0;margin-bottom:1rem}ul{padding-left:2rem;margin-top:0;margin-bottom:1rem}small{font-size:.875em}a{color:#002172;text-decoration:none}img,svg{vertical-align:middle}button{border-radius:0;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;text-transform:none}[type=button],button{-webkit-appearance:button}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.img-fluid{max-width:100%;height:auto}.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{-ms-flex:1 0 0%;flex:1 0 0%}.col-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}@media (min-width:768px){.col-md-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-md-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333%}.col-md-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66667%}.col-md-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-md-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#677788;text-align:center;vertical-align:middle;background-color:transparent;border:solid transparent;padding:.6125rem 1rem;font-size:1rem;border-radius:.3125rem}.btn-outline-primary{color:#002172;border-color:#002172}.btn-outline-light{color:#f7faff;border-color:#f7faff}.btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:.3125rem}.collapse:not(.show){display:none}.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem;margin:0;font-size:1rem;color:#677788;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:0 solid rgba(0,0,0,.15);border-radius:.5rem}.dropdown-item{display:block;width:100%;padding:.5rem 1rem;clear:both;font-weight:400;color:#1e2022;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-header{display:block;margin-bottom:0;font-size:.875rem;color:#8c98a4;white-space:nowrap}.nav-link{display:block;padding:.5rem 1rem;color:#000e31}.navbar{position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container{display:-ms-flexbox;display:flex;-ms-flex-wrap:inherit;flex-wrap:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{margin-right:1rem;font-size:1.25rem;white-space:nowrap}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{font-size:1.25rem;line-height:1;background-color:transparent;border:solid transparent;border-radius:.3125rem}@media (min-width:992px){.navbar-expand-lg{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.75rem;padding-left:.75rem}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.1)}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.3125rem;line-height:normal}.overflow-hidden{overflow:hidden!important}.d-grid{display:grid!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-none{display:none!important}.position-relative{position:relative!important}.w-100{width:100%!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.mt-1{margin-top:.25rem!important}.mt-5{margin-top:2rem!important}.me-2{margin-right:.5rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.ms-1{margin-left:.25rem!important}.ms-3{margin-left:1rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.text-center{text-align:center!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#8c98a4!important}.text-white-70{--bs-text-opacity:1;color:rgba(255,255,255,.7)!important}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.rounded-pill{border-radius:50rem!important}.content-space-t-2{padding-top:120px!important}.content-space-b-1{padding-bottom:3rem!important}.zi-2{z-index:2!important}@media (min-width:576px){.d-sm-inline-block{display:inline-block!important}}@media (min-width:768px){.content-space-t-md-3{padding-top:7.5rem!important}.content-space-b-md-2{padding-bottom:5rem!important}}:focus{outline-color:rgba(0,33,114,.5)}.avatar{position:relative;display:inline-block;width:3.125rem;height:3.125rem;border-radius:.5rem}.avatar-circle{border-radius:50%}.avatar-xss{width:1rem;height:1rem}.btn-outline-primary{border-color:rgba(0,14,49,.1)}.dropdown-menu{box-shadow:0 .75rem 1rem rgba(189,197,209,.3);margin-top:.3125rem}.dropdown-item{font-size:.875rem;border-radius:.3125rem}.dropdown-item:not(:last-child){margin-bottom:.25rem}.dropdown-header{text-transform:uppercase;letter-spacing:.03125rem;font-size:.75rem;font-weight:600;padding:.5rem 1rem}.dropdown-toggle{white-space:nowrap;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.dropdown-toggle::after{display:inline-block;width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23677788' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right center;background-size:1rem 1rem;margin-left:auto;padding-left:1.25rem;content:''}.nav-link.dropdown-toggle{-ms-flex-align:center;align-items:center}.navbar{display:block;z-index:99}.navbar-collapse{-ms-flex-align:start;align-items:flex-start}.navbar-nav{-ms-flex-positive:1;flex-grow:1}.navbar-brand{padding-top:0;padding-bottom:0}.navbar-nav-wrap{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-align:center;align-items:center}.navbar-nav-wrap .navbar-toggler{margin-left:auto}.navbar-toggler{padding:.5rem}.navbar-toggler .navbar-toggler-default{display:-ms-flexbox;display:flex}.navbar-toggler .navbar-toggler-toggled{display:none}.navbar .navbar-nav .nav-link{padding:1rem .75rem}.navbar .dropdown-menu{border-top:solid #002172;border-top-left-radius:0;border-top-right-radius:0}.navbar .dropdown-menu::before{position:absolute;top:-.625rem;display:block;left:0;width:100%;height:1.75rem;content:''}.navbar-dropdown-menu-inner{padding:.75rem}.navbar-dropdown-menu-media-link{display:block;text-decoration:none;padding:1rem;border-radius:.5rem}.navbar-dropdown-menu-media-link+.navbar-dropdown-menu-media-link{margin-top:.5rem}.navbar-dropdown-menu-media-title{color:#1e2022;font-weight:600}.navbar-dropdown-menu-media-desc{color:#677788;font-size:.875rem;margin-bottom:0}.navbar-absolute-top{position:absolute;top:0;left:0;right:0}@media (max-width:767.98px){.navbar-absolute-top .navbar-absolute-top-scroller{max-height:75vh;background-color:#fff;overflow:hidden;overflow-y:auto}.navbar-absolute-top .navbar-absolute-top-scroller::-webkit-scrollbar{width:.6125rem}.navbar-absolute-top .navbar-absolute-top-scroller::-webkit-scrollbar-thumb{background-color:rgba(189,197,209,.6);visibility:hidden}}@media (min-width:992px){.navbar-expand-lg .navbar-toggler{-ms-flex-order:1;order:1}.navbar-expand-lg .navbar-collapse{width:auto;-ms-flex-order:2;order:2}.navbar-expand-lg:not(.navbar-vertical) .navbar-nav{-ms-flex-align:center;align-items:center}.navbar-expand-lg .nav-item:not(:last-child){margin-right:.5rem}.navbar-expand-lg .dropdown-menu{margin-top:.5rem}.navbar-expand-lg.navbar-end .navbar-nav{-ms-flex-pack:end;justify-content:flex-end;margin-left:auto}.navbar-expand-lg.navbar-end .navbar-absolute-top-scroller{margin-left:auto}.navbar-expand-lg .navbar-floating-nav{border-radius:.5rem;padding-left:1rem;padding-right:1rem}}@media (max-width:991.98px){.navbar-expand-lg .navbar-collapse{background-color:#fff}.navbar-expand-lg .navbar-nav{padding:1rem}.navbar-expand-lg .navbar-nav .nav-link{padding:.5rem 0}.navbar-expand-lg .hs-mega-menu{max-width:100%!important;min-width:100%!important}.navbar-expand-lg .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu){position:relative;box-shadow:none;border-top-width:0;margin-top:0;border-radius:0;padding-left:1rem}.navbar-expand-lg .navbar-nav .dropdown-menu:not(.navbar-dropdown-menu)::before{position:absolute;top:0;left:.4375rem;width:.125rem;height:calc(100% - .25rem);content:'';background-color:rgba(0,14,49,.1)}}.navbar-light .navbar-brand{color:#677788}.navbar-light .navbar-toggler{color:#677788;border-color:rgba(0,14,49,.1)}.navbar-light .navbar-nav .nav-link{color:#677788}.svg-icon{display:block;margin-top:.125rem}
Published on: Apr 22, 2017 Updated: Aug 18, 2022 Even though the German market is still lagging well behind in an international comparison, more and more customers are making their online purchases on mobile devices in this country, too. While mobile commerce in Germany only recorded sales of around EUR 12.85 billion in 2015, according to a study by Emarketer, the market is expected to rise to over 30 billion by 2020 - which would make it the fastest-growing area in the retail sector. Current figures show that 39% of Germans already use their cell phones to access store pages, and 26% make purchases by smartphone. In the second quarter of 2016, more transactions were even made using smartphones than tablets for the first time. Retailers should therefore adapt accordingly - if they have not already done so - and also optimize their websites for mobile use.
If mobile, then right If the customer visits the store via a mobile device, he expects at least an equivalent shopping experience to the desktop variant. If the design is not appealing, the view unstructured or the handling complicated, he is quickly frustrated and cancels the purchase. In addition, pages perform worse in search engine rankings if they are not optimized for mobile devices. Mobile should therefore never be the 'light version' of the existing online offering, but should offer a real alternative. Webby Award winners UBS with their mobile web versions of the 'Planet Art' project
Mobile commerce is all about simplicity .
Mobile also means that - theoretically - everything is smaller and less accessible. This needs to be countered. The smaller screen and larger circumstance for data entry must be made up for. The following areas are therefore highly relevant and can determine the success or failure of a mobile site:
Easy navigation & operation .
As a general rule, simplicity wins. Texts should be short and understandable, especially in the mobile version, and excessive scrolling should be avoided. It is also advisable to always make the store page touch-suitable. On the tablet - due to the large display - the desktop version is often displayed, so the inability to operate all fields by touch is a big no-go.
Reduce complexity In order not to create a pure 'light version' of the website layers should not necessarily be removed, however, less important elements can be moved to sublayers mobile. Short click paths are equally relevant: The faster the customer gets to their destination, the more likely they are to complete the purchase as well. Short loading times also help here. Images should therefore definitely be optimized. Mobile versions of WFP's 'Share the Meal' initiative.
Intuitive Search The mobile shopper often does not have the intention to spend a long time in the online store, but the goal to quickly find exactly what he is looking for. The search function plays an enormously important role here. It should function intuitively and have a high error tolerance - we all know how quickly a word is typed incorrectly into the smartphone. Nevertheless, the term should be recognized correctly and the desired product should be displayed instead of a 'product not found' message.
Fast check-out Check-out is often the biggest obstacle on the way to completing a purchase. Mobile customers are even more impatient - the conversion rate is a lot lower than in desktop format - and want to complete the order without much effort. If pages and pages of data have to be entered first, this quickly deters the customer. Better are one-click options with data already stored that includes delivery address and payment information. PayPal offers a popular option here. Cross-selling is also not necessarily advisable on mobile: distracting elements are quickly perceived as complicated and 'annoying'. This can be a shopping killer, especially for procurement-oriented smartphone users.
Native app Even better than the simple mobile version is a store's own app. Globally, apps show a three times better conversion rate than the mobile web. In particular, apps that deliver added value compared to the website are popular, such as Ikea with their augmented reality feature . Nike Tech Book App
Test, test, test .
No matter which version you choose: Test for all it's worth - and do so at regular intervals. Take a close look at whether the page is really practical and everything is visible and understandable for the user.
Conclusion M-commerce is one of the most important future markets in online retail and should definitely be taken seriously. However, a simple slimmed-down version of the 'real' store page is not enough to satisfy the customer. A bit of work is required - but it will certainly be worth it.
Written by Create new reasons for people to love your brand. Build standout post-sales experiences tailored to your customers. Deliver personalized touch points that grab attention and spark loyalty.
Read more from parcelLab More from the category Research
© 2015 - 2023 parcelLab. All rights reserved.
{"contentfulLayout":83,"contentfulBlogPost":391,"contentfulBlogMeta":29}