How mobile-first eCommerce Transformed Shoebacca

Warning: Undefined array key "type" in Drupal\dxpr_builder\Service\DxprBuilderService->loadCmsElement() (line 612 of modules/contrib/dxpr_builder/src/Service/DxprBuilderService.php).

Drupal\dxpr_builder\Service\DxprBuilderService->loadCmsElement(Array, '', Array, Object) (Line: 1250)
Drupal\dxpr_builder\Service\DxprBuilderService->parseDocumentForCmsElements(Object, Array) (Line: 1085)
Drupal\dxpr_builder\Service\DxprBuilderService->parseForContent(Array, ) (Line: 333)
Drupal\dxpr_builder\Service\DxprBuilderService->updateHtml('<a data-cke-saved-href="/search" href="/search"></a><a class="az-button-content btn btn-primary btn-block" draggable="false" data-cke-saved-href="/contact-us" href="/contact-us" role="button">Let's Talk </a><ul class="language-switcher-language-url"><li><a draggable="false" data-cke-saved-href="/en-UKI" href="/en-UKI">United Kingdom</a></li><li><a draggable="false" data-cke-saved-href="/de" href="/de">DACH</a></li></ul>', ) (Line: 466)
Drupal\dxpr_builder\Plugin\Field\FieldFormatter\DxprBuilderFormatter->viewElements(Object, 'en') (Line: 91)
Drupal\Core\Field\FormatterBase->view(Object, 'en') (Line: 268)
Drupal\Core\Entity\Entity\EntityViewDisplay->buildMultiple(Array) (Line: 339)
Drupal\Core\Entity\EntityViewBuilder->buildComponents(Array, Array, Array, 'full') (Line: 281)
Drupal\Core\Entity\EntityViewBuilder->buildMultiple(Array) (Line: 36)
Drupal\block_content\BlockContentViewBuilder->viewMultiple(Array, 'full', NULL) (Line: 24)
Drupal\block_content\BlockContentViewBuilder->view(Object, 'full') (Line: 189)
Drupal\block_content\Plugin\Block\BlockContentBlock->build() (Line: 171)
Drupal\block\BlockViewBuilder::preRender(Array)
call_user_func_array('Drupal\block\BlockViewBuilder::preRender', Array) (Line: 111)
Drupal\Core\Render\Renderer->doTrustedCallback('Drupal\block\BlockViewBuilder::preRender', Array, 'Render #pre_render callbacks must be methods of a class that implements \Drupal\Core\Security\TrustedCallbackInterface or be an anonymous function. The callback was %s. See https://www.drupal.org/node/2966725', 'exception', 'Drupal\Core\Render\Element\RenderCallbackInterface') (Line: 859)
Drupal\Core\Render\Renderer->doCallback('#pre_render', 'Drupal\block\BlockViewBuilder::preRender', Array) (Line: 421)
Drupal\Core\Render\Renderer->doRender(Array) (Line: 493)
Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 240)
Drupal\Core\Render\Renderer->render(Array) (Line: 475)
Drupal\Core\Template\TwigExtension->escapeFilter(Object, Array, 'html', NULL, 1) (Line: 92)
__TwigTemplate_bd317ee531f8f4d48918a95a47930c87->doDisplay(Array, Array) (Line: 394)
Twig\Template->displayWithErrorHandling(Array, Array) (Line: 367)
Twig\Template->display(Array) (Line: 379)
Twig\Template->render(Array) (Line: 38)
Twig\TemplateWrapper->render(Array) (Line: 39)
twig_render_template('themes/custom/visionet/templates/page.html.twig', Array) (Line: 348)
Drupal\Core\Theme\ThemeManager->render('page', Array) (Line: 480)
Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 240)
Drupal\Core\Render\Renderer->render(Array) (Line: 475)
Drupal\Core\Template\TwigExtension->escapeFilter(Object, Array, 'html', NULL, 1) (Line: 124)
__TwigTemplate_14a01c6ebb3394160545ed3d8d84ecaf->doDisplay(Array, Array) (Line: 394)
Twig\Template->displayWithErrorHandling(Array, Array) (Line: 367)
Twig\Template->display(Array) (Line: 379)
Twig\Template->render(Array) (Line: 38)
Twig\TemplateWrapper->render(Array) (Line: 39)
twig_render_template('themes/custom/visionet/templates/layout/html.html.twig', Array) (Line: 348)
Drupal\Core\Theme\ThemeManager->render('html', Array) (Line: 480)
Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 240)
Drupal\Core\Render\Renderer->render(Array) (Line: 158)
Drupal\Core\Render\MainContent\HtmlRenderer->Drupal\Core\Render\MainContent\{closure}() (Line: 627)
Drupal\Core\Render\Renderer->executeInRenderContext(Object, Object) (Line: 153)
Drupal\Core\Render\MainContent\HtmlRenderer->renderResponse(Array, Object, Object) (Line: 90)
Drupal\Core\EventSubscriber\MainContentViewSubscriber->onViewRenderArray(Object, 'kernel.view', Object)
call_user_func(Array, Object, 'kernel.view', Object) (Line: 111)
Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher->dispatch(Object, 'kernel.view') (Line: 186)
Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object, 1) (Line: 76)
Symfony\Component\HttpKernel\HttpKernel->handle(Object, 1, 1) (Line: 58)
Drupal\Core\StackMiddleware\Session->handle(Object, 1, 1) (Line: 48)
Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object, 1, 1) (Line: 28)
Drupal\Core\StackMiddleware\ContentLength->handle(Object, 1, 1) (Line: 32)
Drupal\big_pipe\StackMiddleware\ContentLength->handle(Object, 1, 1) (Line: 191)
Drupal\page_cache\StackMiddleware\PageCache->fetch(Object, 1, 1) (Line: 128)
Drupal\page_cache\StackMiddleware\PageCache->lookup(Object, 1, 1) (Line: 82)
Drupal\page_cache\StackMiddleware\PageCache->handle(Object, 1, 1) (Line: 48)
Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object, 1, 1) (Line: 51)
Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object, 1, 1) (Line: 36)
Drupal\Core\StackMiddleware\AjaxPageState->handle(Object, 1, 1) (Line: 51)
Drupal\Core\StackMiddleware\StackedHttpKernel->handle(Object, 1, 1) (Line: 704)
Drupal\Core\DrupalKernel->handle(Object) (Line: 19)

