Sans tête en pratique

L'architecture sans tête est devenue largement connue comme une stratégie technologique émergente que de nombreux commerçants envisagent. Les avantages de cette architecture sont principalement présentés comme un moyen de fournir aux entreprises plus de choix pour intégrer les meilleures solutions, des performances de site supérieures et d'autres avantages techniques. Bien que tous ces avantages soient réels et incroyablement bénéfiques, nous sommes ravis des opportunités créatives que cette approche a déclenchées pour les marques.

Les expériences utilisateur uniques et hautement marquées ont été quelque peu hors de portée pour de nombreux marchands du marché intermédiaire qui cherchent à rehausser leur marque en intégrant un contenu plus dynamique tout au long de l'expérience d'achat. En dehors des plates-formes monolithiques plus chères et parfois prohibitives, il n'y a pas eu de solution complète prenant en charge à la fois le contenu unique et les besoins de commerce électronique d'une marque. Les marques ont pesé les compromis entre les deux, les forçant à décider lequel était le plus important.

Alors qu'est-ce qui a changé ? L'un des changements est la montée en puissance et la prise en charge des API par certaines plateformes de commerce électronique. La disponibilité de ces API a fourni une nouvelle façon de connecter des expériences de contenu dynamique, des applications de services aux entreprises, ainsi que le catalogue de commerce de manière à tout rassembler, créant des gains d'efficacité et la possibilité de fournir une meilleure image globale de la marque et du client. expérience.

Exemples de la façon dont le SaaS ouvert de BigCommerce prend en charge le Headless

BigCommerce a pris la décision très tôt de prendre pleinement en charge le headless en adoptant une approche SaaS ouverte pour sa plate-forme, en exposant son catalogue et ses fonctionnalités via des API. Cette stratégie a permis aux marques de s'adapter rapidement au changement tout en maintenant un coût de possession inférieur en offrant une flexibilité dans la prise en charge du front-end de choix. Bien qu'il existe plusieurs autres plates-formes faisant des déclarations similaires, nous avons constaté que BigCommerce était beaucoup plus avancé, ayant adopté toute sa stratégie de plate-forme pour prendre en charge le SaaS ouvert et sans tête dès le départ.

L'architecture sans tête a permis aux marques de prendre du recul et d'avancer en même temps, en répondant à leurs besoins actuels en matière de marque tout en les préparant à la croissance et aux changements futurs. En tant qu'agence de conception et de développement de commerce électronique, nous aimerions partager quelques exemples spécifiques de la façon dont ce cadre a libéré la créativité et amélioré nos solutions et systèmes de conception pour mieux soutenir la capacité d'une marque à gérer son site de manière plus durable.

Pendant de nombreuses années, ZaneRay a eu l'avantage de faire à la fois de la conception et du développement, et un certain nombre de membres de notre équipe ont une expérience et des compétences significatives dans les deux. Comprendre les exigences de développement et d'ingénierie a aidé à éclairer nos conceptions au fil des ans, nous permettant de pousser un peu plus loin la créativité tout en gardant une conscience aiguë de l'endroit où les lignes sont tracées. Le cadre sans tête a considérablement élargi ces lignes dans toutes les directions, nous permettant de concevoir des expériences de marque qui, auparavant, auraient été d'un coût prohibitif pour nos partenaires de marque. Du point de vue de la conception, le découplage du front et du back-end a permis à notre équipe de conception de travailler dans un système de gestion de contenu plus robuste qui prend mieux en charge les conceptions uniques et inventives qui n'étaient tout simplement pas possibles auparavant. Grâce à cette liberté retrouvée, nous avons pu explorer davantage avec nos partenaires de marque qui cherchent à faire quelque chose de plus immersif et unique pour mieux communiquer leur expérience de marque.

1. Skullcandy.

Skullcandy fait partie de ces marques qui ont construit une communauté fidèle et connectée autour de la musique et des sports d'action, assez active sur leur site en raison de leur rôle dans la culture de cette culture. Cette affinité culturelle est ce qui vend leurs produits en tant que marque de style de vie. Pour cette raison, Skullcandy voulait un site de commerce qui présente ses produits de manière créative tout en racontant les histoires autour de l'art et de la culture qui sont l'essence même de la marque. Le défi présenté par Skullcandy était une question sur la meilleure façon d'exécuter leur campagne Moods de 18 mois, avec un produit en édition limitée, un nouveau musicien et de nouvelles illustrations chaque mois. Les exigences incluaient la possibilité pour l'équipe Skullcandy de changer ses actifs de campagne chaque mois sans restrictions de développement et de pouvoir organiser et planifier la sortie.

En tirant parti du SaaS ouvert de BigCommerce, nous avons pu adopter une approche hybride, en intégrant un CMS sans tête pour créer la structure et les composants de la page avec la possibilité de mettre en scène et de prévisualiser les actifs avant de publier le contenu. Le CMS dispose également de capacités de planification qui permettent à l'équipe de planifier la mise en ligne de la page au milieu de la nuit sans aucune aide de l'équipe de développement. Cette approche hybride a été étendue à d'autres zones du site permettant à Skullcandy de repousser les limites créatives et de présenter leur marque sans limites.

2. Vélos Yeti.

