Как заказать хороший сайт: пошаговое руководство для чайников

Вы наверняка читали про «в наше время каждый уважающий себя бизнес должен иметь веб-сайт». А знаете ли вы, как правильно заказывать сайты: как определять функциональность и выбирать CMS, на что обращать внимание при обращении в студию, как понять, почему один ресурс стоит 10 тыс. рублей, а второй 150 тыс. рублей? Из пошагового гайда вы узнаете, как и где заказать сайт.

Нужен разработчик сайта? Первое, что вы должны понять — заказать хороший сайт трудно

Дело не в том, что агентства и веб-студии не умеют работать. Проблема в вас. Вы прекрасно разбираетесь в своем деле: строите красивые дома, производите замечательную косметику, готовите самые вкусные в мире стейки. Но вы совсем не разбираетесь в сайтах. Нет, конечно, вы знаете, что сайт интернет-магазина «Евросеть» выглядит отлично и очень вам нравится, а вот ресурс Захолусть-глубинковского треста по производству рогов и копыт — это просто отстой. Вы не понимаете, что требовать от студии. Когда менеджер рассказывает вам о типах меню, верстке в одну или две колонки, формах регистрации, личном кабинете и адаптивном дизайне, у вас есть только один выбор: верить или не верить собеседнику. Из-за этого вы можете потратить слишком много денег, получить ресурс с неподходящей функциональностью, разругаться с подрядчиком из-за несоответствия дизайна вашим ожиданиям. И дело не в непорядочности или непрофессионализме агентств. Просто вы говорите на разных языках. Если хотите заказать сайт уже сегодня, не ждите, пока агентства научатся разговаривать на вашем языке. Нет, это не попытка перевести стрелки с разработчиков на заказчиков сайта. Просто главный здесь вы. Это у вас успешный бизнес по производству косметики или строительству домов. У вас нет времени ждать, пока наемный менеджер веб-студии найдет нужные слова, чтобы доходчиво объяснить, почему лучше делать сайт на Joomla!, а не на Drupal. Ниже вы найдете информацию, которая поможет вам заказать качественный сайт.

Шаг 1: определите, зачем вам сайт

Если вы знаете, зачем создаете сайт, считайте, что прошли половину пути к успешному запуску ресурса. Смотрите сами: понимание цели существования сайта позволяет заказчику и разработчику пошагово реализовывать задуманное. С другой стороны, если вы заказываете сайт, потому что так принято, то рискуете попасть в ловушку «а может, а давайте». Вот она: — А давайте еще форум прикрутим. — А может в меню поменять местами ссылки «О компании» и «Наши продукты»? — А что, если здесь поиграть цветами, а в подвале добавить вензеля и рюшечки? — Все замечательно, спасибо вам большое, но вот чего-то еще не хватает, что-то не так. Конечно, вы имеете полное право не беспокоиться о психическом здоровье разработчиков. В конце концов, работа у них такая. Но непонимание цели создания сайта и следующий из него тупик «а может, а давайте» обходится слишком дорого именно вам. Во-первых, вы зря тратите время. Во-вторых, вы выкидываете на ветер деньги. Вензеля, форум и изменение порядка ссылок в меню вряд ли повлияют на эффективность ресурса. Да что там, они вам просто не нужны. Как определить, зачем вам сайт? Займитесь целеполаганием. Определите и запишите на бумаге, какой цели вы хотите добиться с помощью ресурса. Также зафиксируйте задачи, которые необходимо решить для достижения цели. Кстати, вам повезло. Если вы заказываете бизнес-сайт, цель уже готова. Она звучит так: заработать побольше денег. Ну, вы можете причесать ее на свой вкус, сделать измеримой, конкретной и специфичной вашему бизнесу. Суть останется неизменной: любое предприятие или индивидуальный предприниматель создают сайт, чтобы больше зарабатывать. А дальше вам придется потрудиться. Вы должны записать задачи, которые помогут зарабатывать больше денег с помощью сайта. Чтобы правильно их сформулировать, отвечайте на вопрос «что нужно сделать, чтобы увеличить прибыль благодаря сайту?» Ваш будущий ресурс может решать следующие задачи, способствующие росту прибыли:

• Привлекать новых клиентов.
• Обеспечивать возможность продавать продукт онлайн.
• Повышать эффективность маркетинга. Эту задачу можно разбить на много подзадач, например, такие:

