Sem cabeça na prática

A arquitetura sem cabeça tornou-se amplamente conhecida como uma estratégia de tecnologia emergente que muitos comerciantes estão considerando. As vantagens dessa arquitetura são promovidas principalmente como um meio de fornecer às empresas mais opções para integrar as melhores soluções, desempenho superior do site e outras vantagens técnicas. Embora todas essas vantagens sejam verdadeiras e incrivelmente benéficas, estamos mais empolgados com as oportunidades criativas que essa abordagem desencadeou para as marcas.

Experiências de usuário exclusivas e de alta marca estão um pouco fora do alcance de muitos comerciantes de médio porte que buscam elevar sua marca integrando conteúdo mais dinâmico em toda a experiência de compra. Fora das plataformas monolíticas mais caras e às vezes proibitivas de custo, não havia uma solução completa que suportasse tanto o conteúdo exclusivo quanto as necessidades de comércio eletrônico de uma marca. As marcas pesaram os trade-offs entre os dois, forçando-as a decidir qual era mais importante.

Então o que mudou? Uma mudança é o aumento e o suporte de APIs por algumas plataformas de comércio eletrônico. A disponibilidade dessas APIs forneceu uma nova maneira de conectar experiências de conteúdo dinâmico, aplicativos de serviços de negócios, bem como o catálogo de comércio de uma forma que uniu tudo, criando eficiências e a oportunidade de fornecer uma melhor marca e cliente em geral. experiência.

Exemplos de como o Open SaaS da BigCommerce oferece suporte ao Headless

A BigCommerce tomou a decisão desde o início de oferecer suporte total ao headless, adotando uma abordagem SaaS aberta para sua plataforma, expondo seu catálogo e recursos por meio de APIs. Essa estratégia permitiu que as marcas se adaptassem rapidamente às mudanças, ao mesmo tempo em que mantinham um custo de propriedade mais baixo, oferecendo flexibilidade no suporte ao front-end escolhido. Embora existam várias outras plataformas fazendo reivindicações semelhantes, descobrimos que o BigCommerce está muito mais avançado, tendo adotado toda a sua estratégia de plataforma para oferecer suporte a SaaS aberto e sem cabeça desde o início.

A arquitetura sem cabeça forneceu uma maneira para as marcas darem um passo para trás e para frente ao mesmo tempo, apoiando suas necessidades atuais de marca e, ao mesmo tempo, preparando-as para crescimento e mudanças futuras. Como uma agência de design e desenvolvimento de comércio eletrônico, gostaríamos de compartilhar alguns exemplos específicos de como essa estrutura desencadeou a criatividade e elevou nossas soluções e sistemas de design para melhor apoiar a capacidade de uma marca de gerenciar seu site de maneira mais sustentável.

Por muitos anos, ZaneRay teve o benefício de fazer design e desenvolvimento, e alguns membros de nossa equipe têm experiência e habilidades significativas em ambos. Compreender os requisitos de desenvolvimento e engenharia ajudou a informar nossos projetos ao longo dos anos, permitindo-nos avançar um pouco mais criativamente, mantendo uma percepção aguçada de onde as linhas são desenhadas. A estrutura headless expandiu significativamente essas linhas em todas as direções, permitindo-nos projetar experiências de marca que anteriormente teriam um custo proibitivo para nossos parceiros de marca. Do ponto de vista do design, a dissociação do front-end e do back-end permitiu que nossa equipe de design trabalhasse em um sistema de gerenciamento de conteúdo mais robusto que suporta melhor designs exclusivos e inventivos que simplesmente não eram possíveis antes. Devido a essa liberdade recém-descoberta, pudemos explorar ainda mais com nossos parceiros de marca que desejam fazer algo mais imersivo e exclusivo para comunicar melhor sua experiência de marca.

1. Doce de caveira.

A Skullcandy é uma daquelas marcas que construiu uma comunidade leal e conectada em torno da música e dos esportes de ação, bastante ativa em seu site por causa de seu papel no cultivo dessa cultura. Essa afinidade cultural é o que vende seus produtos como uma marca de estilo de vida. Por isso, a Skullcandy queria um site de comércio que mostrasse seus produtos de forma criativa e ao mesmo tempo contasse as histórias em torno da arte e da cultura que são a própria essência da marca. O desafio que a Skullcandy apresentou foi uma pergunta sobre a melhor forma de executar sua campanha Moods de 18 meses, apresentando um produto de edição limitada, um novo músico e novas obras de arte a cada mês. Os requisitos incluíam a capacidade da equipe Skullcandy de trocar seus recursos de campanha a cada mês sem restrições de desenvolvimento e poder preparar e agendar o lançamento.

Aproveitando o SaaS aberto do BigCommerce, conseguimos adotar uma abordagem híbrida, integrando um CMS headless para criar a estrutura e os componentes da página com a capacidade de preparar e visualizar os ativos antes de publicar o conteúdo. O CMS também possui recursos de agendamento que permitem que a equipe programe a página para ser publicada no meio da noite sem qualquer assistência da equipe de desenvolvimento. Essa abordagem híbrida foi estendida a outras áreas do site, permitindo que a Skullcandy ultrapasse os limites criativos e apresente sua marca sem limitações.

2. Ciclos Yeti.