Warning: Undefined array key "type" in Drupal\dxpr_builder\Service\DxprBuilderService->loadCmsElement() (line 617 of modules/contrib/dxpr_builder/src/Service/DxprBuilderService.php).

Drupal\dxpr_builder\Service\DxprBuilderService->loadCmsElement(Array, '', Array, Object) (Line: 1250)
Drupal\dxpr_builder\Service\DxprBuilderService->parseDocumentForCmsElements(Object, Array) (Line: 1085)
Drupal\dxpr_builder\Service\DxprBuilderService->parseForContent(Array, ) (Line: 333)
Drupal\dxpr_builder\Service\DxprBuilderService->updateHtml('<a data-cke-saved-href="/search" href="/search"></a><a class="az-button-content btn btn-primary btn-block" draggable="false" data-cke-saved-href="/contact-us" href="/contact-us" role="button">Let's Talk </a><ul class="language-switcher-language-url"><li><a draggable="false" data-cke-saved-href="/en-UKI" href="/en-UKI">United Kingdom</a></li><li><a draggable="false" data-cke-saved-href="/de" href="/de">DACH</a></li></ul>', ) (Line: 466)
Drupal\dxpr_builder\Plugin\Field\FieldFormatter\DxprBuilderFormatter->viewElements(Object, 'en') (Line: 91)
Drupal\Core\Field\FormatterBase->view(Object, 'en') (Line: 268)
Drupal\Core\Entity\Entity\EntityViewDisplay->buildMultiple(Array) (Line: 339)
Drupal\Core\Entity\EntityViewBuilder->buildComponents(Array, Array, Array, 'full') (Line: 281)
Drupal\Core\Entity\EntityViewBuilder->buildMultiple(Array) (Line: 36)
Drupal\block_content\BlockContentViewBuilder->viewMultiple(Array, 'full', NULL) (Line: 24)
Drupal\block_content\BlockContentViewBuilder->view(Object, 'full') (Line: 189)
Drupal\block_content\Plugin\Block\BlockContentBlock->build() (Line: 171)
Drupal\block\BlockViewBuilder::preRender(Array)
call_user_func_array('Drupal\block\BlockViewBuilder::preRender', Array) (Line: 111)
Drupal\Core\Render\Renderer->doTrustedCallback('Drupal\block\BlockViewBuilder::preRender', Array, 'Render #pre_render callbacks must be methods of a class that implements \Drupal\Core\Security\TrustedCallbackInterface or be an anonymous function. The callback was %s. See https://www.drupal.org/node/2966725', 'exception', 'Drupal\Core\Render\Element\RenderCallbackInterface') (Line: 859)
Drupal\Core\Render\Renderer->doCallback('#pre_render', 'Drupal\block\BlockViewBuilder::preRender', Array) (Line: 421)
Drupal\Core\Render\Renderer->doRender(Array) (Line: 493)
Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 240)
Drupal\Core\Render\Renderer->render(Array) (Line: 475)
Drupal\Core\Template\TwigExtension->escapeFilter(Object, Array, 'html', NULL, 1) (Line: 92)
__TwigTemplate_bd317ee531f8f4d48918a95a47930c87->doDisplay(Array, Array) (Line: 394)
Twig\Template->displayWithErrorHandling(Array, Array) (Line: 367)
Twig\Template->display(Array) (Line: 379)
Twig\Template->render(Array) (Line: 38)
Twig\TemplateWrapper->render(Array) (Line: 39)
twig_render_template('themes/custom/visionet/templates/page.html.twig', Array) (Line: 348)
Drupal\Core\Theme\ThemeManager->render('page', Array) (Line: 480)
Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 240)
Drupal\Core\Render\Renderer->render(Array) (Line: 475)
Drupal\Core\Template\TwigExtension->escapeFilter(Object, Array, 'html', NULL, 1) (Line: 124)
__TwigTemplate_14a01c6ebb3394160545ed3d8d84ecaf->doDisplay(Array, Array) (Line: 394)
Twig\Template->displayWithErrorHandling(Array, Array) (Line: 367)
Twig\Template->display(Array) (Line: 379)
Twig\Template->render(Array) (Line: 38)
Twig\TemplateWrapper->render(Array) (Line: 39)
twig_render_template('themes/custom/visionet/templates/layout/html.html.twig', Array) (Line: 348)
Drupal\Core\Theme\ThemeManager->render('html', Array) (Line: 480)
Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 240)
Drupal\Core\Render\Renderer->render(Array) (Line: 158)
Drupal\Core\Render\MainContent\HtmlRenderer->Drupal\Core\Render\MainContent\{closure}() (Line: 627)
Drupal\Core\Render\Renderer->executeInRenderContext(Object, Object) (Line: 153)
Drupal\Core\Render\MainContent\HtmlRenderer->renderResponse(Array, Object, Object) (Line: 90)
Drupal\Core\EventSubscriber\MainContentViewSubscriber->onViewRenderArray(Object, 'kernel.view', Object)
call_user_func(Array, Object, 'kernel.view', Object) (Line: 111)
Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher->dispatch(Object, 'kernel.view') (Line: 186)
Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object, 1) (Line: 76)
Symfony\Component\HttpKernel\HttpKernel->handle(Object, 1, 1) (Line: 58)
Drupal\Core\StackMiddleware\Session->handle(Object, 1, 1) (Line: 48)
Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object, 1, 1) (Line: 28)
Drupal\Core\StackMiddleware\ContentLength->handle(Object, 1, 1) (Line: 32)
Drupal\big_pipe\StackMiddleware\ContentLength->handle(Object, 1, 1) (Line: 191)
Drupal\page_cache\StackMiddleware\PageCache->fetch(Object, 1, 1) (Line: 128)
Drupal\page_cache\StackMiddleware\PageCache->lookup(Object, 1, 1) (Line: 82)
Drupal\page_cache\StackMiddleware\PageCache->handle(Object, 1, 1) (Line: 48)
Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object, 1, 1) (Line: 51)
Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object, 1, 1) (Line: 36)
Drupal\Core\StackMiddleware\AjaxPageState->handle(Object, 1, 1) (Line: 51)
Drupal\Core\StackMiddleware\StackedHttpKernel->handle(Object, 1, 1) (Line: 704)
Drupal\Core\DrupalKernel->handle(Object) (Line: 19)

