Как мы изменили веб-сайт и бизнес PEI Media с помощью Agile, WordPress и WooCommerce

В прошлом году Pragmatic работал с PEI Media над цифровым преобразованием своего портфолио веб-сайтов, а заодно и своего бизнеса.

Мои коллеги в Pragmatic и я очень гордимся результатами, в том числе увеличением органического трафика до 40 процентов, поэтому мы хотели поделиться некоторыми ключевыми вещами, которые мы узнали из нашей работы, от наблюдений высокого уровня до практических идей.

PEI Media: от технического долга к Agile

PEI Media — международная финансовая медиа-группа с портфелем брендов. Осенью 2016 года группа наняла нового директора по технологиям и поручила ему полную цифровую трансформацию бизнеса. Они хотели создать современную, гибкую технологическую платформу, которая позволила бы премиальным продуктам компании обеспечить значительный рост.

Это был нелегкий путь, поскольку компания была обременена серьезным техническим долгом. Публикация нового контента или изменение чего-либо на веб-сайте, даже простой опечатки, требовали перестройки всего веб-сайта за одну ночь — явно неустойчивое положение дел в отрасли, где скорость и гибкость имеют решающее значение. .

Чтобы что-то изменить на веб-сайте… требовалось перестраивать весь веб-сайт за одну ночь.

У PEI Media были хорошие годовые темпы роста. И благодаря недавнему раунду венчурного финансирования они теперь могут стимулировать рост этого бизнеса еще быстрее. Однако было ясно, что только полная трансформация цифровых активов компании позволит им достичь амбициозных целей, которые они поставили перед своим бизнесом.

Задача заключалась в том, чтобы реконструировать восемь веб-сайтов компании, чтобы предлагать свой портфель продуктов через электронную коммерцию самообслуживания, предлагая лучшие доступные инструменты, а также привлекательный внешний вид.

Чтобы удовлетворить потребности PEI Media, нашей команде Pragmatic понадобилась подключенная архитектура надежных высокопроизводительных компонентов, реализованная с помощью гибких методологий.

Работая с PEI Media, мы старательно следовали процессуальным нормам. Это включало соблюдение четких и высоких стандартов, включение строгой документации и проведение подробных обзоров, прежде чем принимать решения по проблемам, которые нам нужно было решить.

Мы провели тщательный процесс запроса предложений с нашими будущими партнерами PEI Media, изучая, какие подходы, программное обеспечение и архитектура лучше всего подходят для решения поставленных задач.

Как только мы официально приступили к реализации этого проекта, мы начали с процесса обнаружения. Затем мы создали бэклог продукта, который включал в себя все требования различных заинтересованных сторон.

Почему WordPress, почему WooCommerce?

Это был проект веб-публикации, поэтому WordPress, ведущая система управления контентом в Интернете, идеально подошла. Доступность широкого спектра мощных плагинов и гибких редакционных рабочих процессов выделяла WordPress по сравнению с проприетарными платформами CMS, которые мы рассматривали. .

Гибкость Visual Composer, позволяющая изменять веб-страницы без помощи разработчиков, стала настоящим преимуществом для PEI Media. Мы также продемонстрировали способность нашей команды быстро перебирать ряд сторонних тем, быстро создавая прототипы, пока мы не смогли найти ту, которая соответствовала бы видению PEI Media для их сети веб-сайтов. Показав нашему клиенту, как может выглядеть сайт, он вселил в него уверенность в WordPress и в нашей способности создавать сайты, которые они хотели.

WooCommerce упростила процесс оформления заказа PEI Media. Предыдущий процесс оформления заказа в электронной коммерции компании включал не менее девяти шагов, а с помощью WooCommerce мы смогли сократить это число до двух или трех. Это упростило работу отделов продаж, и мы ожидали, что это также повысит коэффициент конверсии.

Предыдущий процесс оформления заказа в электронной коммерции компании включал не менее девяти шагов, а с помощью WooCommerce мы смогли сократить это число до двух или трех.

