Como transformamos o site da PEI Media – e os negócios – com Agile, WordPress e WooCommerce

No ano passado, a Pragmatic trabalhou com a PEI Media para entregar uma transformação digital de seu portfólio de sites – e, ao longo do caminho, de seus negócios.

Meus colegas da Pragmatic e eu estamos extremamente orgulhosos dos resultados – incluindo aumentos de tráfego orgânico de até 40% – por isso queríamos compartilhar algumas das principais coisas que aprendemos com nosso trabalho, desde observações de alto nível até insights práticos.

PEI Media: da dívida técnica ao ágil

PEI Media é um grupo internacional de mídia financeira com um portfólio de marcas. O grupo trouxe um novo diretor de tecnologia no outono de 2016 e o ​​encarregou de uma transformação digital completa do negócio. Eles queriam criar uma plataforma de tecnologia moderna e flexível que levasse os produtos premium da empresa a um crescimento significativo.

Esta foi uma marcha árdua, pois a empresa estava sobrecarregada com uma grave dívida técnica. Publicar novo conteúdo ou alterar qualquer coisa no site, mesmo um simples erro de digitação, exigia a reconstrução de todo o site da noite para o dia - claramente um estado de coisas insustentável em um setor onde velocidade e flexibilidade são cruciais. .

Para alterar qualquer coisa no site … exigia a reconstrução de todo o site da noite para o dia.

A PEI Media teve boas taxas de crescimento anual. E graças a uma recente rodada de financiamento de capital de risco, eles agora podem impulsionar o crescimento do negócio ainda mais rápido. Ficou claro, porém, que apenas uma transformação completa dos ativos digitais da empresa permitiria que eles atingissem as metas ambiciosas que haviam estabelecido para seus negócios.

O objetivo era desenvolver os oito sites da empresa para entregar seu portfólio de produtos via eCommerce de autoatendimento, oferecendo as melhores ferramentas disponíveis, bem como um front-end com design atraente.

Para atender às necessidades da PEI Media, nossa equipe da Pragmatic precisava de uma arquitetura conectada de componentes robustos e de alto desempenho, implementados por meio de metodologias ágeis.

Ao trabalhar com a PEI Media, seguimos diligentemente o devido processo. Isso incluía aderir a padrões claros — e altos —, incorporar documentação rigorosa e realizar revisões detalhadas antes de decidir sobre as soluções para os problemas que precisávamos resolver.

Conduzimos um processo RFP completo com nossos futuros parceiros PEI Media, explorando quais abordagens, software e arquitetura funcionariam melhor para as tarefas em questão.

Assim que entramos oficialmente para executar este projeto, começamos com um processo de descoberta. Em seguida, criamos um backlog do produto que incorporava todos os requisitos dos diferentes stakeholders.

Por que WordPress, por que WooCommerce?

Este foi um projeto de publicação na web, então o WordPress, o principal sistema de gerenciamento de conteúdo da web, foi um ajuste natural A disponibilidade de uma ampla gama de plugins poderosos e fluxos de trabalho editoriais flexíveis fizeram o WordPress se destacar em comparação com as plataformas CMS proprietárias que consideramos .

A flexibilidade do Visual Composer, que possibilita a troca de páginas da web sem a necessidade de suporte do desenvolvedor, foi um verdadeiro atrativo para a PEI Media. Também demonstramos a capacidade de nossa equipe de iterar rapidamente por meio de vários temas de terceiros, gerando protótipos rapidamente até que pudéssemos encontrar um que correspondesse à visão da PEI Media para sua rede de sites. Mostrar ao nosso cliente como o site poderia ser deu a eles confiança no WordPress – e em nossa capacidade de construir os sites que eles queriam.

O WooCommerce deu à PEI Media uma experiência de checkout simplificada. O processo de checkout de comércio eletrônico anterior da empresa incluía nada menos que nove etapas e, com o WooCommerce, conseguimos reduzir o número para dois ou três. Isso facilitou o trabalho das equipes de vendas e esperávamos que também produzisse uma melhor taxa de conversão.

O processo de checkout de comércio eletrônico anterior da empresa incluía nada menos que nove etapas e, com o WooCommerce, conseguimos reduzir o número para dois ou três

