Как мы создавали новый сайт FirstDEDIC

Примерно полгода назад стало очевидно: наш сайт – это место, где мы теряем клиентов. Тогда мы решили что-то поменять. В статье ниже я расскажу как мы (отдел маркетинга компании) начали с простого «обновления нескольких страниц сайта», а закончили «кардинальной перестройкой», опишу что мы делали, сколько это заняло времени и главное – зачем это все.

Итак, зачем мы решили обновить сайт?


1 причина: Цель сайта


Первое, что мы сделали – это четко определили для себя цель сайта FirstDEDIC:

Сдавать выделенные серверы в аренду

И следом задались вопросом: “Какие страницы нашего сайта помогают пользователям покупать наши услуги?

Как оказалось, практические никакие. Да, они рассказывают поисковым роботам о наших услугах, да они излагают, что такое выделенные серверы, но ПРОДАВАТЬ услуги не умела ни одна…

2 причина: Удобство наших покупателей


Проанализировав воронку продаж, мы заметили, что у нас достаточно много пользователей, которые нажимают кнопку “Заказать”, но далеко не все из них в результате покупают услуги.

Тогда мы решили протестировать этот процесс и попросили фокус группу заказать у нас сервер. И знаете что? Купить наши услуги оказалось не так просто:

1 преграда:
После нажатия кнопки “Заказать” открывалась регистрация в еще незнакомой пользователю системе BILLmanager. “Я на другом сайте”, – думали люди и уходили.

Рис.1 – Форма регистрации на старом сайте

2 преграда:
Мастер заказа сервера.
Чтобы дойти до оплаты надо было пройти 7!!! форм с выбором параметров сервера.

Рис.2 – Формы выбора параметров сервера.

Как вы думаете, многие ли “доживали до конца”?

Это очень полезная практика – периодически что-нибудь покупать у себя на сайте и смотреть, с какой скоростью услуга активируется, какие проблемы возникают.

Руководствуясь этими двумя причинами и рядом выявленных “затыков” мы принялись за работу.

Как мы заставляли сайт работать на нас


“Какие страницы нашего сайта помогают пользователям покупать наши услуги?”

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

В идеале наш сайт должен был работать как-то так:

Рис.3 – Предположительная схема работы firstdedic.ru

Таким образом мы облегчили сайт на шесть страниц. Самым сложным решением для нас стал отказ от главной страницы. Мы долго спорили зачем она нужна и в итоге решили, что все ее функции (рассказ, чем мы занимаемся и какие у нас услуги) возьмет на себя баннер на странице Аренда серверов.

Информационные страницы с контактами, условиями использования и новостями долго занимали шаткое положение, очень велико было желание от них избавиться, оставить только телефон отдела продаж. Но все-таки мы решили их оставить – для организаций, прессы, вопросов abuse.

А вы смотрите эти страницы при покупке?

В течение первой недели мы утвердили структуру нового сайта:

Рис. 4 – Структура сайта FirstDEDIC

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

Каждый сотрудник представлял информацию по-своему:

Рис.5 – Прототипы новых страниц сайта

Как мы добивались удобства пользователей


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

Цель конфигуратора:
Быстро помочь человеку сориентироваться, сколько будет стоить именно такой сервер, который ему нужен, и оформить заказ.

С дизайном конфигуратора особенных проблем не возникло: нарисовали кнопки с параметрами сервера. Для того, чтобы было веселее и нагляднее – добавили картинку собираемого сервера:

Рис. 6 – Прототип конфигуратора сервера.

А вот в жизни для реализации идеи пришлось закупить кучу оборудования и комплектующих для серверов и отладить процесс сборки серверов в дата-центре. Для продажи были выбраны только серверы Supermicro линейки Xeon. Мы выяснили у поставщиков, какие процессоры наиболее популярны, и закупили их.

Готовые конфигурации также останутся в нашем ассортименте для тех клиентов, кому важна скорость установки.

После того, как мы решили вопросы выбора сервера, мы перешли к доп. параметрам (бекапы, администрирование, IP…). Скажу честно, идею мы подчерпнули на сайте Apple:

