Migration & D2C User Experience Design for 10K+ Buyers Daily
Four weeks for a functional foods and beverages business makeover, tech scaling, and website speed optimization
PROJECT IN BRIEF
Client
Organic food supplements and cookware distributor front-running the healthy food promotion across millions of subscribers worldwide
Industry
Functional Foods & Beverages
Services
Research and development
Migration services
Composable commerce development
Digital transformation mapping
Code rebuilding
Website design
Platforms
Practice makes perfect, especially when the practice is digital transformation. Yet another time, Amitech Group helped reboot the client’s business by implementing headless. And what an instant magic in the making it was!
The bottom line is a growth-optimized website in just 4 weeks, unmatched performance and speed, booming sales, and a frictionless marketing routine.
PROJECT BACKGROUND
Performance and functionality limitations
The client’s Shopify Plus–based website where they used to sell products and share recipes quickly grew in popularity. As the traffic skyrocketed twice, they were to handle around ten thousand users daily.
Running on the Liquid framework, the website frontend showed poor load speed due to struggling with inherent functional limitations. Besides, the platform lacked consistent customization, personalization, and content management capabilities. Given the client’s plan to add new features, severe wrecks in the overall performance were inevitable.
CLIENT’S OBJECTIVES
The client intended the website to enable seamless product distribution, drive sales, and improve user experience while growing market reach, brand awareness, and customer base.
VENDOR COMPETITION WIN
While searching for a trusted eCommerce growth agency and strategic advice, the client factored in our team’s stellar testimonials.
Amitech Group’s proven Shopify proficiency and UI/UX best practices, extensive migration skills, and successful collaboration on the previous project set the seal on yet another contract with this client.
CHALLENGES
Data transition and UX failures
- The core business logic resided on the Liquid framework, tightly coupling with the Shopify backend. Meaning, migrating any of its layers required synchronizing all the data across both systems.
- Data transition was badly hampered by the absence of APIs within some third-party integrations.
- The flawed recurring order feature hit a timeout at a customer's attempt to reorder items, which ruined the user experience.
- To process recurring orders that didn’t have external APIs, we’ve built a custom single sign-on (SSO) across the app, Shopify, and third-party integration, rather than just using the Shopify authentication mechanism.
SOLUTION
Headless B2C eCommerce website
To bring in unrivaled scalability, power efficiency, storefront flexibility, and advanced integrations, we’ve suggested migrating to the headless Hydrogen framework. Based on the existing architecture analysis, the team roadmapped a clockwork business logic transition.
DELIVERABLES
- Custom user authentication logic enables a single sign-on across multiple systems
- Incoming data transformation into a readable HTML format ensures smooth compatibility with external apps.
- Brand-new pixel-perfect website design makes it easy on the eye and intuitively navigable.
- The recurring order module rebuilt with React.js powers a millisecond-fast page load speed with zero UX bottlenecks.
- A robust faceted navigation mechanism easily configures options as the user chooses products, so there’s no need to browse through each one.
- Cross-selling/upselling functionality shows product recommendations based on purchase history and item compatibility.
- Marketing automation and customer service integrations streamline repetitive tasks like email distribution and customer review collection.
INTEGRATIONS
ENGINEERING STACK
TECH UNDER THE HOOD
Shopify Plus
TypeScript
Hydrogen, Oxygen, React, GraphQL
“Underlying Builder.io, the platform allows for advanced content management and personalization. Complex routines become a breeze—from organizing pages and consolidating the structure to managing metadata and bolstering the ranking and indexing.”
FEATURE HIGHLIGHTS
- Custom user authentication logic
- Intuitive filtering mechanism
- Cross-selling/upselling capabilities
- Marketing automation
- Customer service support
Results
4
weeks
Crafting a fully functional website
200%
increase
Championing a whopping increase in orders
10K+
daily visitors
Sporting record daily visitors and weekly orders
2X
load speed
Celebrating boosted page load speed and user retention
COMPLEMENTED WITH
B2C focus
To personalize offering, simplify search, ordering, and upselling
Headless technology
To improve website performance, scalability, and composability
Marketing automation
To facilitate sales, content management, and audience engagement
FURTHER COLLABORATION
Given the successful partnership within two projects in a row, the client stayed with Amitech Group as a reliable team for another undertaking on Shopify store development.
THE UNDERLYING MASTERY INGREDIENTS
Team composition
- Software Architect
- Product Owner
- 2 Software Developers
Engagement model
Time and Material with NTE
Methodology
Scrum
Last updated: May 30, 2024
ABOUT THE AUTHORS
Has wizardly powers to magically bring in web and mobile platforms, thus breaking heavy eCommerce spells.
Democratizes those royally sophisticated tech phenomena by means of concise copy and occasional wit.
Let’s build something great together!
Drop us a line and we will contact you to shape our path forward