- Client: Noteworthy
- Location: New York, USA
- Platform: Shopify Plus
- Services: Website development; Data migration from Builder.io to Shopify; On-going support
About Noteworthy
Founded in 2021, Noteworthy is a New York-based fragrance brand with a mission to simplify the process of finding your unique fragrance. Understanding the complexity of choosing the perfect scent, Noteworthy redefined the fragrance discovery experience, offering a highly personalized and intuitive journey for its customers.
Noteworthy uses cutting-edge technology and customer insights to match individuals with their signature scent through a tailored fragrance quiz. Their curated collections of high-quality perfumes reflect diverse tastes and personalities, making them a favorite among fragrance enthusiasts. By combining innovation with a focus on customer satisfaction, Noteworthy has quickly established itself as a standout brand in the competitive perfume market.
Why this migration essential for Noteworthy?
As a rapidly growing brand, Noteworthy faced limitations with its existing Builder.io setup. The platform, while functional, struggled to support the scalability and performance needs of a growing customer base. Challenges included:
-
Inefficient workflows for product detail page (PDP) management.
-
Inconsistent design elements across devices.
-
Limited options for customizations and integrations to enhance the user experience.
-
A growing need for robust reporting and analytics to understand customer behavior better.
Migrating to Shopify Plus was essential for overcoming these challenges. Shopify Plus offered a scalable, feature-rich platform with enhanced customization capabilities, seamless integrations, and improved site performance, enabling Noteworthy to deliver a premium shopping experience.
How True Storefront brought their expected online store to reality?
To meet Noteworthy’s expectations, True Storefront executed a comprehensive migration plan. This involved converting existing designs, migrating data, and ensuring the seamless integration of features critical to Noteworthy operations.
Phase 1: Converting PDP Pages
The first phase involved converting Noteworthy’s product detail pages (PDPs) from Builder.io to Shopify Theme Liquid. Key tasks included:
-
Creating Liquid Theme sections for efficient data conversion.
-
Designing custom styles to replicate the look and feel of the original store.
-
Converting designs for over 100 products with 5 distinct layout types.
- Migrating landing page designs to product pages, including Starter Gift Experience, Gift Experience, and Signature Sampler.
- Ensuring responsiveness for all product pages across devices, particularly for mobile users.
Phase 2: Converting Other Pages & Migrating Data
True Storefront also converted Builder.io’s other pages to Shopify Theme Liquid. Highlights included:
1, Landing Pages:
- Conversion of custom pages, including Homepage, Blog Listing/Blog Post, About Us, Contact Us, Brand, Affiliate, and Sign-Up Form.
- Developing responsive mobile views for seamless navigation.
2, Collection Pages:
- Migrating and redesigning nine collection pages with two layout types.
- Optimizing pages for mobile responsiveness.
3, Build Bundle Pages:
- Developing a custom Shopify app for building bundles, enabling customers to filter products and create personalized kits.
- Converting designs for new Liquid themes - Build Your Own Kit and Build a Travel Kit.
- Optimizing mobile-first with the responsive mobile view of build bundle pages (iPhone SE or above).
4, Data Migration:
Creating migration tools to transfer landing page and blog data from Builder.io to Shopify Theme Liquid.
Testing and Quality assurance
Throughout the project, rigorous testing ensured all pages met performance and design expectations. Client feedback was integrated iteratively, ensuring the final product aligned with Noteworthy vision.
Before launching the new store, True Storefront conducted rigorous testing to identify and resolve potential issues. This included:
- All PDP pages testing after development
- Cross-browser and cross-device testing to ensure compatibility.
- Load testing to confirm the site could handle high traffic volumes.
- User experience testing to verify smooth navigation and functionality.
- Test reports implementation
The outstanding results
After 2 months of research and development, we are thrilled to have delivered a new website interface that exceeds our customer's expectations. We have successfully created a Shopify theme that is both visually appealing and highly functional.
Visual excellent
The migration achieved a consistent, visually appealing design across all pages. Post-migration, Noteworthy’s online store featured a sleek, modern design that resonated with their brand identity. Key improvements included:
- A more immersive and engaging PDP layout that highlights the unique attributes of each fragrance.
- Enhanced visual consistency across all pages, creating a cohesive and professional appearance.
- Improved storytelling through custom design elements that aligned with the brand’s mission.
Performance gains
Migrating to Shopify Plus significantly improved website performance, included:
-
Mobile & desktop accessibility: 91/100
-
SEO optimization: Enhanced site performance contributed to better rankings and increased organic traffic.
-
Faster load times: Average page load times reduced, resulting in a better user experience.
-
Increased responsiveness: Improved site functionality and navigation across all devices.
Customer impact
Customers now enjoy a seamless and visually appealing shopping experience. The Shopify Theme Liquid migration and faster load times have led to:
-
Increased conversion rates due to an improved user experience.
-
Simplified management processes for the Noteworthy team, allowing them to focus on growth.
-
Scalable infrastructure capable of supporting future expansion.
Wrapped things up
By overcoming performance and scalability challenges, Noteworthy now delivers a superior shopping experience that aligns with their brand values and customer expectations.
The collaboration between Noteworthy and True Storefront exemplifies the power of leveraging the right technology and expertise to drive business success. By transitioning to Shopify Plus, Noteworthy not only resolved its operational challenges but also set the stage for continued growth.
Whether you’re looking to enhance your store’s performance, migrate to a more powerful platform, or create a visually stunning design, True Storefront is here to make it happen.
Inspired by Noteworthy success story? Now it’s your turn!