Featured Image

Listen to this blog

In 2020, 61% of the web traffic originated from mobile devices. Revolutionary development in mobile technology and the evolution of social media culture have changed the way customers engage online with retailers and brands. Their preferred route to access the internet is through mobile. Mobile commerce sales generated from smartphones will reach $432.24 billion in 2022. Now we see rapid evolution and boom in the adoption of mobile commerce and digital payments by the retail industry and many others.

Earlier McKinsey stated that during pandemic 45-50% of the retailers planned to prioritize a mobile app for efficient mobile commerce. From unified omnichannel experience to mobile payments, mobile commerce is beneficial for both retailers and customers. However, the kind of user experience you offer to your customers is vital as well. If your potential customer has to wait for your page or image to load, they will switch to another shopping site without thinking twice. 79% of online customers are less likely to visit your site again after a poor site experience.

When customers are so deep in the mobile world, so must be the retailers. One such example of a retailer embracing this cultural shift is Shoebacca. This full-scale online footwear retail company with 200+ brands reviewed and aligned their technology investment with the customers’ needs. Shoebacca approached Visionet to combat growing challenges with modern shoppers. The growing mobile traffic led to a high bounce rate because load speed and user experience were not ideal.

Visionet + Adobe Magento = Guaranteed digital-driven success

To pose as a leader in eCommerce, Shoebacca wanted to invest in next-generation architecture. Visionet assessed Shoebacca’s existing platform and revamped their existing website by leveraging Adobe Magento and keeping the mobile-first approach in mind.

