Web Vitals
/
Theme Liquid
/
JavaScript
/
Shopify Apps
/
Github & DevOps
/
HTML 5 + CSS3
Vetevo - Shopify Plus Verschlankung und Optimierung
Überarbeitung des Themas — Shopify Plus
Übersicht -Vetevo Webshop
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
Webentwicklung
/
Geschwindigkeits- und SEO-Optimierung
Dauer
7 Monate
Das Team
1 Projektmanager
/
2 Frontend-Entwickler
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
Geschwindigkeitsbewegungen
2-6x
Schnellere Ladezeit
50+
Bereitstellungen
3
Especial besonderes Dream-Team-Mitglieder
Straßenkarte - 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.
Entwicklung von Designsystemen
A/B testing
Umsetzung
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.
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.
→ Konzept & UX UI Design - 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 umfangreiche Tests konnten wir die beste Lösung für die bestehenden Elemente und alle neuen Komponenten, die wir hinzugefügt haben, ermitteln. Und das Ergebnis? Die Umsetzung der besten Ideen, die sich - wenig überraschend - entsprechend positiv auf die Konversionsrate von Vetevo ausgewirkt haben. Für uns ist klar, dass es sich lohnt, sich die Zeit für ausführliche Tests zu nehmen!
04 Leistungsoptimierung
Bei der Entwicklung und Verbesserung der technischen Leistung des Online-Shops von Vetevo haben wir mit einem Laserauge gearbeitet. Nicht nur, dass der Kunde ein angenehmeres Erlebnis mit schnelleren Ladezeiten und Google Web Vital Optimierung hat, sondern Google belohnt diese technischen Verbesserungen mit besseren Platzierungen in den Suchmaschinen. Ein Gewinn für beide Seiten!
→ Marketingvorteile - Ein märchenhaftes Ende 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 Daten -Verbesserte Leistungen
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
Ergebnis & Ausblick
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
Geschwindigkeitsbewegungen
2-6x
Schnellere Ladezeit
50+
Bereitstellungen
3
Especial besonderes Dream-Team-Mitglieder
Referenz des Kunden -
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
at ‘Jung von Matt's StartUp Brand Ranking’ – putting it ahead of greats such as Flaconi, Flixbus or Hello Fresh. All thanks to their improved online brand presence.
