Pets Table Mexico
Pets Table has redesign their store to present their brand as a fresh, nutritious solution for all dog parents. Using Shopify as the store front and leavering the backend with React making call conections to Recharge and Rebuy, to offer the best user experience.
Visit the live site ↗ (opens in a new tab)- Platform
- Shopify
- Stack
- Shopify Plus
- Liquid Shopify
- TailwindCSS
- HTML5
- CSS3
- Dawn theme as base. SwiperJS and SplideJS as libraries
The brief
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras faucibus a tortor at molestie. Sed pellentesque leo auctor, auctor lorem nec, venenatis risus. Vivamus commodo ipsum vitae orci finibus, vel porta nunc viverra. In hac habitasse platea dictumst. Nunc pretium, ligula ultricies consequat sollicitudin, enim ex ullamcorper nisl.
The challenge
The challenge here comes in particular with the design, because it needs to be creative enough but also be the best on performance. Thanks to great designer, the idea came to a point where it could satisfied all the user experience needs, achieve marketing goals and also be interactive enough to be doable enough for translating it into code.
Solution & key features
I collaborated an amazing team of developers, lead and designer that accept the idea of using Dawn theme version 15 as a base, but adding Tailwind and Gulp to optimize the theme at the most capabilities as possible. When it comes to reusable product template, the idea was using product level metafields to use a single Product template, but this one be totally adaptable and custom to each available product in the store.
Results
Pet's Table got an amazing site increasing conversions into a 32% and improving the performance in .96s of speed load. The best part is that they are receiving an amazing feedback of the user experience, the ease to find information and the interaction with the products.
