Кейс Веб-разработка, металлообрабатывающие станки
Задачи:
- Разработка сайта
- Интеграция с YouTube
- Настройка аналитики
О заказчике и проекте:
В течение последнего года я сотрудничаю с владельцем компании, реализующей в РФ корейское и тайваньское металлорежущее оборудование.
Одной из задач в нашем сотрудничестве стала полная переделка существующего сайта компании, интеграция его с сервисом 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 и его максимально полная интеграция с сайтом
- Настройка статистики и аналитики, автоматические отчёты
Работы:
- Разработка сайта:
- техническая документация
- прототипирование
- поиск и наём дизайнера
- управление командой разработчиков
- подготовка контента
- Интеграция с YouTube:
- создание и оформление канала
- интеграция канала с сайтом
- подготовка и брендирование канала
- Настройка статистики:
- подключение систем аналитики
- настройка составных целей
- подготовка автоматических отчётов
Результат:
- Полностью переработанный сайт
- Интегрированный канал Youtube
- Система аналитики с отчётами