Web Vitals
/
Theme Liquid
/
JavaScript
/
Shopify Apps
/
Github & DevOps
/
HTML 5 + CSS3
Shopify Plus Optimierung für eine schnellere Pet-Health-Commerce-Experience
Projektübersicht
Vetevo ist ein digitales Pet-Health-Unternehmen, das Diagnostiktests, Gesundheitsprodukte und appbasierte Services für Haustierbesitzer anbietet. Die Marke hatte starke Produkte und eine klare Mission, aber der Shopify Plus Storefront war mit der Zeit schwer wartbar geworden und nicht mehr schnell genug für die Performance-Anforderungen des Geschäfts.
Especial unterstützte Vetevo mit Shopify Plus Optimierung, Theme Refactoring, Core Web Vitals Verbesserungen, UX/UI Anpassungen und conversion-orientierter Entwicklung. Statt den gesamten Shop neu zu bauen, verbesserten wir das bestehende Setup, reduzierten die Abhängigkeit von schweren Apps und Page Buildern und entwickelten ein flexibleres Design System für Landingpages, Kampagnen und laufende Optimierung.
Kunde
Vetevo GmbH
Dienstleistungen
Webentwicklung
/
Ladezeiten- & SEO-Optimierung
Projektdauer
7 Monate
Das Team
1 Projektleiter
/
2 Frontend Entwickler
Engineers
Herausforderungen und Ziele
Der Shopify Plus Shop von Vetevo hatte zwei zentrale Herausforderungen. Erstens war das Theme nicht ausreichend auf moderne Core Web Vitals und SEO-Anforderungen optimiert. Zweitens hatten viele Shopify Apps und Page Builder den Storefront langsamer, schwerer wartbar und visuell uneinheitlicher gemacht.
Ziel war es, Performance und Conversion zu verbessern, ohne den laufenden Betrieb zu gefährden. Vetevo brauchte ein schnelleres, klareres und besser wartbares Shopify Plus Setup, das dem Marketingteam weiterhin genug Flexibilität für Landingpages, Tests und Kampagnen gibt.
Unser Ansatz
Wir starteten mit einem technischen Audit des bestehenden Shopify Themes und der eingesetzten Apps. Die zentrale Frage war, ob Vetevo einen vollständigen Theme-Relaunch brauchte oder ob das bestehende Setup pragmatisch optimiert werden konnte. Nach der Analyse von Performance, Marketing-Anforderungen, Design-Bedarf und technischen Einschränkungen empfahlen wir, das bestehende Theme gezielt weiterzuentwickeln statt komplett zu ersetzen.
Der Fokus lag auf Theme Refactoring, Performance-Optimierung, wiederverwendbaren Shopify Online Store 2.0 Sections und einem konsistenteren Design System. So erhielt Vetevo einen schnelleren Storefront und eine bessere Grundlage für Conversion Optimierung, ohne unnötige Migrationsrisiken und Projektkomplexität zu erzeugen.
67
Änderungen zur Verbesserung der Ladezeiten
2-6x
Schnellere Ladezeit im gesamten Shop
50+
Deployments von Features und Updates
3
-köpfiges Especial Team
Roadmap - Schnelle Optimierungssprints für einen laufenden Shopify Plus Shop
Das Projekt wurde in schnellen, fokussierten Optimierungssprints umgesetzt. In wöchentlichen Meetings arbeiteten unsere Entwickler eng mit dem Marketing- und Designteam von Vetevo zusammen, priorisierten Verbesserungen, prüften Performance-Daten und entschieden, welche Änderungen als Nächstes umgesetzt werden sollten.
Wir entwickelten ein wiederverwendbares Design System für zentrale Storefront-Elemente wie Buttons, Typografie, Content Sections, Produktkarten und Landingpage-Komponenten. Diese Elemente wurden mit Blick auf Performance und Conversion aufgebaut und anschließend für A/B Tests und schnelle Rollouts verbesserter Seitenlayouts genutzt.
Entwicklung eines Designsystems
A/B Testing
Umsetzung
Optimierung
Was ist ein Designsystem?
Ein Design System ist ein Set aus wiederverwendbaren Komponenten, Mustern und Regeln für konsistente digitale Experiences. Für Vetevo half es dabei, wichtige Shopify Elemente zu standardisieren, die visuelle Konsistenz zu verbessern, conversion-starke Komponenten über A/B Tests zu validieren und neue Seiten schneller umzusetzen, ohne jedes Layout neu zu bauen.
Ein Design System ist ein Set aus wiederverwendbaren Komponenten, Mustern und Regeln für konsistente digitale Experiences. Für Vetevo half es dabei, wichtige Shopify Elemente zu standardisieren, die visuelle Konsistenz zu verbessern, conversion-starke Komponenten über A/B Tests zu validieren und neue Seiten schneller umzusetzen, ohne jedes Layout neu zu bauen.
Konzept & UX UI Design - Standardisieren, Entwickeln, Optimieren!
01 Entwicklung eines flexiblen Designsystems
Wir entwickelten ein flexibles Design System auf Basis der bestehenden Marke und des vorhandenen Shopify Themes. Ziel war nicht, den Shop neu zu erfinden, sondern die stärksten Elemente leichter wiederverwendbar zu machen und die Teile zu verbessern, die das Team im Alltag ausgebremst hatten.
Wiederkehrende Komponenten machten es einfacher, neue Seiten zu bauen, visuelle Konsistenz zu halten und Verbesserungen schneller auszurollen. Für eine wachsende DTC-Marke war das besonders wichtig, weil Kampagnen und Inhalte regelmäßig getestet und angepasst werden müssen.
02 Grundlage für Content schaffen
Wir aktualisierten das Shopify Theme und führten wiederverwendbare Online Store 2.0 Sections für dynamische Inhalte und Landingpages ein. Dadurch erhielt das Marketingteam von Vetevo mehr Kontrolle über Kampagnenseiten, Produktkommunikation und Content-Änderungen, ohne für jedes Update Entwickler einplanen zu müssen.
Das Ergebnis war ein flexibleres Shopify Setup, das Marketingarbeit unterstützt, statt sie auszubremsen. Neue Seiten und Content-Module können schneller zusammengestellt werden, während die technische Grundlage sauberer bleibt als bei einem stark page-builder-lastigen Setup.
03 Optimierte Lösungen finden
A/B Testing war ein zentraler Bestandteil der Optimierung. Statt zu raten, welches Layout, welche Section oder welche Komponente am besten funktioniert, testeten wir wichtige Änderungen und nutzten die Ergebnisse als Grundlage für die weitere Theme-Entwicklung.
So konnte Vetevo conversion-relevante Bereiche des Shops verlässlicher verbessern. Der Wert lag nicht nur in einzelnen Gewinner-Varianten, sondern in einem Prozess, in dem Design, Entwicklung und Marketing gemeinsam an messbaren Verbesserungen arbeiten konnten.
04 Performance-Optimierung
Performance war eine der wichtigsten technischen Prioritäten. Wir optimierten Shopify Liquid, JavaScript, HTML, CSS, App-Nutzung und Theme-Struktur, um Ladezeiten und Core Web Vitals deutlich zu verbessern.
Das Ziel war nicht nur, den Shop schneller wirken zu lassen. Bessere Performance unterstützt auch SEO, Paid-Traffic-Effizienz und Conversion, weil Kunden Produktseiten schneller erreichen und im Kaufprozess weniger Reibung erleben.
Marketingvorteile - Mehr Unabhängigkeit für Vetevos Marketingteam
Das optimierte Shopify Plus Setup gab dem Marketingteam von Vetevo deutlich mehr Flexibilität. Inhalte lassen sich einfacher ändern, Landingpages schneller erstellen und neue Kampagnenideen testen, ohne für jede kleine Anpassung technische Unterstützung zu benötigen.
Das ist wichtig, weil Performance und Marketinggeschwindigkeit eng zusammenhängen. Ein schneller Shop hilft dabei, Paid Traffic effizienter zu konvertieren, während wiederverwendbare Sections und ein sauberes Design System dem Team ermöglichen, Kampagnen schneller zu launchen und zu verbessern. Zusammen entsteht eine stärkere Grundlage für Conversion Optimierung und Return on Ad Spend.
Performance - Verbesserte Performance
Die Performance-Verbesserungen entstanden nicht durch einen einzelnen großen Eingriff, sondern durch viele gezielte Optimierungen. Wir verbesserten Shopify Liquid, reduzierten unnötiges App- und Page-Builder-Gewicht, optimierten JavaScript, bereinigten Frontend-Code und stärkten die technische Grundlage des Themes.
Der optimierte Storefront erreichte starke Werte bei wichtigen Core Web Vitals wie Largest Contentful Paint, Cumulative Layout Shift und First Input Delay. Seiten luden in der Regel in unter zwei Sekunden, während Interaktionen nahezu sofort möglich waren. So entstand eine spürbar schnellere Experience für Kunden und eine bessere technische Basis für SEO und Conversion.
Bereiche der Optimierung
Ergebnis & Ausblick
Die Shopify Plus Optimierung gab Vetevo einen schnelleren, klareren und besser wartbaren Storefront. Die Ladezeiten verbesserten sich um den Faktor 2-6, mehr als 50 Deployments wurden ausgeliefert und 67 Speed Improvements stärkten die Customer Experience im gesamten Shop.
Über die reine Performance hinaus erhielt Vetevos Team eine bessere operative Grundlage. Das neue Design System und wiederverwendbare Shopify Sections machen es einfacher, Landingpages zu erstellen, Kampagnen zu testen und den Storefront visuell konsistent zu halten. Statt auf schwere Page Builder und fragmentierte App-Logik angewiesen zu sein, arbeitet Vetevo nun mit einem Shopify Plus Setup, das besser wartbar ist und laufende CRO- und Marketingarbeit unterstützt.
67
Änderungen zur Verbesserung der Ladezeiten
2-6x
Schnellere Ladezeit im gesamten Shop
50+
Deployments von Features und Updates
3
-köpfiges Especial Team
Kundenreferenz -
Erstklassige Experten
„Wir wussten, dass wir erstklassige Experten und Entwickler als Partner benötigen, um unseren Shopify-Shop weiterzuentwickeln. Mit Especial haben wir eine Agentur gefunden, die nicht nur unsere spezifischen Wünsche umgesetzt hat, sondern auch mit ihrer kompetenten Beratung zum Erfolg unseres Unternehmens beigetragen hat.“
- Dr. Daniel Ringbeck, Head of Product
Vetevo belegte den 31. Platz
in Jung von Matt's StartUp Brand Ranking und schlagen damit, dank Ihrer verbesserten Online-Markenpräsenz, große Brands wie Flaconi, Flixbus oder Hello Fresh.
