Inspired by the founder’s desire to provide clean and effective products for his growing family, ATTITUDE Living embodies a deep commitment to transparency and care—both for individuals and the planet. Since 2006, ATTITUDE has been on a mission to revolutionize the home, body, and face industry by offering clean products in eco-innovative packaging designed to reduce plastic.
When their front-end technology provider announced it was sunsetting its platform, ATTITUDE was in need of a new solution that would empower them to build informative, dynamic product pages. They wanted to expand their existing Shopify footprint, appreciating the design flexibility and the site speed that the headless approach already gave them on the back end. And they looked to Novatize as the partner to help them achieve it.
By migrating their front end to Shopify, ATTITUDE saw these results:
- 9% increase in new customers
- 15% increase in average revenue per user (ARPU)
- 10% increase in average order value (AOV)
- 40% improvement in page load time
The challenge: Choosing a fast and flexible headless architecture
With their front-end technology no longer supported, ATTITUDE looked to implement a new headless architecture. They’d also recently needed to migrate off a third-party content management system (CMS), so they wanted a front end that could independently support their content needs.
With Shopify’s UX/UI flexibility and powerful site speed, ATTITUDE knew it was the right choice. Faced with the high competition of the beauty industry, they wanted their front-end design to stand out while still being lightning fast. Specifically, they wanted to display all relevant images, brand messaging, and product information on product detail pages (PDPs), as well as build a creative way to help customers discover their wide range of products with a new menu banner.
Beyond improving the experience across their pages, ATTITUDE also looked to consolidate multiple stores down to one in each region. That way, they could focus on optimizing operations and unifying their brand identity, along with lower costs and reducing third-party dependent maintenance fees.
With their decision to migrate to Shopify locked in, ATTITUDE needed the right partner to make it happen. For this, they had three criteria—the partner needed to be Shopify certified, local to their Montreal, Canada headquarters, and speak French. As a firm specializing in unified commerce, Novatize checked all of the boxes.
The solution: Building clean, dynamic sites with Shopify Hydrogen and Oxygen
With Novatize on board, the team set to migrate the front end of ATTITUDE’s websites to Shopify. Above all else, ATTITUDE wanted their sites to be both high performing and easy to maintain. Using Shopify Hydrogen as the headless commerce solution, combined with Shopify Oxygen for global hosting, Novatize built the sites with Remix to keep the custom storefronts performing quickly with a modern, streamlined developer experience.
From there, Novatize and ATTITUDE shifted the focus to elevating the sites’ design and shopper experiences, using the Shogun app as their landing page builder.
Creating custom pages with Shopify metaobjects
Using Shopify’s metaobjects and metafields, ATTITUDE now dynamically manages content without relying on an external CMS. They can easily customize product pages and market-specific information directly through Shopify. Also, because Novatize rebuilt their websites using a single master site, the team can seamlessly manage content, products, and campaigns across multiple markets and languages.
Take ATTITUDE’s sun care product discovery page. It features interactive filters that help shoppers quickly find products that match their specific needs, such as UV protection level or natural ingredients. This approach enhances the shopping experience by giving visitors the ability to filter and discover relevant products, while the simple and modern visual design reinforces ATTITUDE’s eco-friendly mission by highlighting their commitment to environmental protection through planet-friendly product choices.
From there, each product page is designed to highlight clear and detailed information such as natural ingredients, eco-friendly certifications, and the benefits of the product for the skin and the environment. With several certifications—including EWG VERIFIED, PETA, and FSC—ATTITUDE uses cutting-edge scientific research to ensure their products are free from harmful ingredients. The dynamic structure combines server-side rendering with client-side interactivity to recommend complementary products based on the shopper’s preferences or previous purchases, such as additional care adapted to their routine.
The results: An optimized international headless platform
Now that all of ATTITUDE’s sites share the same headless Shopify Hydrogen codebase, the team manages a flexible environment that’s ready for future projects. The dynamic Hydrogen architecture allows ATTITUDE to deliver a consistent user experience and meet the specific needs of each market, resulting in a 9% increase in new customers. The implemented solution also offers intuitive Shopify store management in two distinct languages, French and English, across multiple sales regions in Canada and the US—creating a 15% increase in average purchase revenue per user.
We’re proud to have partnered with ATTITUDE Living to build a high-performance, headless Shopify Hydrogen storefront that reflects their commitment to sustainability. Throughout the project, we have worked with their team to ensure they have full control over the solution moving forward.
By opting for a purely headless architecture native to Shopify that doesn’t rely on a third-party CMS, Novatize eliminated caching delays and unnecessary costs. Instead, that necessary functionality is built directly into the Shopify application API, guaranteeing a fluid and responsive user experience in all languages, improving page load time by 40%, and ultimately helping ATTITUDE grow their business.