Como a PEI Media vende conteúdo e os membros de sua equipe estão acostumados a editá-lo e produzi-lo, estender esse gerenciamento de conteúdo para descrições e imagens de produtos não foi um grande salto.

Assim como o WordPress, o WooCommerce é de código aberto, por isso nos deu a flexibilidade de expandir e editar a funcionalidade básica conforme necessário. Neste projeto de nível empresarial, nosso cliente estava distribuído em várias unidades de negócios, cada uma executando contas de Lucros e Perdas separadas e independentes e gerando sua própria receita. Isso significava que tínhamos que considerar vários tipos de conteúdo diferentes, desde produtos físicos até acesso a conteúdo virtual, ingressos para eventos e outros. Esses sites também precisavam lidar com pagamentos únicos e assinaturas, algo que o WooCommerce poderia suportar.

O ponto de venda final para nós foi que a capacidade de extensão do WooCommerce pode ser facilmente integrada a outros aplicativos e softwares e é altamente conectável, o que significa que não havia limites nas plataformas e serviços aos quais poderíamos conectar os sites da PEI Media.

Projeto Técnico de thisispei.com

Para atender a alguns dos recursos que o WordPress e o WooCommerce não podiam fornecer, como o gerenciamento de direitos — o sistema de permissão que controla o conteúdo restrito que um usuário pode ou não ver de acordo com uma matriz de critérios — implementamos uma série de outros integrações.

Para gerenciar o acesso entre diferentes tipos de usuários — usuários anônimos, usuários gratuitos registrados e usuários pagantes de conteúdo premium — precisávamos criar uma solução sofisticada da PEI Media que pudesse lidar com o gerenciamento de direitos. A chave para o negócio deles era maximizar a taxa de conversão, incentivando os usuários a pagar, e identificamos várias plataformas em nuvem que já oferecem essa funcionalidade.

A arquitetura técnica que construímos consistia em WordPress como CMS e front-end e WooCommerce para eCommerce. Em seguida, adicionamos o Blaize, uma plataforma de gerenciamento de identidade e acesso. Colocamos um servidor proxy na frente do WordPress para lidar com o gerenciamento de identidade, incluindo registro, logins e gerenciamento de contas de usuário. Dependendo do que os visitantes estão acessando e seus direitos, o servidor proxy gera dinamicamente o conteúdo relevante.

Optamos pela autenticação sem senha e também aproveitamos a capacidade de Blaize de gerar a primeira página de conteúdo gratuitamente para solicitações de páginas de entrada provenientes de determinados mecanismos de pesquisa. Esse acesso chamado “primeiro clique gratuito” permite que as páginas sejam indexadas pelos mecanismos de pesquisa e ajudem os sites a se classificarem melhor nos resultados de pesquisa.

A PEI Media administra uma plataforma rica de pesquisa e análise de dados, que a equipe usa para informar seus analistas sobre os mercados que a empresa cobre. Para permitir o acesso a esses dados nos sites reformulados, nós os colocamos no Elasticsearch e construímos um front-end React para exibi-los. Conseguimos simplificar a exibição do conteúdo editorial juntamente com gráficos orientados por dados.

Blaize também se conecta ao CRM da empresa para gerenciar direitos para WordPress. Depois que um usuário faz check-out via WooCommerce tendo adquirido um direito, Blaize atualiza imediatamente o CRM, dando ao usuário acesso rápido ao conteúdo premium.

Para melhorar as vendas por meio da automação de marketing, integramos o Google Tag Manager, que repassa os dados para o Google Analytics e de lá para as plataformas de business intelligence da empresa. Isso permitiu melhorias contínuas na aquisição e retenção de clientes.

A arquitetura que construímos criou uma experiência personalizada do cliente, que por sua vez impulsiona o envolvimento do público, visitas repetidas, tempo gasto no site e número de páginas visualizadas. Como o modelo de negócios da PEI Media se concentra em produtos premium, quanto mais páginas um usuário visualiza, mais perto ele chega de atingir o limite, o que significa que precisará atualizar para acessar esse conteúdo.

Projeto Operacional: Descoberta e Calibração

