Discover Zoco Home's Design Philosophy

Situation

Zoco Home, a prominent e-commerce store specializing in home decor, approached me to address several design and functionality issues in their Shopify store. Their store was running on version 4.1.0 of the Expanse theme, which had become outdated. They requested an upgrade to the new version 5.2.0. The challenge lay in the fact that the structure of the Expanse theme had completely changed between these versions.

Task

The primary task was to upgrade Zoco Home's Shopify store to the latest version of the Expanse theme while resolving numerous design and functionality issues. The goal was to enhance the user experience, improve the store's performance, and ensure that all features were working correctly. Key tasks included:

1. Upgrading the theme from version 4.1.0 to 5.2.0.
2. Rebuilding three essential sections of the store.
3. Fixing multiple design issues to align with the new theme structure.
4. Addressing several critical functionality challenges.

Action

Despite the complexity of the task, I committed to completing the upgrade over a single weekend. Here's a detailed account of the actions taken to achieve this:

1. Header Menu Icons Issue:

   • Challenge: The icons in the new header were causing a significant delay, taking 45 seconds to load. This negatively impacted the conversion rate, as users tend to abandon sites that take too long to load.
   • Solution: I rebuilt the header functionality from scratch to ensure the icons loaded quickly. This involved optimizing the code and eliminating any bottlenecks that caused the delay.

2. Recently Viewed Section:
   • Challenge: The recently viewed section was not appearing after the update.
   • Solution: I reconstructed this section from scratch, ensuring it was fully functional and integrated seamlessly with the new theme.

3. Buy with PayPal Button:
   • Challenge: The Buy with PayPal button was not displaying at all.
   • Solution: I identified and fixed the issue, ensuring that the button was visible and functional for users, thereby enhancing the payment options available.

4. Mega Menu Functionality:
   • Challenge: There was a conflict with existing CSS styles, causing the mega menu to malfunction and not display correctly.
   • Solution: I identified the conflicting CSS and resolved the issue, ensuring that the mega menu functioned correctly and provided a smooth navigation experience for users.

5. Klaviyo Integration:
   • Challenge: Klaviyo pop-ups were not showing on some pages, and Klaviyo was not tracking events correctly with the new theme.
   • Solution: I debugged the Klaviyo integration, ensuring that pop-ups appeared on all relevant pages and that tracking was accurate and consistent.

Result

Zoco Home was extremely satisfied with the outcome and provided positive feedback on my skills and efficiency. They appreciated the quick turnaround and the quality of the work delivered.

This case study demonstrates my ability to handle complex technical upgrades and resolve critical functionality issues promptly, ensuring high client satisfaction and improved store performance.