Пример веб-сайта Weidert Group с дизайном, ориентированным на рост

Узнайте, как работает дизайн, ориентированный на рост (GDD), изучив опыт Weidert Group по внедрению этой методологии на нашем собственном веб-сайте.

Наш вызов

Веб-сайт Weidert Group привлекал все больше трафика, но не работал так, как мы хотели: пользовательский опыт (UX) был не таким интуитивно понятным, как мог бы быть, и громоздким при просмотре сайта на мобильных устройствах. И хотя сайт привлекал и конвертировал потенциальных клиентов, большинство из них были не из целевых отраслей, которые нам нужны больше всего. Наконец, сайт был довольно статичным в течение 3 лет, с небольшими изменениями страниц за пределами нашего ежедневного блога. Дизайн нужно было обновить, так как аналитика и наше мнение указывали на то, что его эффективность снижается.

Решение

Хотя наш типичный подход заключался бы в полной перестройке нашего веб-сайта, мы не смогли выделить время, необходимое для прохождения традиционного процесса разработки веб-сайта (одна последовательность работ от начала до конца). Вместо этого мы решили использовать принципы и методы проектирования, ориентированного на рост (GDD), рассчитывая, что сможем:

• Создайте первоначальный веб-сайт (сайт «пусковой панели») в относительно короткие сроки.
• Равномерно распределите наш бюджет (время/кадры) в течение года (со скромными вложениями в первоначальный сайт и меньшими текущими требованиями к итеративным изменениям, основанным на аналитике).
• Развиваться в сторону сайта, использующего пользовательские данные для постоянного обновления, как мы узнали, что приводит к состоянию «всегда оптимизированный сайт».

Процесс

Этап стратегии

• Сначала мы повторно определили наших лучших потенциальных клиентов и обновили соответствующие портреты покупателей . Чтобы гарантировать, что мы будем говорить в первую очередь с нашими лучшими потенциальными клиентами, мы пересмотрели нашу целевую аудиторию, отдав приоритет промышленным предприятиям (и предприятиям, которые их обслуживают) в качестве нашего фокуса для дизайна и контента.
• Мы разработали новую стратегию брендинга (цвета, шрифты, графика/фото/визуальный подход и т. д.), чтобы более точно передать нашу направленность.
• Мы создали цели сайта и список пожеланий модификаций . Нашими целями на новом сайте были:
• Привлекайте 13 лидов, квалифицированных в области маркетинга (MQL), и 4 лида, квалифицированных в продажах (SQL), каждый месяц
• увеличить посещаемость до 35 000 в месяц
• увеличить количество новых контактов до 296 в месяц
• увеличить количество новых клиентов до 1 в месяц

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

Этап сборки панели запуска

• Следующим шагом было начать планирование стартовой площадки — сайта, предоставляющего посетителям все необходимые функции и контент, который затем можно было бы постоянно улучшать.
• Сначала мы расставили приоритеты в списке пожеланий на основе того, что, по нашему мнению, больше всего поможет в достижении наших целей, а затем мы наметили вклад/работу , которые нам потребуются от членов команды, и связали задания в рамках подробного графика. Не все пункты списка желаний были выполнены; те, что остались после запуска, были сохранены в списке пожеланий для проверки во время циклов непрерывного улучшения
• Для веб-страниц был создан новый контент (текст и графика, а также функциональность), а также создана панель запуска. Эта фаза заняла всего 6 недель, по сравнению со средним примерно 5 месяцами для традиционной сборки сайта для того же количества страниц.
• Сайт был запущен вовремя, 21 сентября.

Непрерывные циклы улучшения

• В первой итерации сайта нашими решениями руководили суждения, а не данные. Однако во всех последующих циклах данные использовались/используются для определения того, какие изменения необходимо внести для улучшения пользовательского опыта и целевых показателей.
• Элементы списка пожеланий, не выполненные для сайта панели запуска, были представлены на первом ежемесячном собрании GDD вместе с другими предложениями, которые, по мнению членов команды, могли бы улучшить сайт. Это была приоритетная и связанная с ними работа, назначенная членам команды.
• Аналогичный процесс выполняется в каждом цикле; наши циклы составляют 4-5 недель, обычно около 20 рабочих дней.

Результаты GDD

Как мы упоминали на этапе стратегии, мы определили цели для сессий, контактов, MQL, SQL и клиентов. В первые 6 месяцев мы взорвали наши цели из воды.   Мы очень рады видеть достигнутый нами рост, не говоря уже обо всем, чему мы научились, внедрив этот процесс. Использование этого подхода, в отличие от подхода «установил и забыл», научило нас очень многому о том, как наши посетители используют наш сайт, что им интересно, что побуждает людей оставаться на странице дольше, и многому другому. у нас бы никогда не было, если бы мы не использовали подход GDD к нашему сайту.   

