VETEVO — SHOPIFY PLUS RATIONALISIERUNG UND OPTIMIERUNG

Überarbeitung des Themas — Shopify Plus

ÜBERBLICK

Vetevo Internetshop

Unser Auftrag bestand darin, die Frontend-Leistung von Vetevo zu korrigieren. Da die Website in erster Linie Shopify-Apps und Page Builder für das Shopify-Theme von Vetevo verwendet wurde, wurde das Laden der Website langsam, das Erscheinungsbild unattraktiv und die Wartung war schwierig. Sie brauchten professionelle Hilfe, und hier kamen wir ins Spiel.

Kunde

Vetevo GmbH

Dienstleistungen

Web-Entwicklung

/

Geschwindigkeit und SEO

Optimierung

Dauer des Projekts

7 Monate

Das Team

1 Projektleiter

/

2 Frontend

Ingenieure

Herausforderungen und Ziele

Wir waren mit zwei Hauptproblemen konfrontiert: Erstens war das Shopify-Theme von Vetevo nicht für Google Web Vitals ausgestattet, was zu schlechten SEO-Werten führte. Zweitens wurde das visuelle Design ihrer Webseite aufgrund der Verwendung von Shopify Apps und Page Buildern ihren professionellen Produkten und Visionen nicht gerecht. Die Dinge mussten sich ändern.

Unser Ansatz

Wir sind stolz darauf, unsere Kunden fachkundig durch ihren Entscheidungsprozess zu führen. Wir mussten entscheiden, ob ihr aktuelles Thema beibehalten werden sollte oder ob wir versuchen sollten, ein neues zu entwickeln. Mithilfe von technischen Audits waren wir in der Lage, ein Angebot für Vetevo zu erstellen, das die aktuellen Anforderungen des Marketing-, Design- und Tech-Teams mit dem aktuellen Shopify-Thema beinhaltete. Der Schlüssel war ein Designsystem in Shopify.

67

Geschwindigkeitsverbesserungen

2-6x

Schnellere Ladezeit

50+

Bereitstellungen

3

Ein besonderer Traum
Mitarbeiter des Teams

ROADMAP

Erreiche deine Ziele schnell mit Sprints wie bei Usain Bolt

Wir hatten wöchentliche Treffen, bei denen unsere Entwickler und Designer eng mit den Märkten und Designern von Vetevo zusammengearbeitet haben. Gemeinsam haben wir ein standardisiertes Designsystem für wichtige Elemente wie Schaltflächen, Farben und Schriften entwickelt, die alle mit dem Ziel entworfen wurden, schnellere Ladezeiten zu erreichen. Anschließend nutzten wir das Designsystem für wichtige A/B-Tests, um neue Seitendesigns in ihrem Online-Shop zu validieren und schnell umzusetzen.

01

Entwicklung von Designsystemen

02

A/B-Tests

03

Umsetzung

04

Optimierung
Was ist ein Designsystem?

Es ist ein Framework aus wiederverwendbaren Designkomponenten wie Schriftformatierung, Schaltflächen, Tabellen usw. Es hilft Produktteams dabei, eine einheitliche Designsprache einzuhalten, leistungsstarke Elemente mit hoher Konversionsrate in A/B-Tests zu validieren und ermöglicht es Ihnen, sie schnell in Code zu implementieren.
UMSETZUNG

Standardisieren, entwickeln, optimieren!

01 Entwickeln Sie ein flexibles Designsystem

Wir haben ein klares Designsystem für Vetevo entworfen, das auf den vorhandenen Themen- und Designkonzeptelementen basiert. Unser Ziel ist es, das Rad zu verbessern, nicht das Rad neu zu erfinden! Die Erstellung neuer Seiten und Layouts wurde durch die Verwendung wiederkehrender Komponenten sowohl einfacher als auch schneller.

02 Schaffen Sie die Grundlage für Inhalte

Wir haben ein deutlich verbessertes Markenimage, einen schlanken und standardisierten Online-Shop erreicht, indem wir das Designsystem geschickt auf bestehende Elemente des Themes angewendet haben. Darüber hinaus haben wir neue Komponenten für dynamischere Inhalte und neue Landingpages entwickelt, die Vetevo integrieren wollte. Dank Shopifys Stores 2.0 können diese jetzt beim Erstellen von Landingpages frei verwendet werden.

