Découvrez les tendances de consommation eCommerce des Canadien(ne)s à surveiller en 2024. Téléchargez le rapport

Attitude

Hydrogen sur Shopify Plus pour augmenter la performance

Fondé en 2006, Attitude est né d’un désir de créer des produits qui seraient meilleurs pour la santé et l’environnement. En travaillant avec des scientifiques créatifs et qui ont à cœur de développer des produits écoresponsables, l’entreprise progresse en développant des produits performants dans des emballages éco-innovants pour réduire le plastique. Avec plusieurs certifications à son arc, dont EWG VERIFIED, PETA, FSC et ÉcoLogo, Attitude se tient à jour sur l’évolution des bases de données scientifiques afin d’assurer que leurs produits sont exempts d’ingrédients préoccupants.

x

Mandat

Migration front-end et consolidation de magasins en ligne en headless

Attitude a sollicité l’expertise de Novatize pour relever un défi au cœur de ses opérations eCommerce : la migration du front-end de ses sites Web, bâtit sur la solution Shogun. Notre priorité était de consolider plusieurs magasins en un nombre minimal pour optimiser les opérations ainsi que de diminuer les coûts élevés et les frais de maintenance qui dépendent de tiers. Ce processus impliquait la migration transparente des abonnés tout en veillant à augmenter la vitesse du site. L’objectif central était de garantir un environnement flexible, prêt à accueillir des projets futurs. C’est à l’aide du cadre de développement Shopify Hydrogen, combiné à Shopify Oxygen pour l’hébergement, que la nouvelle mouture du front-end de Attitude a vu le jour.

Approche

Mettre les Meta Objects de Shopify au coeur de la solution

Afin de répondre aux délais et rapidement accélérer le temps de chargement, la solution était simple, utiliser les Meta Objects de Shopify pour les éléments de page. Bâtie avec la librairie Remix pour son intégration native avec Shopify Hydrogen, la plateforme offre une expérience de développement moderne et rationalisée pour créer des applications Web à la fois performantes et maintenables. Elle combine le rendu côté serveur avec l’interactivité côté client, offrant ainsi aux développeurs et développeuses les outils nécessaires pour créer des expériences Web robustes et efficaces.

x
x

Résultats

Une plateforme internationale headless optimisée

La solution implantée offre maintenant une gestion intuitive des magasins Shopify dans deux langues distinctes, et ce pour plusieurs régions de ventes. En optant pour une architecture purement headless native de Shopify, sans CMS, nous avons éliminé les retards liés à la mise en cache et les coûts superflus. À la place, nous avons directement intégré les fonctionnalités nécessaires dans l’API des applications Shopify, garantissant une expérience utilisateur fluide et réactive dans toutes les langues.