It was imperative to look at Shoebacca’s existing site from strategic and usability perspectives to enhance the experience for customers who take the mobile route. Visionet initiated the design phase with an emphasis on the mobile-first approach, which allowed customers to easily navigate through the products on devices in their hands.

Visionet excels at designing, developing, selling, and deploying human-centric, best-in-class solutions, and alliance with Adobe accentuates its capabilities further. To help Shoebacca achieve their goal, Visionet leveraged Adobe Magento Commerce and Progressive Web App’s capabilities for superior web performance and better leads conversion. Visionet’s unparalleled expertise in digital commerce combined with Adobe Magento helped Shoebacca prepare for the holiday season.

Along with multiple additional features, Magento Commerce integrated Shoebacca’s back-office systems. Now, this top retailer has an integrated back office. They can seamlessly manage their entire operation, including inventory, pricing, shipping, and CRM from multiple channels.

Now, more customers are arriving on Shoebacca’s website, staying for longer and eventually spending more. After eCommerce website redesign, the digital commerce expertise of Visionet and Adobe helped Shoebacca achieve:

25% increase in sales and traffic
50% increase in average order value
50% decrease in average page load time

In the last three years, Shoebacca’s total sales have remarkably increased by 1,400%. With a frictionless customer experience and a 7.21% decrease in bounce rate on mobile, Shoebacca’s new eCommerce site is a testament to the capabilities of Visionet and Adobe.

“Magento was a key factor in our x15 revenue growth in just three years.”
Thomas Finney, Chief Technology Officer, SHOEBACCA

Modernize and redesign your eCommerce website with Visionet and Adobe Magento

You can position yourself as an eCommerce leader as well. Businesses worldwide are adapting to modern commerce and PWA platforms from leading cloud providers, such as Adobe Magento, to manage their orders and satisfy customers while maintaining profit margins.

Just like Visionet helped Shoebacca build a revamped mobile-first eCommerce experience emphasizing navigation, search, and product details and leveraged Magento’s PWA Studio to enable a seamless, native app-like experience with optimized speed and lesser data constraints, you could be next.

Fact sheet – PWA Characteristics
Offline Access: PWAs work even if a device loses its Internet connection, so your customers will no longer have their experience interrupted by an inconsistent Wi-Fi connection.	User experience: By accessing hardware directly and using native interfaces, PWAs provide a more responsive user experience, improving user engagement with features like push notifications.
Accessibility: PWAs can be accessed through a web browser, eliminating download times while providing users with the option of accessing the app directly on their device.	Discoverability: PWAs can be accessed and used right from a link in a search engine or on social media, exposing them to far more potential users than a visit to even the most popular app store.
Security: PWAs pass network requests through service workers, minimizing their interactions with the internet.	Cross-browser compatibility: PWAs work across all modern browsers, including Chrome, Edge, Firefox, and Safari

Along with using PWA to improve the user experience, we also addressed the critical issues of high bounce rate and low conversion. Moreover, we integrated the store with the necessary analytical and behavioral toolset consisting of Google Analytics, Google Tag Manager, and more.

Other than PWA services, the Visionet team of experts has extensive experience in custom web development, migration services, integrations, and performance optimization. Our team of experts is also available 24/7 for site testing, troubleshooting, and Magento updates.

Ride high in the eCommerce revolution

Visionet’s combination of strong partnership with Adobe and digital commerce expertise helped Shoebacca achieve record-breaking site traffic and conversion rate during the peak holiday season for events like Thanksgiving, Black Friday, and Cyber Monday.

To shed more light on this success story, we’ll be co-hosting a live webinar ‘Enabling next-generation eCommerce customer experience’ with Adobe and Shoebacca on June 24, 2021. Our experts will talk about how the mobile-first eCommerce approach fuels next-generation eCommerce experiences, and how it empowered Shoebacca to achieve digital commerce excellence.

If you wish to run a successful eCommerce business in 2021 and beyond, capitalizing on the latest trends is imperative. Redesign your eCommerce website and strategies around mobile, omnichannel, voice, AR/AI, etc. Stepping up your eCommerce game in 2021 is a must. If you want to be a part of this revolution, get in touch with our eCommerce experts at Visionet.

Similar Posts

Listen to this blog

Visionet + Adobe Magento = Guaranteed digital-driven success

Modernize and redesign your eCommerce website with Visionet and Adobe Magento

Fact sheet – PWA Characteristics

Ride high in the eCommerce revolution

Services

Products

Quick Links

Contact

eCommerce Reimagined: How the mobile-first approach transformed Shoebacca

Similar Posts

Listen to this blog

Visionet + Adobe Magento = Guaranteed digital-driven success

Modernize and redesign your eCommerce website with Visionet and Adobe Magento

Fact sheet – PWA Characteristics

Ride high in the eCommerce revolution

Services

Products

Quick Links

Contact