03 Finden Sie die optimale Lösung

Wir nehmen unsere A/B-Tests sehr ernst. Durch die Durchführung umfangreicher Tests waren wir in der Lage, fachmännisch die beste Lösung für bestehende Elemente und alle neuen Komponenten, die wir hinzugefügt haben, zu ermitteln. Das Ergebnis? Umsetzung der besten Ideen, was sich, nicht überraschend, entsprechend positiv auf die Konversionsrate von Vetevo auswirkte. Es ist uns sehr klar, dass es sich lohnt, sich die Zeit zu nehmen, Tests ordnungsgemäß durchzuführen!

04 Leistungsoptimierung

Bei der Entwicklung und Verbesserung der technischen Leistung des Online-Shops von Vetevo haben wir das Auge mit dem Laser in den Mittelpunkt gestellt. Der Kunde hat nicht nur ein angenehmeres Erlebnis mit schnelleren Ladezeiten und der Google Web Vital-Optimierung, sondern Google belohnt diese technischen Verbesserungen auch mit besseren Platzierungen in Suchmaschinen. Gewinnen auf beiden Seiten!

MARKETINGVORTEILE

Ein Happy End für das Marketingteam von Vetevo

Das Marketingteam von Vetevo kann Inhalte schnell und einfach ändern und austauschen sowie völlig neue Landingpages erstellen — ganz alleine, ohne auf technische Hilfe angewiesen zu sein. Dies alles wurde von uns erreicht, indem wir neue Abschnitte erstellt und das Theme auf Shopify Stores 2.0 aktualisiert haben.

Die Grundarbeiten wurden geleistet, die technische Infrastruktur ist so solide wie ein Fels, und jetzt kann sich Vetevo darauf freuen, mithilfe der von uns implementierten Tools selbstständig neue Kampagnen zu starten. Die verbesserte Datenleistung ihres Onlineshops ermöglicht es den Besuchern auch, schnell und reibungslos zu finden, wonach sie suchen. Wir alle wissen, dass sich dies direkt in einer erhöhten Rendite auf Werbeausgaben (ROAS) auswirkt.

TECHNISCHE SPEZIFIKATIONEN

Verbesserte Leistung

Manchmal sind es die kleinen Dinge, die am meisten zählen. Durch zahlreiche kleine Änderungen am Shopify-Thema auf der Online-Site von Vetevo konnten wir Großes erreichen. Durch die Optimierung und Fokussierung auf Google Web Vitals glänzt der neue Shop mit extrem guten Werten in den Bereichen First Input Delay (FID), Largest Contentful Paint (LCP) und Cumulative Layout Shift (CLS). Die Webstore-Seiten werden in der Regel unter 2 Sekunden geladen und es vergehen nur 0,1 Sekunden, bis Interaktionen durchgeführt werden können.

Bereiche der Optimierung

Web Vitals

/

Thema Liquid

/

Javascript

/

Shopify-Apps

/

Github und DevOps

/

HTML 5 + CSS3

ERGEBNIS UND AUSBLICK

Das Ergebnis

Sofortige Erfolge in vielen wichtigen Bereichen wurden durch unsere umfassende Überarbeitung des Themas erzielt. Es ist erwähnenswert, dass sich die Benutzererfahrung, die Ladezeiten und die SEO-Leistung erheblich verbessert haben. Wir haben Vetevo mit einer langfristig zuverlässigen Basis für ihre Online-Präsenz ausgestattet, und sie verfügen jetzt über eine viel flexiblere Infrastruktur für all ihre Marketingträume und -wünsche.

67

Geschwindigkeitsverbesserungen

2-6x

Schnellere Ladezeit

50+

Bereitstellungen

3

Besondere Dreamteam-Mitarbeiter

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, Produktleiter

Vetevo belegte den 31. Platz

bei „Jung von Matts StartUp Brand Ranking“ — und damit vor Größen wie Flaconi, Flixbus oder Hello Fresh. Alles dank ihrer verbesserten Online-Markenpräsenz.

Wir freuen uns auf Ihre Nachricht. Schicken Sie uns gerne eine E-Mail an hello@especial.digital

By filling in your email, 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.