Кейс Веб-разработка, металлообрабатывающие станки

Максим Филимонов/ Апрель 5, 2018/ Кейсы/ 0 comments

Задачи:

  1. Разработка сайта
  2. Интеграция с YouTube
  3. Настройка аналитики

О заказчике и проекте:

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

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

Задача была разбита на три части:
1. Разработка сайта.
2. Интеграция с YouTube.
3. Настройка статистики.

1. Разработка сайта

Часто происходит так, что в процессе разработки дизайн сайта и его структура переделываются. это происходит:

  • из-за нечёткого видения общей картины, задуманной в начале;
  • расхождения в видении результата заказчиком, разработчиком и менеджерами;
  • невозможности продумать все мелкие детали и их взаимосвязь между собой — из-за их значительного количества.

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

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

Решением данной проблемы является разработка прототипов и обсуждение проекта на их основе. Прототипы легко и быстро изменяются, давая при этом подробную картину того, как выглядит структура и функционал сайта. При этом прототип легко разместить в интернете, давая к нему доступ разработчику. Разработка и обсуждение прототипа данного сайта не стало исключением. От его создания, до принятия восьмой версии прошло 7 рабочих дней. Если бы мы вносили все изменения в процессе разработки, это заняло бы 1,5-2 месяца. Сам прототип можно посмотреть здесь.

Вторым этапом разработки стал поиск дизайнера для оформления сайта. Пожеланием заказчика были навыки дизайнера в подготовке качественных коллажей, а также опыт в разработке дизайна промышленных сайтов. Наконец, и я, и заказчик были против любых предоплат без обеспечения ясных и прочных гарантий выполнения работ. На помощь пришёл сайт FL.ru, которым я пользуюсь в течение многих лет. Перебрав около 40 дизайнеров, подходящих заданным условиям, мы выбрали наиболее оптимального по цене и качеству работ специалиста и договорились о сотрудничестве. Затем мы оплатили услугу “Сделка без риска”, которая зарезервировала оговоренную сумму до момента принятия нами дизайна сайта. В течение 14 рабочих дней плотного взаимодействия и доработок идей дизайнера, дизайн-макеты были приняты.

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

Всё это время я параллельно готовил содержание сайта, интервьюируя менеджеров по продукту и перенося их знания и опыт в удобочитаемый и интересный поисковым системам и покупателю текст, а также занимаясь подготовкой изображений продуктов. Итогом стало порядка 300 текстов, серьёзно повысивших сайт в поисковых системах и увеличивших глубину и время просмотра сайта в 1,5-2 раза — на этом я более подробно остановлюсь в следующих постах. Общее время от получения задачи до ввода сайта в эксплуатацию составило 59 рабочих дней.

2. Интеграция с YouTube

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

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

Я произвёл настройку канала и его интеграцию в существующий сайт, предусмотрев на этапе прототипирования место под промо-ролики канала.

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

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

3. Настройка статистики

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

Для данного сайта я подключил ставшие уже классическими Яндекс.Метрику и Google Analytics, по которым сертифицировался два года назад. Так как разработчиком предусмотрен ограниченный доступ к шаблонам сайта, мы изначально интегрировали в него код Google Tag Manager, позволяющий вставлять на сайт любые счётчики и совершать множество других полезных операций, не задействуя программистов.

Также я подключил в Google Analytics статистику YouTube, чтобы видеть полную картину по переходам и действиям пользователей, переходящих с YouTube на сайт и обратно, а также количеству просмотров и действиям просмотревших ролики пользователей.

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

Особенности:

  • Полная переделка сайта
  • Самостоятельная разработка контента в связке с продакт-менеджерами
  • Подготовка канала YouTube и его максимально полная интеграция с сайтом
  • Настройка статистики и аналитики, автоматические отчёты

Работы:

  1. Разработка сайта:
    • техническая документация
    • прототипирование
    • поиск и наём дизайнера
    • управление командой разработчиков
    • подготовка контента
  2. Интеграция с YouTube:
    • создание и оформление канала
    • интеграция канала с сайтом
    • подготовка и брендирование канала
  3. Настройка статистики:
    • подключение систем аналитики
    • настройка составных целей
    • подготовка автоматических отчётов

Результат:

  • Полностью переработанный сайт
  • Интегрированный канал Youtube
  • Система аналитики с отчётами

Другие кейсы по веб-разработке:

Другие кейсы по производству/рекламе видео:

Другие кейсы по аналитике:

Leave a Comment

Войти с помощью: