Какой должна быть платформа для influence-маркетологов

О клиенте

Influize — это агентство, занимающееся инфлюенс-маркетингом в Instagram. Смысл их деятельности — в организации рекламных кампаний с инстаблогерами и лидерами мнений.

Сайт предлагает услуги для разных категорий клиентов и объясняет преимущества работы с агентством. Убедившись в эффективности предложения, пользователь сайта оставляет заявку — на каждой странице достаточно кнопок и форм, подталкивающих это сделать —, которая попадает в систему обработки лидов, построенную на базе Drupal. Оповещение о новых лидах менеджеры Influize получают по почте, а лиды получают автоматическое письмо с подтверждением об удачно заполненной форме. Рассылка писем происходит через Sendgrid.

Бизнес-цели

Клиент ждал от сайта достижения нескольких целей:

• Работа при высоких нагрузках на сервер
• Возможность для менеджеров создавать страницы сайта самостоятельно
• Оптимизация для поисковых систем

Решения

Бэкенд

Для достижения первой цели мы разработали систему кэширования с использованием следующих технологий:

• хостинг сайта — Amazon Web Services;
• основные технологии — Drupal 8, Node.js;
• интеграция с сервисами кеширования — Memcached, Varnish;
• готовая сборка с предустановленными модулями — Drupal Contenta CMS;

Так мы снизили количество запросов к базе данных и, как результат, снизили время загрузки.

Drupal Contenta CMS используется для реализации REST API — прикладного интерфейса для взаимодействия Drupal и Node.js-приложений между собой. Drupal используется на этом проекте только как хранилище данных, а на Node.js мы построили серверное приложение. Такая архитектура называется headless Drupal.

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

Фронтенд

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

Чтобы переключение между страницами не бросалось пользователю в глаза, мы разработали сайт по принципу SPA, или Single Page Application. Суть принципа в том, что весь сайт загружается и обновляется на одной HTML-странице. Мы использовали фреймворк Next.js на базе библиотеки React.js, на которой разработан интерфейс сайта. Next.js позволяет сайту быть частично отрисованным на сервере (метод server-side rendering, или SSR) . Без такого подхода сайт индексировался бы хуже — считается, что поисковые роботы понижают в выдаче те сайты, которые собираются исключительно в браузере.

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

Результаты

Работа над проектом продолжается.

Сайт клиента: influize.com