Контент-дизайн сайта для продаж отопительных приборов

Заказчик пришел к нам в июле и хотел сделать сайт до начала отопительного сезона. Причем не просто запуститься, но и начать принимать заказы.
~ 1 680 000 ₽

Написали тексты и собрали сайт на шаблоне WordPress.

Контекст

Бюджет

2014

Результат

Влад и Виктор — эксперты по отопительным системам. Основанное ими Бюро тепла «Батарея» занимается продажей и монтажом немецких радиаторов и полотенцесушителей Zehnder. К созданию сайта ребята подошли основательно: расспросили знакомых в соцсетях, вышли на сообщество петербургских интернет-агентств SPECIA, почитали блоги компаний-участников, посетили пару тематических семинаров. После одного из таких мероприятий, где мы открыто высмеиваем «сеошников» и пресекаем их попытки заманить новоиспеченных предпринимателей в свои сети, и раздался звонок в «Собаке».
На проводе был Влад, который засыпал меня вопросами:
  • Нужен ли компании интернет-магазин или презентационный сайт, а может быть, и то и другое сразу?
  • Что сделать, чтобы клиенты приходили на сайт: развешивать баннеры в интернете? покупать контекстную рекламу? или вложиться в поисковое продвижение, чтобы попасть на первую страницу Яндекса?
  • Как сделать сайт быстро, чтобы успеть до начала отопительного сезона? Ведь на дворе уже июль, а когда в домах подключат отопление, устанавливать радиаторы будет гораздо сложнее.
  • Какую платформу выбрать, чтобы ушлый исполнитель не замучил постоянными поборами за поддержку и доработку сайта?
  • Как объяснить людям, что во время ремонта стоит задуматься о замене старых радиаторов?
На следующий день мы сидели на фирменном оранжевом диванчике и обсуждали задачу. Выяснилось, что специалисты БТ «Батарея» знают все об отопительных системах, горой стоят за здоровый микроклимат в доме, учитывают при подборе радиатора с десяток параметров, буквально «за ручку» ведут клиента через весь процесс замены радиаторов. Одним словом, заботятся о своих клиентах точно так же, как «Собака Павлова» — о своих.
При такой постановке задачи очень важно узнать, что же действительно хочет пользователь. Для этого нужно понять, что за люди приходят на сайт, что они ожидают увидеть, какие вопросы у них появляются. Когда проведена такая аналитика — мы можем дать пользователям именно то, что они ищут. Такая схема лежит в основе нашего продукта «сайт от контента». Вот так выглядит план производства.
Сайт от контента мы делаем на WordPress. Это самая популярная в мире бесплатная платформа для управления содержимым сайта. WordPress может похвастаться большим пользовательским сообществом, многообразием готовых дизайн-шаблонов и тысячами функциональных модулей.

Задачи

Но задачей сайта будет не продажа радиаторов с порога и любой ценой. Цели куда амбициознее.

Объяснить

посетителю преимущества новых трубчатых радиаторов по сравнению радиаторами других типов.

Избавить

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

Завоевать

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

Процесс

На том и порешили и ушли в работу. Но не «с головой», а с регулярными, один-два раза в неделю, созвонами по скайпу с заказчиком для выяснения мельчайших деталей и демонстрации промежуточных результатов.
Вот что было сделано за шесть недель работы над проектом.
Менеджер проекта, он же аналитик, погрузился в предметную область заказчика, описал портреты клиентов и жизненные ситуации, которые приводят их на сайт, определил вопросы пользователей к содержимому сайта — и согласовал эти вопросы с заказчиком.
С учетом целей и пожеланий заказчика и ограничений бизнеса была предложена архитектура сайта: структура страниц, перечень блоков для каждой страницы и требования к содержимому этих блоков, а также план создания контента и его публикации на сайте — и снова согласована с заказчиком.
Подключили копирайтера, чья задача — доступно и интересно объяснить новую тему пользователям, чьи портреты были описаны на первом этапе работы.
Пока копирайтер работал над первыми текстами, менеджер предложил клиенту на выбор несколько подходящих для проекта шаблонов на WordPress; в нашем случае заказчик с энтузиазмом подключился к поиску шаблона и сам выбрал вариант, который удовлетворял как его эстетическому вкусу, так и нашим требованиям.
Годный шаблон графического дизайна должен соответствовать пяти критериям.

1. Относительно высокая популярность

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

2. Поддержка многоязычности

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

3. Адаптивность к различным экранам

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

4. Большой выбор компонентов для представления информации

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

5. Уникальный внешний вид — ничего общего с сайтами конкурентов

