Why did we start the project?
The Challenge
Lock N Lube’s Shopify store had inconsistent Product Detail Pages (PDPs) with multiple layouts, confusing customers and fragmenting the user experience. The website also suffered from slow performance, code redundancies, and outdated integrations that affected user satisfaction and conversion rates. Additionally, various bugs in cart functionality and product variant pricing created friction in the buying process.
The Goal
Consolidate all product pages into a single, unified PDP for consistency and improved usability.
Optimize site performance by streamlining code and assets.
Fix functional bugs affecting cart behavior, variant pricing, and product display.
How VICI helped
Our Approach
VICI worked closely with Lock N Lube to strategically enhance the existing Shopify store without a full rebuild. Key technical and design interventions included:
Key Features Delivered:
Consolidated PDP: Unified multiple PDP layouts into one “Consolidated-PDP” applied across the catalog, ensuring consistent product presentation and review display.
Code Optimization: Reduced the main custom JavaScript file from over 1,500 lines to an optimized 870 lines by removing redundant functions, fixing bugs, and implementing debouncing for buttons to prevent multiple clicks.
Image Optimization: Compressed images to Shopify’s standards, eliminating the need for WebP and speeding up page loads.
Bug Fixes: Resolved cart duplication issues, fixed SKU and variant pricing updates, and corrected logic related to out-of-stock products and button behavior.
App Integration: Removed unnecessary third-party apps, replacing some functionalities with Liquid code and product metafields, and added the StoreLocator app to improve the customer’s ability to find retailers.
What difference did we make?
The Results
Achieved a 30% improvement in page load speed, enhancing user experience and SEO rankings.
Increased customer engagement on product pages by 25% through the unified PDP design.
Reduced bounce rates by 15%, contributing to better sales performance.
Decreased support requests related to cart and variant issues by 40% thanks to robust bug fixes.
Simplified store maintenance and scalability through codebase optimization and streamlined app usage.
Why It Matters
This project showcases how targeted UX/UI design improvements combined with technical optimization can significantly enhance an eCommerce store’s performance, reliability, and customer satisfaction without costly rebuilding. Lock N Lube now delivers a smooth, consistent shopping experience that supports growth and customer loyalty.
Ongoing Partnership
VICI continues to provide site maintenance, performance monitoring, and strategic enhancements, reinforcing our role as a trusted long-term partner in Lock N Lube’s digital success.