Este foi um projeto enorme, com vários recursos e peças de software diferentes para construir e conectar juntos. Como passamos de um ponto de partida para um programa a toda velocidade? A transição exigia três fases.

A fase de descoberta veio primeiro. Este período de um mês foi para garantir que toda a equipe do projeto estivesse alinhada com a visão e os requisitos específicos. Usamos workshops e reuniões com a PEI Media e outros parceiros de tecnologia para ajudar a concluir a documentação inicial do projeto. Tivemos o cuidado de evitar falar técnico ou digital, a menos que fosse absolutamente necessário: queríamos que nossa comunicação fosse envolvente e gerasse conversas saudáveis. Também fizemos alguns protótipos e exploração técnica para minimizar o risco técnico assim que o desenvolvimento começou. Durante essa fase, também concordamos em usar uma abordagem Agile, com equipes executando sprints com duração de duas semanas cada.

Em seguida, veio a fase de calibração , que nos deu seis semanas (três sprints) para dar andamento ao projeto. Essa fase nos deu a capacidade de avaliar a quantidade de trabalho que poderíamos realizar em cada sprint e nos deu uma boa ideia das datas de entrega em relação aos principais marcos.

Após a calibração, passamos perfeitamente para o estado final de uma entrega de equipe scrum em execução ativa. As reuniões que são uma parte crítica do processo scrum significaram que estávamos constantemente discutindo e revisando o progresso com nossos parceiros PEI Media. Isso nos ajudou a promover um relacionamento positivo e baseado em confiança.

Aumento de consultas, cliques e tráfego

Graças ao acesso sem senha, o número de consultas de assinatura em todo o grupo aumentou significativamente. Os sites carregam mais rápido e os visitantes estão clicando em mais artigos. Como resultado, alguns sites viram o tráfego aumentar em até 23%, o que também se correlacionou com mais visitas, sessões de usuário mais longas e mais visualizações de página.

Como resultado, alguns sites viram o tráfego aumentar em até 23%.

Novas abordagens de personalização proporcionaram uma experiência do cliente voltada para o envolvimento do público e melhores taxas de conversão.

Conclusão

Trabalhar com a PEI Media foi uma das melhores experiências que tive em toda a minha carreira. Um relatório de terceiros sugere que minha impressão não é totalmente subjetiva:

“A natureza do relacionamento com os parceiros de desenvolvimento parece ser aquela que promoveria colaboração e entrega efetivas. Pode ser considerado próximo das melhores práticas.”

Isso é algo que qualquer agência pode se orgulhar de ler.

Existem muitos fatores que tornaram este projeto tão bem-sucedido, mas vou me concentrar no papel principal que o WordPress e o WooCommerce desempenharam:

• Velocidade – a capacidade de percorrer temas prontos em horas deu à equipe do projeto a confiança de que compartilhamos uma visão para o portfólio.
• Requisitos adequados – o WordPress é um CMS de primeira linha – alimentando 30% da web – e combinou ou superou outras opções de CMS especializadas e personalizadas, dando à equipe a confiança de que estávamos escolhendo a melhor solução.
• Integrações – a plataforma PEI Media usa os componentes mais poderosos unidos para criar a solução digital ideal para o negócio. A comunidade de código aberto do WordPress significa que, para muitas integrações, já existiam soluções prontas para uso.
• Facilmente personalizável – a PEI Media decidiu que queria que essa plataforma fosse uma parte central de sua estratégia. O WordPress e o WooCommerce apoiam essa visão, permitindo que a empresa mantenha, remova, substitua ou aumente os recursos alinhados às prioridades de negócios e à criação de valor.
• Valor – o fato de o WordPress, um projeto de software de código aberto, vir com uma taxa de licença anual de zero significa que a PEI Media conseguiu investir uma proporção maior de seu capital em recursos e funções que agregam valor específico aos seus negócios.

A Pragmatic teve o privilégio de trabalhar com a PEI Media de maneira ágil, aberta e confiável, permitindo que ambas as partes aproveitassem esses fatores em benefícios de negócios, valor e sucesso. É inspirador ver como cada sucesso construiu confiança e engajamento dentro do negócio.

– – – – – –

Este post é uma recapitulação de uma palestra dada na WooConf 2017.