Рис. 7 – Выбор доп. параметров сервера.

Форму регистрации также вынесли на сайт, уменьшили количество полей. В биллинговую систему клиент отправляется только для совершения оплаты, о чем мы его предупреждаем: «Сейчас вы будете перенаправленны в биллинговую систему для оплаты сервера».


Рис.8 – Новая форма регистрации.

Конечно же на каждый этап заказа навесили счетчиков Метрики и Analytics – следить, где у нас проблемы в дизайне и логике.

Дизайн сайта


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

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

Так и работали: дизайнер отдаст страничку, а мы ее сразу в верстку.

Рис.9 – Поправки по дизайну страниц.

Итоги:


Мы начали работу 13 января 2014 года и закончили 11 мая 2014 года.
На этапы проектировки ушел месяц с лишним и в середине февраля мы передали ТЗ дизайнеру.
А на всю работу было потрачено 4 месяца.

По сути над сайтом работало 5 человек:
2 маркетолога (тексты, прототипы, замечания по дизайну)
1 дизайнер
1 руководитель (интеграция с BILLmanager, живительные пилюли)
1 веб разработчик

Сейчас сайт запущен с 10 страницами. В доделке еще 3 landing page (Игровые серверы, серверы для 1С, серверы для Forex) и всякие мелочи…

У нас есть показатели конверсии старого сайта (отношение кол-ва посетителей к кол-ву новых клиентов, оплативших наши услуги). При помощи нового сайта мы планируем увеличить этот показатель в полтора(как минимум) раза. Получится ли это у нас? Ответ я допишу в эту статью через 2 месяца.

UPD: Итак, как я и было обещано, прикрепляю к статье статистику по конверсиям с сайта за последние месяцы. Это статистика нажатий кнопки Заказать на странице выбора тарифов.
Сразу скажу, что из статистики исключен тип трафика Direct (Прямые заходы) потому что в течение лета на наш сайт была какая-то странная атака: заходили люди (или боты) из США и сразу уходили со страницы, чем сильно подняли трафик на сайт и показатель отказов.


Статистика по старому сайту FirstDEDIC c 1 марта по 31 апреля 2014 года


Статистика по новому сайту FirstDEDIC c 1 июня по 31 августа 2014 года

Как видно, показатели действительно улучшились, общая конверсия почти в два с половиной раза. Сложно сказать, что только сайт сыграл в этом роль, также мы сильно доработали контекстную рекламу и поработали с другими источники трафика. Опять же сравнение довольно примерное, так как теперь у нас на сайте появился второй этап заказ сервера – выбор доп. параметров. Его статистика следующая:


Статистика по новому сайту FirstDEDIC c 1 июня по 31 августа 2014 года. Шаг 2 — выбор доп. параметров.

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


Для сравнения: старая версия сайта и новая версия.

P.S. Мы будем вам очень признательны за обратную связь по новому сайту. По его удобству для работы и восприятия.
Сможете ли вы за три минуты найти на сайте ответы на три вопроса?
• Закажите (не обязательно оплачивать) новый сервер (2xE5-2620, 32 гб RAM и 2х600 Гб SAS) с администрированием на один месяц.
• Найдите информацию о вариантах учета трафика для серверов
• Найдите информацию о том, где располагается наш дата-центр

Если при выборе сервера у вас возникают другие вопросы, а ответов на них на сайте нет, то нам очень интересно об этом знать.
Впечатления можно отправить на мою почту.
FirstVDS / FirstDEDIC
Виртуальные и выделенные серверы в ДЦ в Москве