Поскольку PEI Media продает контент, а члены его команды привыкли редактировать и создавать его, расширение этого управления контентом до описания продуктов и изображений не было большим скачком.

Как и WordPress, WooCommerce имеет открытый исходный код, поэтому он дает нам возможность расширять и редактировать основные функции по мере необходимости. В этом проекте корпоративного уровня наш клиент был распределен по нескольким бизнес-подразделениям, каждое из которых вело отдельные и независимые счета прибылей и убытков и генерировало собственный доход. Это означало, что нам приходилось учитывать несколько различных типов контента, начиная от физических продуктов и заканчивая доступом к виртуальному контенту, билетами на мероприятия и прочим. Эти сайты также должны были обрабатывать разовые платежи, а также подписки, что могла поддерживать WooCommerce.

Последним преимуществом для нас была расширяемость WooCommerce, которую можно легко интегрировать с другими приложениями и программным обеспечением, а также широкие возможности подключения, а это означает, что не было ограничений на платформы и сервисы, к которым мы могли подключать сайты PEI Media.

Технический дизайн thisispei.com

Чтобы удовлетворить некоторые возможности, которые не могли предоставить WordPress и WooCommerce, такие как управление правами — система разрешений, которая контролирует контент с ограниченным доступом, который пользователь может или не может видеть в соответствии с матрицей критериев — мы реализовали ряд других интеграции.

Для управления доступом для различных типов пользователей — анонимных пользователей, зарегистрированных бесплатных пользователей и пользователей с платным контентом — нам нужно было создать PEI Media сложное решение, которое могло бы управлять правами. Ключом к их бизнесу было максимальное повышение коэффициента конверсии, поощрение пользователей к оплате, и мы определили несколько облачных платформ, которые уже предлагают эту функциональность.

Созданная нами техническая архитектура состояла из WordPress в качестве CMS и внешнего интерфейса, а также WooCommerce для электронной коммерции. Затем мы добавили Blaize, платформу управления идентификацией и доступом. Мы размещаем прокси-сервер перед WordPress для управления идентификацией, включая регистрацию, вход и управление учетными записями пользователей. В зависимости от того, к чему обращаются посетители, и их прав, прокси-сервер динамически генерирует соответствующий контент.

Мы выбрали аутентификацию без пароля, а также извлекли выгоду из способности Блейза бесплатно генерировать первую страницу контента для входящих запросов страниц, поступающих от определенных поисковых систем. Этот так называемый «бесплатный доступ по первому клику» позволяет индексировать страницы поисковыми системами и помогает веб-сайтам занимать более высокие позиции в результатах поиска.

PEI Media использует обширную платформу для исследования и аналитики данных, которую команда использует для информирования своих аналитиков о рынках, которые охватывает компания. Чтобы разрешить доступ к этим данным на обновленных веб-сайтах, мы пропустили их через Elasticsearch и создали внешний интерфейс React для их отображения. Нам удалось упростить отображение редакционного контента наряду с графикой на основе данных.

Блейз также подключается к CRM компании для управления правами на WordPress. Как только пользователь оформляет заказ через WooCommerce, купив право, Блейз немедленно обновляет CRM, предоставляя пользователю быстрый доступ к премиальному контенту.

Чтобы повысить продажи за счет автоматизации маркетинга, мы интегрировали Диспетчер тегов Google, который передает данные обратно в Google Analytics, а оттуда — в платформы бизнес-аналитики компании. Это позволило постоянно совершенствовать методы привлечения и удержания клиентов.

Архитектура, которую мы построили, создала персонализированный клиентский опыт, который, в свою очередь, стимулирует вовлечение аудитории, повторные посещения, время, проведенное на сайте, и количество просмотренных страниц. Поскольку бизнес-модель PEI Media фокусируется на продуктах премиум-класса, чем больше страниц просматривает пользователь, тем ближе он подходит к достижению предела, а это означает, что для доступа к этому контенту им потребуется обновление.

Оперативный дизайн: открытие и калибровка

Это был огромный проект с множеством различных функций и частей программного обеспечения, которые нужно было собрать и соединить вместе. Как мы перешли от старта с места к полной программе? Переход потребовал трех этапов.

