Modern Pets

We were approached with the task of optimising the site and extra features to enhance user experience.

Technology Stack

Shopify
Vue
Sass
Liquid
Webpack

About project

Modern Pet is an e-commerce store in Australia selling pet food and accessories. They have a finger on the pulse of what’s trending in the pet accessories market and sell a variety of products online to fulfil the various needs of their customers.

What we Built

The site was built using Shopify, and we were approached with the task of optimizing and improving the site. We resized images across the site, removed the unused CSS, and trimmed the JavaScript libraries as a part of optimization. We also work on new requirements and features on the site as per client needs.

Challenges

Initially, the site loaded with large images and javascript files associated with various plugins added to the store, which slowed it down. We analyzed and trimmed some of the javascript files without breaking their functionality, and removed any plugins that weren’t in use. The images on the site also had to be optimized so that they didn’t prolong the initial loading time of the site.

Result

We successfully optimized the site to render faster and also built additional features with customized options based on the requirements and features put forward.

Other case studies

Find out more

Shopify was decided as the new platform to build the site on. The current site is built using a mix of React, Liquid and Vue.js components.

We built this headless website using Gatsby with Strapi as the CMS and BigCommerce as the backend for the shop.

Sacred Heart Parish is a pretty straightforward and functional website to allow users to be able to view information and be able to submit document request forms

This was our first mobile app development project built using react native.

We built this as a headless website using the Gatsby framework and Strapi as the CMS. We use GSAP to handle parallax animations in the site.

We have built a website with Silverstripe cms and Vue.

We built it using the Gatsby framework with Strapi as the CMS. We decided to use the GSAP library animations. The site's hosted using Firebase hosting.