Comments 34

    +3
    <habracut>
    Используется только в текстах постов, скрывает под кат часть текста, следующую за тегом (будет написано «Читать дальше»).
    <habracut text="Подробности" />
    Так можно превратить надпись «Читать дальше» в любой текст.
    
      0
      Поправили, спасибо
      +1

      Xubuntu 14.04 FireFox 29
        0
        Спасибо, разберемся.
        0
        Фу!
        Старое было лучше… Только бы писало, что я заполнил в прошлый раз.
        Вы ж не домохозяйкам продаете, а бородатым людям.
        Единственный косяк у вас: иногда спрашивает по два раза одно и то же: когда пытаюсь оплатить сервер: введите сумму и выберите через что платите. Потом далее — и вижу тоже самое, потом далее и идут на оплату. Не надо раскрашивать.
          0
          Шрифты какие-то «оплывшие» (Chrome 34, Windows 7):
            +1
            Найдите информацию о том, где располагается наш дата-центр

            Я не нашёл. Захожу на страницу «Дата-центр» (http://firstdedic.ru/datacenter), но адреса не вижу. Ведь вопрос «где располагается наш дата-центр» подразумевает наличие физического адреса, не так ли? Есть лишь упоминание:

            … вы можете быть уверены в том, что он работает на современной московской площадке Веб Датацентра (ЗАО «Датацентр»)

            но адреса я не вижу, да и ссылки никакой нет. Что это за ЗАО «Датацентр»?
              0
              Да, вы правы, непонятно, куда везти серверы на colocation. Добавили ссылку на сайт дата-центра и адрес. Спасибо за замечание.
              +2
              Ну и ещё… Я, конечно, понимаю, реклама — двигатель продаж, но… Читаю:

              Аренда выделенного сервера по лучшей цене в России!

              Мы предлагаем в аренду широкий выбор серверов в современном дата-центре в Москве. Также вы можете собрать свою конфигурацию. Неограниченный трафик, возможность администрирования и бесплатные панели управления сервером делают наше предложение одним из самых выгодных в России!

              Так, простите, «по лучшей цене в России» или «по одной из самых выгодных в России»? Если вы в одном месте говорите «лучшая цена», то во всех остальных местах говорите то же самое. Если, конечно, вы отвечаете за свои слова и ваша цена действительно лучшая во всей стране…
                +2
                Лучшая цена в России на выделенные серверы все еще в Технодоме, ага.
                  0
                  В Технодоме цены на дедики действительно можно назвать лучшими. Но у них нет конфигураций на базе Xeon, которые сейчас очень востребованы среди клиентов.
                  • UFO just landed and posted this here
                +1
                На главной в заголовке присутствует переключатель «С администрированием / Без администрирования» — уберите его. Этот переключатель и так есть на форме заказа. А на главной оставьте минимальные цены. Буде лучше.
                Возможно будет ещё лучше, если вынести конфигуратор на отдельную страницу, а на главной разместить блок-приглашение сконфигурировать, под ним сразу все готовые сервера, с переключателем Бизнес/Эконом, под готовыми серверами снова приглашение сконфигурировать, если ничего не подошло.
                Такой подход наведёт порядок и уменьшит высоту страницы.
                Почему готовые сервера выполнены горизонтально, тоже не совсем понятно, там не так много информации. Можно поправить в вертикальное представление, тогда будет видно сразу три предложения, а не два как сейчас.
                  +1
                  Попытался заказать сервер, как просите в конце статьи:
                  Предложенные ОС меня не устраивают, увидел информацию «При желании, операционную систему можно самостоятельно переустановить, с помощью панели DCImanager.»
                  Возник вопрос: мне щас надо выбрать что угодно, а потом я смогу поставить Debian 6, которого здесь нет?
                  Решил самостоятельно найти ответ, дошёл до регистрации в кнопке «Купить» и получил «Неизвестная ошибка, попробуйте повторить попытку.» При этом на мыло упало письмо «Вы успешно зарегистрировались». Но войти в форме не дает «Ошибка авторизации, неверный логин или пароль».
                  P.S. Последний раз видел пароль, который ввожу, уже и не вспомню когда.
                  • UFO just landed and posted this here
                      0
                      Дык в сам биллинг я вхожу. Я из конфига в форму заказа сервера не мог залогиниться, впрочем вроде отпустило. Возможно был хабраэффект
                      0
                      Про ОС это вы очень внимательно подметили, текст исправили на более однозначный, спасибо.

                      Никак не можем воспроизвести вашу ошибку, причем, и данные вводили похожие на ваши. Скорее всего, отвалился биллинг по таймауту.
                      +1
                      >> начали с простого «обновления нескольких страниц сайта», а закончили «кардинальной перестройкой»
                      так в жизни всегда. Я тоже когда-то начал в совмещенном санузле со смены протекающего унитаза, а закончил новой комнатой, с новым оборудованием и т. п.
                        –1
                        А вы не думали, что от вас уходят не из-за сайта?
                          0
                          «Примерно полгода назад стало очевидно: наш сайт – это место, где мы теряем клиентов.» Речь идет о потенциальных клиентах, о том, что конверсия сайта была очень низкая.
                            0
                            Спасибо, я прочитал статью.
                            А еще я постепенно отказываюсь от услуг FirstVDS и FirstDEDIC в пользу AWS и DigitalOcean. И дело не в сайте, а в том, что компания с 08-09 годов топчется на месте.
                            • UFO just landed and posted this here
                                0
                                > Было бы интересно узнать почему вы так считаете?
                                Сравните, например, количество публикаций в DigitalOcean knowlage base по запросу «CentOS» и количество публикаций в разделе «CentOS» на Firstwiki.ru. Разница на порядок и не в пользу FirstVDS. А это очень удобно — делая что-то иметь под рукой подходящий мануал.

                                Сравните то, что предлагает AWS Marketplace, и то, что вы можете поставить в FirstVDS. Я уже не говорю о таких сервисах, как RDS, S3, Elastic, Route 53 и т.д.

                                Просто дать shell-доступ и панельку для включения\выключения сервисов и модулей в 2014 году уже недостаточно.

                                > да и новый сайт с конфигуратором сервера это стояние на месте? Вы где-нибудь видели подобное?
                                Подобное нашлось на первом сайте в Гугле по запросу «dedicated server configurator»

                                >Постоянно радует клиентов разными «плюшками»
                                Какими например? Я получаю рассылку постоянно, и кроме увеличения памяти ничего больше не припомню.
                                • UFO just landed and posted this here
                                    0
                                    Вы так и не ответили про «разные плюшки».
                                    • UFO just landed and posted this here
                                        +1
                                        В том-то и беда, что большинство новостей на firstdedic.ru (firstvds.ru не работает) — это «скидка, скидка, скидка». Из полезных нашел только аудит безопасности (за деньги), и защита от DDOS. За 3 (три) года. О каком росте (кроме роста количества клиентов) может идти речь?
                          +1
                          Лучше бы не сайт улучшали, а сервера.
                          Смотрел конфу ваших машин по железу — дикий трешак, обычное домашнее железо и соответствующая отдача от него.
                          Наверное взяли политику хертца.
                            0
                            stanlee, вы действительно считаете, что практически полная линейка серверов Xeon Е3, E5 и 2хE5 — это «дикий трешак»?

                            Да, у нас есть бюджетные конфигурации, которые люди несмотря ни на что продолжают покупать, куда же без них?
                              0
                              если бы хеон ))
                              DB75EN, i5-3550, HDS721050CLA360

                              эту конфу я увидел, после того как люди попросили помоч разобраться почему команда df минуту выдает результаты ))

                              система конечно не серьезная, но за нее просят кажись 6 штук
                              я аналогичные предлагаю в 2 раза дешевле и предупреждаю о возможностях железа

                              3 штуки платить за такое железо куда проще клиенту да и понимать что из этого можно выжать.
                              0
                              Спрос рождает предложение.
                              0
                              А разработчики billmgr сделали для себя тоже выводы? Планируете ли переделать стандартные интерфейсы в нем?

                              В Сафари после регистрации ошибка «Ошибка: Пожалуйста, включите cookie и попробуйте ещё раз», куки включены.
                                0
                                BILLmanager 5 сейчас в разработке, думаю, в нем все недочеты интерфейса BILLmanager 4 будут учтены.

                                Про Сафари: Весьма странно, у меня тоже этот браузер, проблем нет.
                                0
                                Уже 4-й час лежит сеть!
                                Несмотря на приемлемые цены, надежность просто отсутствует, съезжаем.

                                Only users with full accounts can post comments. Log in, please.