Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Nado Studio
Какой должна быть платформа для influence-маркетологов
Nado Studio
#Сайт под ключ

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

193 
Nado Studio
Nado Studio Россия, Омск
Поделиться:
Клиент

Influize

Сфера

Дизайн и Реклама

Регион

США

Тип сайта

Порталы и сервисы

Сдано

Июнь 2023

Задача

Разработать сайт и поддерживать его работу

Решение

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

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

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

Список задач включал в себя:

- подготовку серверного окружения на Amazon Web Services,

- настройку инструментов развертывания и деплоя приложения,

- планирование клиент-серверной архитектуры,

- фронтенд и бэкенд-разработку,

- реализацию бизнес-логики,

- интеграцию со сторонними сервисами (Sendgrid, Calendly, Google Tag Manager),

- ручное тестирование на устройствах,

- поддержку после релиза и реализацию новой функциональности.

1Как Influize находит клиентов

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

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

Чтобы узнать, кто из звезд инстаграма предлагает скидки на услуги, можно забронировать звонок на специальной странице, интегрированной с сервисом Calendly.com.

Оплата услуг проводится через кредитные карты, Apple Pay и Google Pay.

2Какой стек технологий поможет выдержать большие нагрузки

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

- хостинг сайта — Amazon Web Services;

- основные технологии — Drupal 8, Node.js;

- интеграция с сервисами кеширования — Memcached, Varnish;

- готовая сборка с предустановленными модулями — Drupal Contenta CMS.

Чтобы переключение между страницами не бросалось пользователю в глаза, мы разработали сайт по принципу SPA, или Single Page Application. Суть такого подхода в том, что весь сайт загружается и обновляется на одной HTML-странице. 

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

 Memcached и Varnish позволяют уменьшить количество запросов к базе данных и к пакету для обработки php-скриптов php-fpm, и, как следствие, уменьшить время ожидания загрузки.

3Как работать с сайтом без помощи разработчика

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

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

4Как обратить внимание поисковиков на Drupal-сайт

Считается, что поисковые роботы, индексирующие сайты, понижают в выдаче те сайты, которые собираются исключительно на клиентской стороне, в браузере. Поэтому часть этой работы происходит на сервере благодаря технологии Server Side Rendering (SSR), реализованной на React-фреймворке Next.js. То есть то, что видит пользователь, частично отрисовано на сервере, а остальное собирается в браузере. Иначе страницы сайта индексировались бы хуже.

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

Результат

Influize запустился в мае 2020 года, но уже заключил несколько договоров с клиентами. Наша команда поддерживает работу сайта.  

https://www.influize.com/

Стек технологий

  • HTML HTML Язык программирования
  • JavaScript JavaScript Язык программирования
  • PHP PHP Язык программирования
  • Drupal Drupal CMS
  • React.js React.js Фреймворк/библиотека
  • Node.js Node.js Среда разработки
  • Figma Figma Графический редактор

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Nado Studio с удовольствием обсудит вашу задачу

Оставить заявку