Как заказать качественный сайт

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

Профессиональный разработчик сайта

Наверняка, Вы прекрасно разбираетесь в своем деле: строите красивые и прочные дома, производите замечательную продукцию, готовите самые вкусные в мире блюда. Но вы совсем не разбираетесь в веб-программировании. Конечно, вы знаете, что сайт интернет-магазина «Ali Express» выглядит отлично и очень вам нравится, а вот ресурс треста «Шпалы всем» со станции Березуйская по производству шпал — это просто отстой.

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

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

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

Как определить, зачем вам сайт?

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

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

Ваш будущий ресурс должен решать следующие задачи, способствующие росту прибыли:

  • Привлекать новых клиентов;
  • Обеспечивать возможность продавать продукт онлайн;
  • Повышать эффективность маркетинга. Эту задачу можно разбить на много подзадач, например, такие:
    1. Расширять воронку продаж;
    2. Формировать лояльную аудиторию;
    3. Уменьшать стоимость привлечения клиента;
    4. Преодолевать рекламную слепоту с помощью контент-маркетинга;
    5. Уменьшать расходы на рекламу офлайн.
    • Обеспечивать клиентам доступ к достоверной информации;
    • Преодолевать географические ограничения;
    • Показывать товар лицом. Речь идет о фото и описаниях продуктов, портфолио, списке клиентов и реализованных проектов и т.п.;
    • Повышать качество обслуживания клиентов;
    • Удовлетворять конкретные потребности аудитории.

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

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

    Шаг 2: что должен уметь Ваш сайт

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

    У вас получатся такие вопросы:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Какой вариант выбрать? Остановитесь на адаптивной верстке. Благодаря ей ваш сайт будет одинаково удобным для владельцев гаджетов с любым разрешением экрана.

    Как выбрать внешний вид сайта

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

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

    Шаг 4: выбор CMS

    На этом этапе вам придется решить две задачи. Во-первых, определите, станете ли вы использовать CMS или закажете сайт на HTML. Во-вторых, если вы решите делать сайт с «движком», определите, какую именно систему управления контентом лучше использовать в вашем случае.

    Что выбрать: сайт на CMS или на HTML

    По данным Web Technology Surveys, 41,9 % всех сайтов работают на CMS, а 58,1 % не используют «движок». Какую из двух групп выбрать?

    Сайты на HTML дают вам следующие преимущества:

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

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

    Сайты с системой управления контентом обеспечивают такие преимущества:

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

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

    Какую CMS выбрать

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

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

    • WordPress. На этой системе работает около четверти всех сайтов в Сети и около 60 % ресурсов, работающих на «движках». На WordPress можно сделать разные типы ресурсов: от личного блога до корпоративного сайта, от интернет-магазина до большого контент-проекта.
    • Joomla! Это второй по популярности «движок» после WordPress. Он считается более функциональным и кастомизируемым по сравнению с лидером. Но с «Джумлой» вам будет труднее разобраться самостоятельно.
    • Drupal. На этой CMS работает 2,1 % от общего числа сайтов и 5 % ресурсов на «движках». Выбирайте этот «движок», если вам нужно решать нестандартные задачи, поддерживать сложные сервисы. Обратите внимание, если в WordPress и Joomla! можно добавить практически любые функции с помощью готовых плагинов, то при работе с Drupal вам придется чаще обращаться к программистам.
    • 1С-Битрикс. Это отечественный «движок», которым пользуются владельцы 1,2 % от общего числа сайтов в интернете. Эта система управления контентом обеспечивает безопасность данных, достаточную для реализации сложных проектов функциональность и удобство использования. Сайт на CMS «Битрикс» легко интегрировать с программными продуктами 1С, например, 1С: Предприятие.
    • OpenCart. Этот «движок» выбрали владельцы 0,9 % ресурсов, работающих на CMS. OpenCart — это WordPress для интернет-магазинов. Система управления контентом отличается простотой, кастомизацией с помощью плагинов, безопасностью. В нем встроены основные функции, необходимые для организации онлайн-торговли.

    Также вам могут предложить UMI, NetCat, Magento и другие хорошие «движки». Перед окончательным выбором посоветуйтесь с разработчиком, посмотрите, на каких CMS работают сайты, которые вам нравятся. Оцените функциональность предложенных систем. Если возможно, проверьте удобство работы с административными панелями.

    Идеальных «движков» нет. Есть CMS, которые могут или не могут решить задачи, связанные с запуском именно Вашего сайта. Поэтому при выборе системы учитывайте следующее:

    • Мнение разработчика и коллег, чьи сайты вам нравятся.
    • Доступ к поддержке, обновлениям, сообществу. Вам не подходит «самописная» CMS.
    • Личные предпочтения. Если лично вам нравится «Джумла», при прочих равных выбирайте ее. Чтобы сформировать личные предпочтения, вам нужно попробовать несколько CMS, оценить простоту работы в «админке».

    Нужно ли коммерческому проекту обязательно покупать платную CMS «корпоративного класса»? Нет, этот миф придумали продавцы «движков». Если разработчик и вы видите, что необходимой функциональности достаточно в Joomla! или WordPress, остановитесь на этих системах.

    Шаг 5: согласуйте дополнительные параметры сайта

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

    • Корректное отображение в популярных браузерах.
    • Адаптация к просмотру с мобильных устройств.
    • Корректно настроенная карта сайта и файл robots.txt. Некоторые «движки», например, Joomla! и WordPress, позволяют создавать и поддерживать карту сайта с помощью расширений.
    • Приемлемая скорость загрузки сайта.
    • Человеко-понятные URL. В зависимости от CMS, эта задача решается с помощью расширений или корректной настройки «движка».
    • Отсутствие дублей страниц. Попросите разработчиков обеспечить канонизацию URL, закрыть от индексации страницы меток, категорий и архивов.
    • Возможность оптимизации мета-данных страницы.
    • Возможность вставлять коды сторонних сервисов, например, служб аналитики.
    • Валидность кода. Проверить можно здесь.
    • Возможность оптимизировать графический контент: изменять размер фотографий, добавлять название, подпись и атрибут alt.
    • Наличие удобных для пользователей функций: комментариев, социальных кнопок, системы оценок, форм поиска и обратной связи, понятной навигации.
    • Если вы работаете на международном рынке, вам понадобится мультиязычный сайт.
    • Безопасность ресурса: защита от несанкционированного доступа, создание резервных копий, блокировка спам-комментариев.
    • Возможность использовать микроразметку без знания веб-программирования.

    Обсудите с разработчиком, каким еще характеристикам должен соответствовать ресурс.

    Шаг 6: где заказать сайт

    Выбор невелик: придется сотрудничать с агентством или с фрилансером. Сотрудничество со студиями или частными специалистами имеет достоинство и недостатки.

    Почему стоит заказать сайт в веб студии

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

    Сотрудничество с фрилансерами

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

    При выборе разработчика обращайте внимание на следующее:

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

    Помните, как на предыдущем этапе вы отказались от «самописных движков»? Теперь оцените преимущества этого шага: вы можете практически в любой момент прекратить работать со студией «А» и обратиться в агентство «Б». Новый подрядчик сможет сразу же взять в работу сайт на 1С-Битрикс, OpenCart или другой популярной системе. А вам не придется тратить ресурсы на перенос ресурса на новый «движок». С фрилансерами такой вариант не пройдет.

    Шаг 7: определите, кто будет продвигать проект

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

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

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

    Шаг 8: продвижение сайта

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

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

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

    Что нужно, чтобы заказать сайт

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