We elevated the online presence of a leading Shopify Plus luxury jewellery brand by crafting a high-performance, fully self-managed headless Shopify Plus store, utilising Sanity as the CMS and Next.js for the web front-end, resulting in streamlined content management and front-end user experience.
The Challenge:
A leading luxury jewellery brand faced a challenge: their existing ecommerce website didn't reflect the elegance and sophistication of their brand. The user experience (UX) was clunky, the website lacked performance, and content management was cumbersome. This disconnect between brand and online presence was hindering customer engagement and sales.
A leading luxury jewellery brand faced a challenge: their existing ecommerce website didn't reflect the elegance and sophistication of their brand. The user experience (UX) was clunky, the website lacked performance, and content management was cumbersome. This disconnect between brand and online presence was hindering customer engagement and sales.
Our Approach:
To achieve the client's goals, we leveraged a powerful and flexible tech stack:
- Headless architecture: Shopify Plus provided the ecommerce foundation, while Sanity served as the flexible content layer. This separation empowered the client with ultimate scalability and content management freedom.
- Next.js: This performant front-end framework delivered lightning-fast page loads and a visually captivating user interface. (Insert Image showcasing UI improvements with a collage of different screenshots)
- Custom Sanity Connect integration: While Sanity Connect offered a solid base for data synchronization between Shopify and Sanity, we extended its capabilities with a custom integration solution. This ensured real-time access to critical product data, including:
- Multiple product images
- Product category and type information
- Collection product lists
- Filtering options
- Third-party app data
- It also reduced page load impact (by minimizing API calls)
This custom solution not only provided the client with the desired content editing flexibility, but also maintained optimal website performance and ensured the very best on site user experience.
Measurable Results:
- Speed and performance: Our efforts resulted in a dramatic improvement in website load speed across all pages. Overall site performance also improved as measured by tools like Google PageSpeed Insights, Sitebeacon.io & Sitebulb.
- Enhanced accessibility: We ensured the website adhered to the latest WCAG 2.2 standards, catering to a wider audience and reinforcing the brands commitment to inclusivity. (Insert Accessibility Score Comparison)
- Reduced carbon footprint: With a more efficient tech stack, and by optimising the front-end website for efficiency, we greatly reduced the carbon footprint of the new site when compared to the previous one, reducing it by over 65%.
Content Management Revolution:
With our development and the power of Sanity, we could empower the client's content team with
Drag-and-drop page building:
Reusable components allow for building unique and engaging pages in seconds. (Insert Image: Example of Drag-and-Drop Page Building)
Sanity's Powerhouse Features:
- AI-powered writing prompts: Assist content creation for faster turnaround times.
- Real-time collaboration: Enables seamless teamwork and version control.
- Scheduled publishing: Ensures content goes live at the perfect time.
- Visual editing: Provides a direct path from the live website to update content in Sanity Studio.
- Live preview: Sanity enables live preview of changes, so everything can be checked before pushing to live.
Effortless SEO Management:
- SEO field automation (with overrides): Streamline repetitive tasks while maintaining control.
- Pre-defined SEO fields: Our starter template contains all the fields you would expect for effective optimisation.
- Automatic sitemap updates: Maintains a up to date and optimised sitemap for search engines with full configurability.
- Schema markup: Fully configurable, and bulk implementation for Schema, providing search engines with rich product information, all through a simple to manage implementation.
Bulk Product Management:
Bulk editing and tag-based organization dramatically reduce workload. Editors can now leverage:
- Automated product population: Eliminate manual creation of product details and collections.
- Rule-based content generation: Streamline product descriptions and related product assignments with pre-defined logic.
Seamless Integrations & Optimized Tech Stack:
We seamlessly integrated essential third-party applications to enhance user experience:
- Klaviyo: Personalized back-in-stock notifications keep customers engaged.
- Elevar: Custom user tracking provides valuable customer insights. This was implemented in the headless system by us, working alongside the client and Elevar.
- Searchanise: Smart search with search intent functionality that improved product discovery.
- Growwave: Wishlist and loyalty program integrations enhance customer engagement.
Leveraging the headless architecture and Sanity's capabilities, we eliminated redundant Shopify Apps previously used for:
- Customizable product options (e.g., engraving): Managed directly within Sanity for a streamlined workflow.
- Add-on products: Configurable through Sanity, reducing reliance on external apps.
This not only simplified the client's tech stack but also significantly reduced ongoing maintenance costs.
The Lemon Hive Difference:
Our collaborative approach ensured open communication and client buy-in throughout the project. We went the extra mile, and ensured a successful outcome by:
- Building custom features: Tailored solutions like advanced product syncing, bulk editing, and custom product options created a solution that was a perfect fit for the client's needs.
- Optimizing workflows: Automated features like SEO management and content population streamlined the client's content creation process.
- Reducing costs: through leveraging Sanity and eliminating redundant Shopify apps, we minimized ongoing maintenance expense.
This dedication to exceeding expectations empowered the client to achieve their e-commerce goals with a powerful and cost-effective solution.
The Outcome:
The resulting website reflected the brand and provided a seamless user experience. The website's improved performance, enhanced content management capabilities, and efficient workflows empower the site to thrive in the competitive luxury fashion landscape.
Ready to Elevate Your Brand's Online Presence?
Contact us today to find out more about how we can help transform your ecommerce website with a headless/composable approach to create something that truly reflects your brand, improves user experience, and boosts sales.