Building a Scalable and Performant Website to Serve 10K+ Buyers of Organic Goods
FOOD SERVICE | SHOPIFY PLUS
The customer turned to Amitech to optimize the website for organic product distribution, facilitating sales, increasing brand awareness, and improving buyer satisfaction.
The customer
The customer is a US-based distributor of organic products and cookware. Founded in 2012, the company has built a strong community of 5+ million social media followers, promoting healthy eating habits.
The need
The customer developed a Shopify Plus–based website to sell products online and share recipes. With the customer’s brand gaining popularity, the number of website visits was growing exponentially, reaching 10,000+ users and 1000+ orders daily. Due to the limitations in the existing Liquid framework, the website could no longer sustain the load. On top of that, adding new functionality would lead to severe performance issues. In addition, the website was hard to customize, personalize, and it lacked robust content management.
Intending to retain current buyers and scale, the customer decided to migrate to a modern technology stack (the Hydrogen framework). Relying on Amitech, the retailer sought professional e-commerce advice, profound Shopify expertise, and UI/UX knowledge.
The challenges
The Liquid framework included core business logic for managing users, orders, etc., and it was tightly coupled with the Shopify back end. For example, to migrate the user authorization logic to the new framework, it was crucial to synchronize all data across the two systems.
Some third-party integrations lacked APIs, which hampered smooth data transition.
The website featured the recurring order functionality. When a user reordered items, the website hit a timeout, which might affect the user experience.
The solution
For greater scalability, performance, storefront flexibility, and advanced integrations, experts at Amitech suggested going headless, migrating to the Hydrogen framework. After analyzing the existing architecture, the team outlined the plan for a smooth business logic transition. First, the engineers delivered a custom user authentication logic, enabling single sign-on across multiple systems. Additionally, to avoid compatibility issues with third-party apps, the developers transformed incoming data into a readable HTML format.
The UI/UX experts at Amitech introduced a brand-new website design to make it aesthetically pleasing, intuitive, and easy to navigate.
The engineers also implemented a filtering mechanism to easily choose products with preferred configurable options in a single place without the need to browse through each product.
For content management and personalization, the developers integrated Builder.io to handle volumes of diverse media (e.g., recipes, product descriptions, and images). The tool also helps to organize pages, optimize and consolidate the structure, and manage metadata (page titles, descriptions, etc.) to improve ranking and indexing.
The outcome
Relying on full-cycle e-commerce expertise at Amitech, the customer delivered a functional and modern website based on a modern technology stack in just a month.
Headless technology
For improved the website performance, scalability, and flexibility
More than 10,000 users and 1000 orders
handled daily with the ability to further expand
B2C features to drive sales
content management, personalization, easy ordering, upselling
Highlights
Headless technology for improved performance, scalability, and storefront flexibility
Performance to handle the exponential increase in website traffic
Improved page load speed to enhance user experience and retention
Content management, personalization, and advanced search capabilities
Marketing features to drive sales and increase audience engagement
Technology Stack
Platforms
Shopify Plus
Programming languages
TypeScript
Frameworks and tools
Hydrogen, Oxygen, React, GraphQL
Integrations
Builder.io, Skio, Klaviyo, Judge.me, Goaffpro, EqualWeb, Google Tag Manager