Показатели изменений, внесенных в циклы непрерывного улучшения

С момента запуска нашего сайта панели запуска в сентябре 2017 года мы завершили 6 циклов непрерывного улучшения по состоянию на апрель 2018 года. Благодаря этим циклам мы многое узнали о том, что интересует пользователей на нашем сайте. Ниже приведены некоторые изменения, внесенные в ходе наших циклов непрерывного улучшения, которые способствовали нашему феноменальному росту.

Обновление целевой страницы консультации

Оригинал

• Слишком много текста
• Включена навигация по сайту, которая позволяла/поощряла посетителей уходить с целевой страницы. (Пример: кнопка «Познакомьтесь с нашей командой»)

Сделаны модификации

• Гипотеза: убрав навигацию и добавив видео на страницу, мы увеличим время на странице и скорость разговора.
• Превратил текст в видео — гораздо более увлекательный способ общения с аудиторией
• Удалена навигация по целевой странице.

Удален баннер заголовка в мобильной версии нашего блога.

Оригинал

• Большой («высокий») баннер в заголовке заставлял мобильных пользователей немного прокручивать страницу, прежде чем перейти к нужному контенту, что приводило к высокому коэффициенту выхода со страницы.

Сделаны модификации

• Гипотеза: убрав баннер в шапке нашего блога, мы увеличим время пребывания на странице и снизим количество выходов.
• Мы убрали баннер с мобильной версии сайта. Увеличение количества «глаз», которые достигают контента ниже на странице, видно на снимках тепловой карты Hotjar ниже. Чем теплее цвет, тем больше просмотров объекта или раздела от посетителей.

Выполнен дизайн, ориентированный на мобильные устройства, чтобы улучшить взаимодействие с мобильными пользователями (запуск в настоящее время по сравнению с предыдущим периодом).

Оригинал

• Поскольку более 85% нашего трафика приходится на настольные компьютеры, мобильным устройствам не уделялось первостепенного внимания.

Сделаны модификации

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

Переработанные кнопки призыва к действию

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

Гипотеза: сделав заголовок более четким, мы полагали, что больше людей начнут нажимать на наши призывы к действию.

Дополнительные выводы

• Большинство изменений, которые мы вносим на наш сайт, начинаются с экспериментов : «Можем ли мы получить больше кликов по этой ссылке, если удалим ее из основного текста?» «Привлечет ли новый дизайн этой диаграммы больше внимания к ней?» «Приблизит ли калькулятор стоимости посетителей к запросу демоверсии?» Как только мы вносим изменения в сайт, данные, собранные в ходе посещений пользователями, говорят нам, сработал ли наш эксперимент.
• Сами эксперименты основаны на информированных предположениях. Мы проводим эксперименты, используя то, что мы знаем о наших потенциальных клиентах, данные, которые мы уже собрали, и наши знания о том, что люди ожидают от веб-сайтов.
• Не все эти эксперименты работают, но все они нас чему-то учат! Одним из примеров является обновление стратегии форм, которое мы внесли в форму конверсии целевой страницы. После добавления вопросов, требующих от посетителя выбора раскрывающегося списка, мы увидели уменьшение числа посетителей, заполняющих форму. Это был хороший показатель того, что посетители не хотят предоставлять такой уровень или объем информации.
• Наш список пожеланий основан на наших суждениях о том, что, по нашему мнению, посетители найдут полезным или интересным . Мы добавили на наш сайт страницу, на которой объясняется, как мы работаем с нашими клиентами, потому что потенциальные клиенты время от времени спрашивают: «Как происходит обычное взаимодействие с вами в рамках входящего маркетинга?» Пользовательские данные сообщат нам, проводят ли они время на этой странице (и как долго, на какие области они нажимают, куда они переходят с этой страницы и т. д.).
• Метрики требуют времени. Серверная часть вашего веб-сайта не выдает автоматически числа в аккуратном, удобном для использования пакете. Но однажды собранные и оцененные, они способны превратить ваш веб-сайт в высокоэффективную машину для привлечения лидов и конверсии.

С тех пор как наш сайт панели запуска был запущен в сентябре 2017 года, мы постоянно вносили обновления и добились в этом огромного успеха. Если вы хотите узнать больше о том, как может выглядеть дизайн, ориентированный на рост, для вашей компании, свяжитесь с нами. Мы хотели бы услышать от вас!