Vetevo - Shopify Plus Theme Update und Optimierung

Besseres Design & bessere Performance dank Theme Overhaul

Projektübersicht

Vetevo beauftragte uns mit der Verbesserung der Frontend-Leistung ihres Online-Shops. Durch den intensiven Einsatz von Shopify-Apps und Page-Buildern war die Website langsam, unattraktiv und schwer zu warten geworden. Sie benötigten professionelle Unterstützung, um diese Probleme zu beheben und die Benutzererfahrung zu optimieren. Hier kamen wir ins Spiel.​

Kunde

Vetevo GmbH

Dienstleistungen

Webentwicklung

/

Ladezeiten- & SEO-Optimierung

Projektdauer

7 Monate

Das Team

1 Projektleiter

/

2 Frontend Entwickler

Herausforderungen und Ziele

Zu Beginn des Projekts standen wir vor zwei großen Herausforderungen:​ Zum einen war das bestehende Shopify-Theme von Vetevo nicht auf die Anforderungen der Google Web Vitals vorbereitet, was zu schlechter Performance und unzureichenden SEO-Werten führte. Zum sorgte die Verwendung zahlreicher Shopify-Apps und Page-Builder dafür, dass das Marken-Design des Shops nicht den professionellen Standards von Vetevo passte. Die Apps und Integrationen erschwerten darüber hinaus die Wartung des Shops massiv. Es war klar, dass Veränderungen notwendig waren.​

Unser Ansatz

In enger Zusammenarbeit mit Vetevo und nach einer gründlichen technischen Prüfung entschieden wir, das bestehende Theme zu optimieren, anstatt ein komplett neues zu entwickeln. Durch technische Audits erstellten wir einen Plan, der die Anforderungen des Marketing-, Design- und Technik-Teams berücksichtigte. Schließlich entwickelten wir gemeinsam mit dem Kunden ein vollständiges Designsystem und implementierten dieses in Shopify.​

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 - Effiziente Arbeit in Sprints

Wir führten wöchentliche Meetings durch, in denen unsere Entwickler und Designer eng mit dem Vetevo-Team zusammenarbeiteten. Gemeinsam entwickelten wir ein standardisiertes Designsystem für zentrale Elemente wie Buttons, Farben und Schriftarten, um schnellere Ladezeiten zu erreichen. Dieses System nutzten wir für A/B-Tests, um neue Seitendesigns zu validieren und funktionierende Lösungen zügig im Online-Shop zu implementieren.​

Entwicklung eines Designsystems
A/B Testing
Umsetzung
Optimierung
Was ist ein Designsystem?

Ein Designsystem ist ein Rahmenwerk aus wiederverwendbaren Designkomponenten wie Schriftformaten, Buttons und Tabellen. Es hilft Produktteams, eine einheitliche Designsprache zu wahren, leistungsstarke Elemente in A/B-Tests zu validieren und diese effizient im Code umzusetzen.​

→ Konzept & Design - Standardisieren, Entwickeln, Optimieren!

01 Entwicklung eines flexiblen Designsystems

Basierend auf den vorhandenen Designkonzepten von Vetevo entwickelten wir ein klares Designsystem. Unser Ziel war es, Verbesserungen vorzunehmen, ohne das Rad neu zu erfinden. Die Erstellung neuer Seiten und Layouts wurde durch die Nutzung wiederkehrender Komponenten einfacher und schneller.

02 Grundlage für Content schaffen

Durch die geschickte Anwendung des Designsystems auf die bestehenden Elemente des Themes erreichten wir ein deutlich verbessertes Markenimage sowie einen schlanken und standardisierten Online-Shop. Zusätzlich entwickelten wir neue Komponenten für dynamischere Inhalte und Landingpages, die Vetevo integrieren wollte. Dank Shopifys Stores 2.0 können diese nun flexibel beim Erstellen von Landingpages verwendet werden.

03 Optimierte Lösungen finden

Durch umfangreiche A/B-Tests identifizierten wir die besten Lösungen für bestehende Elemente und neue Komponenten. Die Umsetzung dieser Ideen hatte einen entsprechend positiven Einfluss auf die Conversion-Rate des Shops.

04 Performance-Optimierung

Bei der Entwicklung und Verbesserung der technischen Leistung des Online-Shops legten wir besonderen Fokus auf schnellere Ladezeiten und die Optimierung der Google Web Vitals. Dies führte nicht nur zu einer verbesserten Nutzererfahrung, sondern wurde auch von Google mit besseren Suchmaschinen-Rankings belohnt.

→ Marketingvorteile - Maximale Flexibilität für das Vetevo-Marketingteam

Durch die Umstellung auf Shopify Stores 2.0 und die Entwicklung individueller Sections kann das Marketingteam von Vetevo jetzt eigenständig Inhalte pflegen und neue Landingpages erstellen – ganz ohne Entwickler-Support. Das spart Zeit, reduziert Abhängigkeiten und erhöht die Reaktionsgeschwindigkeit bei Kampagnen. Die optimierten Ladezeiten verbessern zudem die Nutzererfahrung und führen nachweislich zu einem besseren Return on Ad Spend (ROAS).

→ Performance - spürbar schneller, messbar besser

Zahlreiche gezielte Optimierungen am Shopify-Theme haben die technische Performance des Vetevo-Shops deutlich verbessert. Insbesondere die Werte der Google Web Vitals – First Input Delay (FID), Largest Contentful Paint (LCP) und Cumulative Layout Shift (CLS) – konnten auf ein herausragendes Niveau gehoben werden. Die Seiten laden in der Regel in unter zwei Sekunden, und Interaktionen sind bereits nach nur 0,1 Sekunden möglich – ein klarer Gewinn für Nutzererlebnis, Conversion und Sichtbarkeit in Suchmaschinen.

Bereiche der Optimierung

Web Vitals

/

Theme Liquid

/

JavaScript

/

Shopify Apps

/

Github & DevOps

/

HTML 5 + CSS3

Ergebnis & Ausblick

Durch die enge Zusammenarbeit und den gezielten Einsatz von Designsystemen und Performance-Optimierungen konnten wir die Ladezeiten des Vetevo-Shops erheblich verbessern und ein konsistentes, ansprechendes Design etablieren. Die Conversion-Rate stieg, und das Nutzererlebnis wurde deutlich gesteigert. Mit der flexiblen Architektur ist Vetevo nun bestens gerüstet, zukünftige Anforderungen und Erweiterungen effizient umzusetzen.​

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.

Weitere Referenzen
& Case Studies

GDCh e.V.

Wie wir eine App für über 30.000 Chemiker entwickelt haben

Pieroth AG

Ein neuer Online-Shop für einen wegweisenden Weinvertrieb

PGM Art World

Moderne Technik trifft auf moderne Kunst

Betriebseinrichtung.de

Neu eingerichtet -
Ein B2B Onlineshop Relaunch

Hallo!

Wir freuen uns auf Ihre Nachricht. Schicken Sie uns gerne eine E-Mail an hello@especial.digital
By sending this form, you agree to our Privacy Policy.
Danke, dass du dich gemeldet hast.
Wir werden uns in Kürze bei Ihnen melden!
Hoppla! Es sieht so aus, als ob beim Absenden Ihres Formulars ein Problem aufgetreten ist.