Navigation
Client case: Handyersatzteilshop

Headless Shopware 6 relaunch for handyersatzteilshop.de

For handyersatzteilshop.de we implemented a highly detailed UI/UX design pixel-perfectly — with Shopware 6 as the backend and a new Nuxt/Vue frontend, optimized for performance, SEO, and tracking.

Client case: Handyersatzteilshop

  • Customer

    Franke Mobilfunk GmbH & Co. KG

  • Website

    https://handyersatzteilshop.de

  • Scope

    DevelopmentHeadless / FrontendPerformance optimizationTechnical SEOTrackingInfrastructure / HostingAccessibility

The problem

The team at handyersatzteilshop.de approached us with an existing Shopware 6 store that was functional, but no longer matched their ambitions for growth, performance, and brand presence.

In a highly competitive market, it quickly became clear that the current shop was not reaching its full potential. The frontend felt generic, the user flow was not optimally aligned with the customer journey, and several processes felt unnecessarily complex. There were also clear opportunities to improve loading speed and overall technical stability.

At the same time, the team had already been working intensively on the future: together with janger.design, a new and very detailed UI/UX concept was created over several months. The new design was modern and thoughtfully structured, much closer to the expectations of the target audience — and technically demanding to implement.

Another key topic was tracking. Basic measurements were already in place, but not deep enough to truly analyze user behavior, funnels, and marketing activities with the precision needed to scale.

The starting point was clear: a strong brand, an ambitious design, and clear growth goals — but a technical setup that did not yet fully meet that standard.

Before
Before – homepage
Before – category page
Before – product detail page
Before – off-canvas cart
Before – cart page
Before – checkout registration
Before – checkout
Before – registration / login

The solution

After a joint analysis of the current setup, the new design, and the project goals, it quickly became clear that this relaunch required a tailor-made technical solution.

Given the complexity and level of detail in the UI/UX design by janger.design, we deliberately decided against the classic Shopware storefront. Instead, we went with a headless approach: Shopware remains in place as a stable backend, while the frontend was rebuilt from scratch using Nuxt and Vue.

This allowed us to implement the design pixel-perfectly, with excellent performance and long-term flexibility — including all features, content, animations, and fine details. At the same time, we put strong emphasis on performance and loading speed, technical SEO, a clean search-engine structure, accessibility, and overall stability and maintainability.

We also optimized the technical infrastructure. An improved hosting setup with caching, fast search, queues, and additional security mechanisms now ensures reliable operation — even under high load.

For tracking, we built the foundation: a cleanly structured Google Tag Manager data layer including nearly all relevant e-commerce events and data points. Based on that, anocus.de finalized the integrations to Google Analytics and other platforms, and thoroughly tested and optimized the setup — a strong collaboration between all parties involved.

After
After – homepage
After – category page
After – product detail page
After – off-canvas cart
After – cart page
After – checkout registration
After – checkout
After – account registration

The result

Today, handyersatzteilshop.de runs a modern, high-performing online store that sets a new benchmark — both technically and visually.

The new shop stands out with:

  • fast loading times
  • a clear and intuitive user journey
  • a modern, premium design
  • clean technical SEO structures

Shortly after the relaunch, Google Search Console already showed positive trends in organic visibility. In addition, structured data (schema.org via JSON-LD) was integrated following best practices — providing a strong foundation for richer search results.

With the new tracking setup, precise data is now available to evaluate marketing efforts and scale them in a targeted way. Decisions can be made based on real data — not gut feeling.

Most importantly, the headless approach with Nuxt, Vue, and Shopware ensures long-term flexibility. New features, adjustments, and further development can be implemented significantly faster and more efficiently. The result is an online store that clearly stands out from the competition and gives the team at handyersatzteilshop.de a strong, future-proof foundation for continued growth.

Do you want to achieve your goals too?

Then arrange an initial meeting with us so we can find out together if we can help you with your project!

Arrange my initial meeting