Vetevo - Shopify Plus Streamlining & Optimization

Theme Overhaul – Shopify Plus

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 look

Services

Web Development, Speed & SEO Optimization

Client

Vetevo GmbH

Project duration

7 Months

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.

undefined

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.

01

Design system development

02

A/B testing

03

Implement the winning recipe

04

Performance optimization

undefined

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.

undefined

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).

undefined

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

undefined

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.

67

speed improvements

2-6x

faster loading time

50+

Deployments

3

people on the Especial team

undefined

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

CLIENT REFERENCE
Vetevo placed
 31

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
Erkrather Str. 401
40231 Düsseldorf
Germany

Socials