Не важно, что шаблон 100 500 раз используется в Америках, Азиях и прочих Палестинах. Главное, чтобы сайт нашего заказчика был явно отличим от сайтов его прямых конкурентов. У всех стерильные бело-серые сайты с голубыми вкраплениями? Прекрасно — значит, у нас будет красный!
Итак, шаблон выбран: Montana всего за 58 долларов. Тогда это было около 3000 рублей — за такие деньги не сыщешь даже толкового фрилансера, что уж там говорить о студии. Но нам и не нужна студия — мы же сайт от контента делаем, а не от дизайна.
Сайт решили делать на WordPress | SobakaPav.ru
Сайт для WordPress — отлично решение при небольшом бюджете. Всего за 58 долларов мы купили шаблон с адаптивной версткой, который можно за неделю малыми силами переделать под себя
Разворачиваем шаблон на хостинге, попутно сменив хостинг на более вменяемый, и продолжаем работы:
  • утверждаем у заказчика первые тексты, отправляем их на редактуру и корректуру (для нас это один из обязательных шагов по обеспечению качества), принимаемся за следующие тексты. Примерный объем материала — 30 000 символов;
  • просим проектировщика интерфейса ознакомиться с выбранным шаблоном и предложить компоновку блоков на странице — в них будет упакован написанный контент; в целях экономии времени (и денег клиента) ограничиваемся проектированием на салфетках;
  • вместо прототипа в Axure рисуем блоки на доске и бумаге, фотографируем и отправляем веб-мастеру вместе с полученными от корректора чистовиками.
Техзадание для верстальщика | SobakaPav.ru
Техзадание для верстальщика
Начинаем сборку сайта: подбираем иллюстрации из фотобанков, утверждая каждую с заказчиком; рисуем логотип, приводим в порядок схемы радиаторов (после чертежей фланцев для «Фларма» нам любые схемы по силам).
Приходит идея положить на батарею кота; пробуем воплотить в жизнь своими силами — но, увы, результат клиента не устраивает («Кот слишком фотошопный»), а бюджет проекта не позволяет подключить профессионального дизайнера; но от идеи не отказываемся — может быть, когда-нибудь в будущем кот и появится.
Еще чуть-чуть колдуем над сайтом: создаем формы для обратной связи, подключаем Яндекс.Метрику, Google Analytics и настраиваем цели, учим сайт показывать нужный телефонный номер в зависимости от географического положения посетителя. Тестируем сайт в разных браузерах и на различных устройствах, проверяем по предстартовому контрольному списку (о нем как-нибудь в другой раз) и открываем сайт.
Главная страница сайта | SobakaPav.ru
Техзадания на листке бумаги оказалось достаточно, чтобы собрать симпатичную главную страницу

Результат

Обратимся к языку цифр.
Вот так выглядит график посещаемости сайта по переходам из поисковых систем.
За три месяца посещаемость сайта выросла в несколько раз | SobakaPav.ru
За три месяца посещаемость сайта увеличилась в несколько раз
График этот за сентябрь, октябрь и ноябрь. Месяцы, когда отопление включено и радиаторы интересуют только профессиональных покупателей (строителей, дизайнеров интерьеров) и тех, у кого совсем беда.
А вот сравнение основных показателей поискового трафика и контекстной рекламы.
Поисковый трафик
Контекстная реклама
Конверсия посетителей в лиды (заполнение заявки на подбор радиатора)
Показатель отказа
12,7%
12%
12,4%
11,6%
По оценкам клиента, инвестиции в сайт уже давным-давно окупились. А ведь и полугода не прошло.
Этот результат достигнут безо всякого SEO — только благодаря уникальному контенту.
Переносимся на три месяца вперед: из 8 сентября в 8 декабря. Что говорит о результатах заказчик?
~ 1 680 000 ₽
Бюджет
«Перед тем как приступить к разработке, мы сформулировали требования к сайту. Сайт должен:
  • рассказывать про приборы отопления Zehnder и их преимущества понятным, но технически грамотным языком;
  • создавать впечатление надежной компании.
Обе эти задачи сайт выполняет. Удалось создать такой сайт, который вызывает доверие у клиентов, а в нашей ситуации это очень важно, так как оборудование, которое мы предлагаем, достаточно дорогостоящее. Несколько клиентов прямо сказали: "Мы выбрали вас, потому что у вас хороший сайт".

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

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

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

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

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

Но в целом результатом мы остались довольны. Спасибо!»
Владислав Виноградский
Владелец
Клиент за месяц отбил расходы на разработку сайта
Результат
Другие кейсы