Vetevo - Shopify Plus Streamlining & Optimization
Theme Overhaul – Shopify Plus
Scroll For More
01. - OVERVIEW
The Brief
To fix Vetevo’s front-end performance. Primarily making use of Shopify Apps & page builders for Vetevo’s Shopify theme had made their site become slow to load, unappealing in appearance and difficult to maintain. They needed professional help, which is where we stepped in.
Take a lookServices
Web Development, Speed & SEO Optimization
Client
Vetevo GmbH
Project duration
Apr. 2021 – Oct. 2021
The team
1 Project Manager, 2 Front-end Engineers
Challenges & Goals
We were confronted with two main issues: Firstly, Vetevo’s Shopify theme was not equipped for Google Web Vitals, which led to poor SEO values. Secondly, due to the use of Shopify Apps & page builders, the visual design of their webpage was not doing their professional products and vision justice. Things needed to change.
Our Approach
We take pride in expertly guiding our clients through their decision-making process. We needed to decide whether their current theme should be kept or if we should take a crack at developing a new one. With the help of technical audits, we were able to create a proposal for Vetevo that included their current marketing, design, and tech team requirements with their current Shopify theme. The key was a design system in Shopify.
02. - ROADMAP
Reach your Goals quickly with ‘Usain Bolt-like’ Sprints
We had weekly meetings in which our developers and designers worked closely alongside the markets and designers from Vetevo. Together we created a standardized design system for key elements such as buttons, colors and fonts which were all designed with the aim of achieving faster loading times. We then used the design system for vital A/B tests to validate and speedily implement new page designs in their online shop.
Design system development
A/B testing
Implement the winning recipe
Performance optimization
What is a design system? It’s a framework of reusable design components such as font formatting, buttons, tables etc. It helps product teams adhere to a uniform design language and helps in validating high-performance, high-conversion elements in A/B tests, and allows you to quickly implement them in code.
03. - IMPLEMENTATION
Standardize, Develop,
Optimize!
01
Develop a flexible design system
We designed a clear design system for Vetevo, based on their existing theme and design concept elements. The aim of ours is to improve, not to re-invent the wheel! The creation of new pages and layouts became both easier and faster using recurring components.
02
Create the basis for content
We achieved a much-improved brand image, streamline and standardized online shop by cleverly applying the design system to existing elements in the theme. On top of this, we also created new components for more dynamic content and new landing pages that Vetevo wanted to incorporate. Thanks to Shopify's Stores 2.0, these can now be used freely when building landing pages.
03
Find the optimal solution
We take our A/B testing very seriously. Through running extensive tests, we were able to expertly identify the best solution for existing elements and all the new components that we added. The result? Implementation of the best ideas which, not surprisingly, had a correspondingly positive effect on Vetevo’s conversion rate. It is very clear to us that taking the time to properly run through tests is worth it!
04
Performance optimization
We took a laser eye focus whilst developing and improving the technical performance of Vetevo’s online shop. Not only does the customer have a more enjoyable experience with faster loading times, and Google Web Vital optimization, but Google rewards these tech improvements with better search engine rankings. Winning on both ends!
04. - MARKETING BENEFITS
A fairy-tale ending for Vetevo's Marketing Team
Vetevo’s marketing team can quickly and easily change and exchange content, as well as create completely new landing pages – all by themselves, without having to rely on technical help. This was all achieved, by us, through creating new sections and updating the theme to Shopify Stores 2.0.
The groundwork has been done, the technical infrastructure is as solid as a rock, and now Vetevo can look forward to independently launching new campaigns by using the tools we have implemented. The improved data performance of their online shop also allows visitors to find what they are looking for quickly and smoothly. Which we all know has a direct effect in an increased return on ad spend (ROAS).
05. - TECHNICAL SPECIFICATIONS
Improved performance
Sometimes it’s the little things that count most. We were able to achieve greatness through numerous small changes to the Shopify theme of Vetevo’s online site. By optimizing and focusing on Google Web Vitals, the new shop shines with extremely good values in the areas of First Input Delay (FID), Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS). The webstore pages usually load under 2 seconds and only 0.1 seconds pass before interactions can be carried out.
Areas of optimization
Web Vitals
Theme Liquid
JavaScript
Shopify Apps
Github & DevOps
HTML5/CSS3
06. - OUTCOME & OUTLOOK
The Result
Immediate success in many important areas was achieved through our extensive revision of the theme. It’s worth noting that the user experience, loading times and SEO performance have all much improved. We’ve equipped Vetevo with a long-term reliable basis for their online presence and they now have a much more flexible infrastructure for all their marketing dreams and aspirations.
speed improvements
faster loading time
Deployments
people on the Especial team
07. - CLIENT REFERENCE
We knew that we needed first-class experts and developers as partners to further develop our Shopify shop. In Especial we have found an agency that has not only implemented our specific wishes but has also contributed to our company's success with their expert advice.
- Dr. Daniel Ringbeck, Head of Product
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.
CONTACT US
Drop us a line
Address
Especial Digital GmbH
Erkrather Str. 401
40231 Düsseldorf
Germany