1. Расширять воронку продаж.
2. Формировать лояльную аудиторию.
3. Уменьшать стоимость привлечения клиента и увеличивать LTV.
4. Преодолевать рекламную глухоту с помощью контент-маркетинга.
5. Уменьшать расходы на маркетинг и рекламу в офлайне.

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

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

Шаг 2: определите требующуюся функциональность сайта

Это очень простой шаг. Возьмите лист бумаги с записанными задачами создания ресурса. Возьмите красную ручку и сформулируйте из задач вопросы. У вас получатся такие вопросы:

• Что нужно, чтобы информировать аудиторию с помощью сайта?
• Какие функции необходимы, чтобы привлекать новых клиентов?
• Что должен «уметь» сайт, чтобы повысить качество обслуживания пользователей?

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

• Сайт должен отображать статические страницы: «О компании», «Список продуктов», «Контакты, время работы, условия доставки и оплаты» и т.п.
• На сайте должен быть блог или раздел «Полезные публикации».
• Где-то сбоку должны выводиться сообщения из «Твиттера» главного специалиста. Он будет оперативно сообщать об изменениях графика работы, поступлении новых товаров, акциях.
• В подвале должны быть опубликованы условия работы.
• Где-то на видном месте нужно повесить лицензии, сертификаты, призы, список клиентов и ссылки на социальные профили.

Теперь потренируйтесь. Запишите, какие по вашему мнению функции нужны сайту стоматологической клиники, чтобы повысить качество обслуживания пациентов. Обязательно обсудите записанные функции с разработчиком. Профессионал наверняка откорректирует список в соответствии с задачами, которые должен решать ресурс. Что делать, если специалист предлагает добавить функцию, с которой вы не знакомы? Попросите рассказать о ней. Если сомневаетесь, возьмите время на обдумывание и изучите информацию самостоятельно.

Шаг 3: определите, как должен выглядеть сайт

Это один из самых сложных шагов. Причина? Каждый человек имеет собственное представление об идеальном, хорошем, плохом и отстойном дизайне. Если ресурс нравится вам, это не гарантирует, что он понравится вашим клиентам. Это утверждение работает и в обратную сторону. Впрочем, вы делаете сайт для публики, а не для себя, поэтому ставьте ее интересы на первое место. Чтобы согласовать с разработчиками внешний вид сайта, вам необходимо решить две задачи. Во-первых, определите подходящую разметку сайта. Во-вторых, наполните ее нужными визуальными компонентами.

Как выбрать разметку сайта

Выбирать разметку вы будете вместе с разработчиками сайта. До общения с ними запомните несколько тезисов:

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

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

• Разметка в форме буквы «г». Страницы с этим шаблоном соответствуют особенностям восприятия контента. Попадая на них, пользователь сканирует контент слева направо и сверху вниз. Благодаря этому он обращает внимание на информацию в шапке и левой колонке, а после этого приступает к чтению основного контент-блока. Данная структура подходит для корпоративных сайтов, контент-проектов, сервисов, для которых важно обеспечить пользователю возможность навигации и быстрого поиска нужных данных, а также необходимо информировать пользователей.

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

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

Вы не должны обязательно выбирать типовые структуры. Попросите разработчика предложить подходящие на его взгляд разметки. Сравните их с разметками сайтов, которые нравятся вам и предположительно понравятся вашим клиентам. Озадачьте представителя агентства собственными вариантами шаблонов для главной страницы, страницы публикаций или рекламного лэндинга. Обязательно прислушивайтесь к мнению и рекомендациям дизайнера. Ваши представления о сайте должны пройти через фильтр его профессионализма. После согласования модульной структуры вам придется ответить еще на один вопрос. Выберите тип верстки: статичный, резиновый или адаптивный. Статичная верстка предполагает, что размеры элементов страницы остаются одинаковыми для всех размеров экранов и браузеров. Разработчики называют это решение самым простым и стабильным. Главный недостаток статичной верстки проявляется, когда пользователь открывает ваш сайт с помощью гаджета с маленьким экраном. Если вы остановитесь на этом варианте, будьте готовы инвестировать в разработку мобильной версии сайта. На страницах с резиновой версткой блоки растягиваются по ширине. Это дает возможность удобно просматривать сайт на экранах разного размера. Адаптивный дизайн — это продвинутый вариант резиновой верстки. У адаптивных страниц модульные блоки меняют размер в зависимости от разрешения экрана пользователя, а также меняется расположение и содержание модулей. Например, на экране десктопа сайт с адаптивной версткой может отображаться в три колонки, а на экране смартфона в одну.