Первым был этап открытия . Этот месячный период был направлен на то, чтобы убедиться, что вся проектная команда согласована как с видением, так и с конкретными требованиями. Мы использовали семинары и встречи с PEI Media и другими технологическими партнерами, чтобы помочь завершить первоначальную проектную документацию. Мы старались избегать технических или цифровых разговоров, если только это не было абсолютно необходимо: мы хотели, чтобы наше общение было увлекательным и генерировало здоровые разговоры. Мы также провели прототипирование и технические исследования, чтобы свести к минимуму технические риски после начала разработки. На этом этапе мы также договорились использовать Agile-подход, когда команды проводят спринты по две недели каждый.

Затем последовал этап калибровки , который дал нам шесть недель (три спринта), чтобы приступить к работе над проектом. Этот этап дал нам возможность оценить объем работы, которую мы могли выполнить в каждом спринте, и дал нам хорошее представление о сроках поставки по отношению к ключевым вехам.

После калибровки мы плавно перешли к финальному состоянию активно работающей скрам-команды . Встречи, которые являются важной частью процесса схватки, означали, что мы постоянно обсуждали и анализировали прогресс с нашими партнерами из PEI Media. Это помогло нам установить позитивные и доверительные отношения.

Увеличение количества запросов, кликов и трафика

Благодаря беспарольному доступу количество запросов на подписку в группе значительно увеличилось. Веб-сайты загружаются быстрее, и посетители нажимают на больше статей. В результате трафик на некоторых веб-сайтах увеличился на 23%, что также коррелирует с увеличением числа посещений, продолжительностью пользовательских сеансов и увеличением количества просмотров страниц.

В результате трафик некоторых веб-сайтов увеличился на 23%.

Новые подходы к персонализации обеспечили взаимодействие с клиентами, направленное на вовлечение аудитории и повышение коэффициента конверсии.

Заключение

Работа с PEI Media была одним из лучших событий за всю мою карьеру. Независимый отчет предполагает, что мое впечатление не совсем субъективно:

«Характер отношений с партнерами по развитию, по-видимому, будет способствовать эффективному сотрудничеству и реализации. Это можно считать близкой к передовой практике».

Это то, чем может гордиться любое агентство.

Есть много факторов, которые сделали этот проект таким успешным, но я собираюсь сосредоточиться на ключевой роли, которую сыграли WordPress и WooCommerce:

• Скорость — возможность циклически просматривать готовые темы за несколько часов вселила в команду проекта уверенность в том, что мы разделяем видение портфолио.
• Соответствие требованиям — WordPress — это CMS высшего уровня, на которой работает 30 процентов Интернета, и она соответствует или превосходит другие специализированные CMS, сделанные на заказ, что вселяет в команду уверенность в том, что мы выбираем лучшее решение.
• Интеграция — платформа PEI Media использует самые мощные компоненты, связанные вместе, чтобы создать оптимальное цифровое решение для бизнеса. Сообщество WordPress с открытым исходным кодом означает, что для многих интеграций уже существуют готовые решения.
• Легко настраиваемый — PEI Media решили, что они хотят, чтобы эта платформа стала основной частью их стратегии. WordPress и WooCommerce поддерживают это видение, позволяя бизнесу сохранять, удалять, заменять или дополнять функции в соответствии с бизнес-приоритетами и созданием ценности.
• Ценность — тот факт, что WordPress, проект программного обеспечения с открытым исходным кодом, имеет нулевую ежегодную лицензионную плату, означает, что PEI Media смогла инвестировать большую часть своего капитала в функции и функции, которые повышают ценность их бизнеса.

Pragmatic имеет честь работать с PEI Media гибко, открыто и доверительно, что позволяет обеим сторонам использовать эти факторы для получения преимуществ, ценности и успеха в бизнесе. Вдохновляет видеть, как каждый успех укрепляет доверие и вовлеченность в бизнес.

– – – – – –

Этот пост является кратким изложением выступления на WooConf 2017.