Yeti Cycles est un autre site sans tête que nous avons récemment lancé sur BigCommerce. Leur site précédent était magnifiquement conçu et répondait bien à leurs besoins en matière de marque, cependant, leur approche "design-first" avait abouti à un back-end technique très fragmenté et enchevêtré au fil du temps, extrêmement décousu, ce qui rendait difficile pour l'équipe marketing de gérer ou mettre à jour le site. Non seulement c'était difficile, mais c'était aussi assez coûteux car la plupart des mises à jour nécessitaient une assistance technique. Afin d'atteindre la vitesse de commercialisation dont ils avaient besoin pour atteindre leurs objectifs, l'équipe Yeti avait besoin d'un back-end plus intégré ainsi que d'un front-end plus convivial, leur fournissant les informations, les outils et les systèmes dont ils avaient besoin pour mieux gérer leur site. .

L'un des objectifs au début du projet était d'apporter des améliorations à la conception globale du site, en rehaussant les conceptions sans les réinventer complètement. L'équipe de Yeti Cycles devait également être en mesure de conserver l'intégrité de ces conceptions pour les futures campagnes, les mises à jour de contenu et les lancements de produits et avait besoin des bons systèmes et outils qui leur permettraient de le faire par eux-mêmes. Pour y parvenir, ZaneRay a créé un système de conception soutenu par une bibliothèque de composants réutilisables ainsi qu'un guide de style numérique, assurant la cohérence de la marque sur l'ensemble du site, permettant à l'équipe de créer de nouvelles pages et de télécharger de nouveaux contenus. Cette combinaison d'outils et de systèmes frontaux, associée à un CMS robuste, leur a permis de prolonger la fidélité des conceptions au-delà de la conception et de la construction initiales du site.

Ce système a été mis à l'épreuve quelques jours seulement après le lancement du site avec la sortie de leur nouveau vélo ARC 35th Anniversary à thème rétro en édition limitée. Ce qui avait auparavant pris plusieurs semaines de préparation et de coordination du développement pour être mis en place pour le lancement, a maintenant pris des heures et ils ont pu le faire entièrement par eux-mêmes. Le vélo s'est vendu en quelques heures.

Un autre objectif principal du projet était de s'assurer que tous leurs systèmes backend étaient correctement intégrés afin qu'ils puissent surveiller pleinement l'entonnoir d'achat et avec cette nouvelle visibilité, apporter des ajustements à leur site en fonction des informations basées sur les données. Les défis d'intégration qu'ils avaient rencontrés avec leur pile technologique précédente avaient également contribué à leur incapacité à surveiller leur entonnoir d'achat, car les systèmes backend étaient si fragmentés. Étant donné que headless est un framework API-first, les systèmes backend ont pu être simplifiés et connectés avec un minimum d'effort, créant un backend qui était désormais entièrement intégré et structuré pour l'analyse de site. Au sein de l'administrateur Analytics de BigCommerce, l'équipe Yeti peut désormais surveiller entièrement les taux de paniers abandonnés, afficher des produits spécifiques qui sont abandonnés, ainsi que créer des campagnes spécifiques pour réduire les taux d'abandon.

3. Équipement Black Diamond.

Notre troisième projet sans tête, et le plus récent, est Black Diamond Equipment. Black Diamond est une marque de plein air forte qui a eu du mal à présenter son contenu inspirant sur son site Web précédent qui se trouvait sur l'une des plates-formes monolithiques. Encombré par des limitations et un développement à un coût prohibitif, Black Diamond a choisi une stratégie sans tête qui a intégré la plate-forme SaaS ouverte BigCommerce pour son nouveau site.

L'un des principaux objectifs de la nouvelle plateforme était de permettre à l'équipe marketing de Black Diamond de gérer librement le site et son contenu riche, offrant une expérience créative plus dynamique qui représente mieux la marque, tout en réduisant son coût total de possession. La solution sans tête comprenait l'intégration de nombreuses applications de service tierces et d'un CMS riche en fonctionnalités.

Tirant parti d'une stratégie similaire à Skullcandy et Yeti Cycles, le nouveau design est conçu pour mélanger un contenu riche avec des produits là où cela compte le plus pour leurs clients. Avec les images et les histoires incroyables développées par la marque, le nouveau design et le CMS permettent à Black Diamond de plonger ses clients dans les expériences pour lesquelles la marque est connue. Non seulement ils ont toutes les capacités de gestion de ce contenu, mais leur équipe peut également aller bien au-delà de la simple mise à jour où ils sont capables de créer de nouvelles pages et du contenu à l'aide de ce système de conception avancé et du CMS.

Un autre objectif pour Black Diamond était de personnaliser leur messagerie vers leurs différents marchés. Cela inclut les pays européens et les langues en plus de leurs athlètes professionnels. Non seulement le CMS prend en charge plusieurs langues, mais le site a également été programmé pour que l'équipe européenne puisse présenter différents marchandisages, actifs et messages à ces différents clients, offrant une meilleure expérience utilisateur par marché. L'équipe marketing de Black Diamond dispose d'une liberté retrouvée dont elle profite rapidement en faisant jouer ses muscles créatifs.

Principaux plats à emporter

Alors que l'architecture sans tête en est encore à ses balbutiements, elle uniformise les règles du jeu de ce que les marques peuvent faire avec leurs expériences numériques. Ce qui n'était autrefois accompli qu'à l'aide d'une programmation personnalisée peut désormais être exploité par des équipes marketing non techniques exprimant une véritable expérience sans compromis. Les premiers utilisateurs comme BigCommerce ont déjà une longueur d'avance en termes de préparation des marques et des commerçants pour réussir en utilisant cette approche. Le paysage ne fait que s'améliorer là où de nombreux outils et programmes émergent pour faire du headless une architecture encore plus facile à considérer. Libérer cette créativité pour les marques n'est que l'un des avantages du headless, mais c'est probablement le plus excitant pour ceux qui aiment créer une expérience utilisateur exceptionnelle.