Yeti Cycles é outro site sem cabeça que lançamos recentemente no BigCommerce. Seu site anterior foi muito bem projetado e atendeu bem às necessidades de sua marca, no entanto, sua abordagem 'design-first' resultou em um back-end técnico muito fragmentado e emaranhado ao longo do tempo, extremamente desarticulado, tornando difícil para a equipe de marketing gerenciar ou atualizar o site. Não só foi difícil, mas também bastante caro, já que a maioria das atualizações exigia suporte de engenharia. Para atingir a velocidade de marketing necessária para atingir seus objetivos, a equipe da Yeti precisava de um back-end mais integrado, além de um front-end mais fácil de usar, fornecendo os insights, ferramentas e sistemas necessários para gerenciar melhor seu site. .

Um objetivo no início do projeto era fornecer melhorias no design geral do site, elevando os designs sem reimaginá-los completamente. A equipe da Yeti Cycles também precisava ser capaz de levar adiante a integridade desses designs para futuras campanhas, atualizações de conteúdo e lançamentos de produtos e precisava dos sistemas e ferramentas certos que permitissem fazer isso por conta própria. Para conseguir isso, a ZaneRay criou um sistema de design que é suportado por uma biblioteca de componentes reutilizáveis ​​juntamente com um guia de estilo digital, fornecendo consistência de marca em todo o site, permitindo que a equipe crie novas páginas e faça upload de novos conteúdos. Essa combinação de ferramentas e sistemas de front-end, juntamente com um CMS robusto, permitiu que eles levassem adiante a fidelidade dos designs além do design e da construção inicial do site.

Este sistema foi posto à prova apenas alguns dias após o lançamento do site com o lançamento de sua nova moto ARC 35th Anniversary, com tema retrô e edição limitada. O que antes levava muitas semanas de preparação e coordenação de desenvolvimento para ser lançado, agora levava horas e eles eram capazes de fazer tudo sozinhos. A bicicleta esgotou em questão de horas.

Outro objetivo principal do projeto era garantir que todos os seus sistemas de back-end estivessem devidamente integrados para que pudessem monitorar totalmente o funil de compra e, com essa nova visibilidade, fazer ajustes em seu site com base em insights orientados por dados. Os desafios de integração que eles encontraram com sua pilha de tecnologia anterior também contribuíram para a incapacidade de monitorar seu funil de compra, já que os sistemas de back-end eram muito fragmentados. Sendo o headless uma estrutura que prioriza a API, os sistemas de back-end puderam ser simplificados e conectados com o mínimo de esforço, criando um back-end que agora estava totalmente integrado e estruturado para análise de sites. No administrador do BigCommerce Analytics, a equipe do Yeti agora pode monitorar totalmente as taxas de carrinho abandonado, visualizar produtos específicos que estão sendo abandonados e criar campanhas específicas para diminuir as taxas de abandono.

3. Equipamento Diamante Negro.

Nosso terceiro e mais recente projeto sem cabeça é o Black Diamond Equipment. Black Diamond é uma forte marca de outdoor que lutou para mostrar seu conteúdo inspirador em seu site anterior que estava em uma das plataformas monolíticas. Impedida por limitações e desenvolvimento de custo proibitivo, a Black Diamond escolheu uma estratégia sem cabeça que incorporou a plataforma SaaS aberta BigCommerce para seu novo site.

Um dos principais objetivos da nova plataforma era permitir que a equipe de marketing da Black Diamond gerenciasse livremente o site e seu rico conteúdo, proporcionando uma experiência criativa mais dinâmica que representasse melhor a marca, reduzindo o custo total de propriedade. A solução headless incluiu a integração de muitos aplicativos de serviço de terceiros e um CMS rico em recursos.

Aproveitando uma estratégia semelhante à Skullcandy e Yeti Cycles, o novo design foi criado para combinar conteúdo rico com produtos onde é mais importante para o cliente. Com as incríveis imagens e histórias desenvolvidas pela marca, o novo design e o CMS permitem que a Black Diamond mergulhe seus clientes nas experiências pelas quais a marca é conhecida. Eles não apenas têm recursos completos para gerenciar esse conteúdo, mas sua equipe também pode ir muito além da simples atualização, onde são capazes de criar novas páginas e conteúdo usando esse sistema de design avançado e o CMS.

Outro objetivo da Black Diamond era personalizar suas mensagens para seus diferentes mercados. Isso inclui países e idiomas europeus, além de seus atletas profissionais. O CMS não só suporta vários idiomas, mas o site também foi programado para que a equipe europeia possa apresentar diferentes merchandising, ativos e mensagens para esses diferentes clientes, proporcionando uma melhor experiência de usuário por mercado. A equipe de marketing da Black Diamond tem uma liberdade recém-descoberta que eles estão aproveitando rapidamente à medida que flexionam seus músculos criativos.

Principais conclusões

Embora a arquitetura sem cabeça ainda esteja um pouco em sua infância, ela está nivelando o campo de jogo do que as marcas podem fazer com suas experiências digitais. O que antes era feito apenas usando programação personalizada agora pode ser aproveitado por equipes de marketing não técnicas expressando uma experiência verdadeira e sem compromissos. Early adopters como BigCommerce já estão muito à frente em termos de definir marcas e comerciantes para o sucesso usando essa abordagem. O cenário só está melhorando onde muitas ferramentas e programas estão surgindo para tornar o headless uma arquitetura ainda mais fácil de ser considerada. Liberar essa criatividade para as marcas é apenas uma das vantagens do headless, mas provavelmente é a mais emocionante para quem gosta de criar uma ótima experiência do usuário.