Case Study

Back to Home

Zove Beauty Refresh

Client Work

A refresh of the Zove Beauty online store to enhance user experience and promote sales.

ShopifyLiquidCSSJavaScript
Zove Beauty Refresh screenshot
Zove Beauty Refresh - Main Interface

The Challenge

While the original Shopify setup was functional, it faced several limitations:

  • Outdated Shopify theme architecture – The previous version lacked modular flexibility and caused slower load times
  • Homepage design constraints – Limited layout options restricted Zove Beauty's brand storytelling
  • Complex navigation – The menu structure made it harder for customers to discover products easily
  • Product & FAQ pages lacked structured content – Key product information wasn't well-organised
  • Slow blog layout & styling inconsistencies – The existing blog design didn't align with the brand's aesthetic
  • Theme bugs and UI issues – Minor inconsistencies in animations and interactive elements

Research & Approach

To modernise the website and improve performance, I focused on:

  • Migrating to Shopify 2.0 architecture – Leveraging faster, modular sections for improved site speed and maintainability
  • Custom homepage design & styling – Implementing new layouts, buttons, and sections
  • Improved navigation via a custom megamenu – Enhancing product discoverability
  • Collapsible tabs for product & FAQ pages – Structuring content for better readability
  • Custom blog layout & styling – Creating a more engaging content experience
  • Fixing theme bugs & enhancing animations – Refining interactivity for a smoother user experience

The Solution

1. Migration to Shopify 2.0 for Performance & Modularity

  • Upgraded to Shopify 2.0 theme architecture, reducing reliance on outdated templates
  • Enabled modular content sections, allowing easier updates and future scalability
  • Boosted site speed, with improved load times compared to the previous version

2. Custom Homepage Redesign

  • New button styles & layouts to enhance CTA visibility
  • Optimized content hierarchy for brand messaging and product highlights

3. Enhanced Navigation & Megamenu

  • Redesigned the site's megamenu for a more structured browsing experience
  • Improved mobile responsiveness for seamless navigation

4. Collapsible Tabs for Product & FAQ Pages

  • Created structured collapsible sections for product descriptions, FAQs, and ingredients
  • Improved content accessibility, making product details easier to digest

5. Custom Blog Layout & Styling

  • Redesigned blog format to align with Zove Beauty's branding and improve readability
  • Styled blog post elements for a more visually engaging experience

6. General Theme Bug Fixes & Animation Enhancements

  • Fixed layout inconsistencies and resolved UI bugs
  • Implemented smoother animations for better user interaction

Results and Impact

  • Performance Boost – Load times improved by ~150%, enhancing the overall shopping experience
  • Old Palo Alto 1.0 Theme: Zove Beauty Performance Metrics
  • After Updating to Shopify 2.0 theme: Zove Beauty Performance Metrics
  • Modular Content Management – Shopify 2.0 sections made updates easier and more efficient
  • Increased Engagement – The redesigned homepage and blog layout led to higher user interaction
  • Improved Product Discoverability – The structured megamenu and collapsible tabs helped customers find products faster
  • Brand Consistency – Custom styling and layout improvements reinforced Zove Beauty's premium aesthetic

Key Highlights

Timeline

6 months

Role

Lead Developer

Team Size

Solo Project

Outcomes

Performance

Load times improved by ~150%

Brand Consistency

Consistent brand voice and visual identity