В наше время бизнес не может быть не представлен в интернете. То есть обязательно должен иметь собственный сайт. Каждый заказчик задается вопросом: «Почему в одном месте сайт стоит 5 000, а в другом 50 000, какой выбрать функционал, как определиться с подрядчиком?». Давайте рассмотрим основные моменты, которые стоит учитывать при разработке сайта и выборе подрядчика.
Такая предусмотрительность и осведомленность поможет вам сохранить бюджет от мошенников и ненужных трат.
1. При разработке сайта, первое, что нужно сделать – определиться с целью.
Часто заказчики делают сайты просто для того, чтобы они были. Такие сайты не могут приносить продаж, а если и приносят, то крайне мало. Далее клиент просит внести различные правки, например:
-
добавить в шапку второй номер телефона, хотя до этого предусмотрен был только один;
-
поменять местами пункты меню;
-
поиграть с цветами, т.к. думает, что проблема с конверсией сайта именно в этом.
В итоге цена разработки вырастает почти в 1,5 раза от первоначальной.
Прежде чем идти к разработчику, поставьте цель, которой будет служить ваш будущий ресурс. Нужно даже конкретно выписать задачи, необходимые для развития бизнеса, такие как:
-
Привлечение клиентов.
-
Продажа товара/услуги онлайн.
-
Демонстрация товара: фото и характеристика товара, карточка услуги, выполненные проекты, клиенты, т.п.
-
Повышение качества обслуживания.
Список можно расширить, но принцип прозрачен: выделите задачи, которые поможет решить ваш сайт. Это и будут тезисы в разговоре с разработчиками.
2. Очертите функционал до начала разработки сайта.
Здесь самый простой способ – зайти в любую поисковую систему и ввести ключевое слово по Вашей тематике. Далее из результата поиска отобрать варианты сайтов, которые больше всего подходят по смыслу.
По этим примерам сделайте выводы о следующих моментах:
-
Вкладках для будущего сайта (О компании, Вопрос-ответ, Доставка и др.);
-
Содержании раздела «Полезные публикации»;
-
Удачном и заметном расположении достижений и конкретных преимуществ: лицензий, сертификатов, призов, перечня клиентов и ссылок на социальные профили;
Обозначенные выводы обсудите с разработчиком. Он и поправит список под поставленные задачи. Нужно ли добавлять функцию, с которой вы не сталкивались? Узнайте о ней подробнее у разработчика, а после изучите вопрос своими силами.

3. Подберите идеальный дизайн сайта.
Разработка дизайна – это один из сложнейших шагов при создании сайта. Если какой-то конкретный ресурс понравится вам, это не значит, что он понравится и вашим клиентам. И наоборот. Поэтому приступая к разработке сайта, помните, что вы делаете сайт не для себя, а для покупателей.
Как выбрать внешний вид сайта
Держите в уме собственную картинку идеального сайта и придерживайтесь рекомендаций профессионалов:
1) Позаботьтесь о читабельности контента.
Опубликованный на портале материал должен легко восприниматься посетителями сайта и быть максимально удобным при чтении. В этом помогут:
-
Удачно выбранный межстрочный интервал. Между строками должно быть достаточно места для сканирования текста и распознавания визуальных форм слов человеческим глазом. Проверьте на себе.
-
Оптимальное содержание заглавных букв в тексте. Заголовки из заглавных букв сокращают читабельность текста на 40%.
-
Минимум растянутых строк. Короткие фразы читаются проще, нет нужды перескакивать взглядом между строк и постоянно держать его в напряжении.
-
Выравнивание текста по центру с минимальным растягиванием его по всей ширине экрана.
-
Минимум фотографий без обтекания текстом.
-
Короткие привлекательные читабельные подзаголовки, оптимально – однострочные.
-
Текст без изолированных слов в верхней или нижней части страницы.
2) Сократим возможную «игру со шрифтами» по нескольким причинам:
-
Для текстов стоит выбирать стандартные шрифты без засечек, т.к. на экранах они воспринимаются намного лучше.
-
Оптимальный размер шрифта для веб-страниц не требует при просмотре с мобильного устройства увеличения масштаба страницы.
-
Чем больше контраст, тем легче чтение.
3) Анализируйте теоретический потенциал конверсионности посадочных страниц.
В качестве лендинга рассматривайте все важные для аудитории страницы сайта. Ключевые правила при создании посадочных страниц:
-
Первый «крючок» для будущего покупателя – заголовок. Пусть он будет четким, понятным и ярким, без «воды».
-
Продающий копирайтинг. Сократите текст, сделайте его интересным и доказательным, разбейте на абзацы и разбавьте маркированными списками. Он будет легче в восприятии.
-
Учить конкретную аудиторию при разработке дизайна целевой страницы.
-
Демонстрировать товар наглядно. Лучше один раз увидеть, чем много прочитать.
-
Сократить лишнюю информацию.
-
Выделить товар/услугу среди конкурентов. Не просто описывать характеристики вашего товара, но и показать, какую выгоду получат клиенты от использования именно вашего продукта.
-
Сыграть на триггерах доверия. В блок «Отзывы» внесите настоящие благодарности клиентов. Грамотно работайте с отрицательными мнениями – их вы тоже сможете превратить в свои «плюсы».
-
Развернуть информацию о компании.
-
Выделить конверсионные элементы (формы, кнопки) на первом экране, делать их яркими, заметными, легкодоступными. Форму приема данных сделать простой и короткой. Убрать лишние всплывающие окон, чат-роботов и т.п., они мешают просмотру.
-
Настроить страницу благодарности. Указать примерные сроки получения обратной связи, описать посетителю сайта следующие шаги.
4) Особое внимание направьте на дизайн главной страницы.
Она станет «воротами», которые первыми встречают посетителя сайта. Необходимо, чтобы она произвела соответствующее впечатление. Главная страница – источник основной информации, которую хочет получить потенциальный клиент.
Страница должна точно направить его дальше, обеспечить удобный доступ к основным функциям: форме обратной связи, заказу звонка, подписки на рассылку.
В идеале главная страница имеет 7 ключевых характеристик:
-
Информативность. Только выжимка из информации о компании, товарах или услугах, преимуществах и достижениях.
-
Понятность. Пусть дизайн и продающие тексты соответствуют целевой аудитории.
-
Мотивация. Хватит и нескольких слов или удачного графического изображения, чтобы полно представить главные преимущества.
-
Функциональность и доступность. Не размещайте на главной простыни текста, пусть она будет удобной для нового посетителя, доступно представит всю информацию о компании.
-
Побуждение к действию. Главная страница сайта должна ненавязчиво призывать посетителя к нужным действиям – заказу звонка, переходу на другие страницы, заполнению формы с контактной информацией.
-
Актуальность информации. Регулярные обновления и соответствие потребностям аудитории – ключ к успеху.
-
Эстетичность. Представление о сайте пользователь составляет в течение нескольких первых минут по главной странице, поэтому позаботьтесь о привлекательном дизайне и продуманности функциональных компонентов.
5) Пройдитесь по юзабилити сайта. Главные критерии:
-
Дизайн сайта. Здесь все понятно. Пусть дизайн будет красивым, контент легко воспринимается, а пользователи не ощущают перегрузки при должном нахождении на страницах.
-
Скорость загрузки страниц. Посетитель не будет ждать, пока эффектный флеш грузится несколько минут, скорее всего, они сразу же сменят сайт.
-
Универсальность браузеров. Сайт должен одинаково открываться во всех браузерах, а также на мобильных телефонах и планшетах.
-
Качество контента.
-
Навигация и интуитивно понятный интерфейс.
-
Гарантия надежности. Наличие контактной информации, вкладка «О компании», отзывы и т.п. – все это вызывает доверие.
-
Кнопка поиска, благодаря которой посетитель сразу сможет найти необходимую ему информацию.
-
Заголовки. Заголовки должны отображать суть контента. Потенциальный покупатель, перейдя по ссылке, должен сразу понимать, о чем идет речь.
Важно: от дизайна требуется обеспечить визуальную привлекательность и читабельность контента. Посетители сайта не должны замечать дизайн, он служит фоном для информации, поэтому и прибегать к креативным решениям нет нужды.

4. Заполните бриф у разработчика
У любого разработчика на фрилансе или в вашем городе попросите бриф на разработку и заполните его максимально подробно.
Бриф выделит пожелания тезисно, ответит на главные вопросы и поможет разработчику ориентироваться в требованиях, чтобы рассчитать стоимость и сроки проекта.
Заполнив данный документ один раз, вы можете разослать его в несколько дизайн-студий для оценки приблизительного бюджета.
5. Выбор CMS при разработке сайта
CMS или ЦМС (content management system) необходима для создания и управления контентом сайта. Платформа требуется не для каждого сайта. Например, одностраничник или визитка легко строятся и на голом HTML.
Не привязанный к CMS сайт очень гибок к реализации идей заказчика. Главный недостаток сайта реализованного на HTML в том, что он открыт только для разработчиков, неспециалисту в ней делать нечего. Для внесения даже самых небольших правок в тексте потребуется искать фрилансера или платить веб-студии за данную доработку.
Система управления контентом бывает платной и бесплатной. Платные имеют закрытый код и требуют оплаты дополнительных функций. Имеют неоспоримое преимущество – техническую поддержку, которая разбирается с возникшими проблемами.
Бесплатные CMS имеют открытый код, что означает большой выбор дополнительных плагинов, модулей и расширений, увеличивающими функционал.
Сайты на CMS имеют следующие преимущества:
-
самостоятельное добавление и редактирование контента.
-
Изменение архитектуры, функциональности и технических характеристик сайта возможны собственными силами.
Как выбрать ЦМС:
-
WordPress – распространенная и популярная платформа, на которой можно создать любой тип ресурса: от персонального блога до многофункционального портала.
-
OpenCart – движок для сайтов любой сложности. На OpenCart удобно запускать магазины, система имеет простое администрирование, настройку и установку плагинов и модулей, характеризуется безопасностью.
-
1С-Битрикс – проект российского разработчика. Платформа имеет хорошую систему защиты информации, гибкий и широкий функционал, подходящий даже для сложных проектов, удобна в использовании. Сайты на «Битриксе» легко интегрируются с другими продуктами 1С, например, 1С: Предприятие.
-
В среде разработчиков используются также Joomla, Drupal, Magento и другие системы управления. От «самописного» движка лучше отказаться из-за его сложности и закрытости.
При выборе платформы для разработки сайта руководствуйтесь:
-
Отзывами разработчика и коллег, сайты которых вам по вкусу.
-
Наличием свободного доступа к обновлениям и технической поддержке.
-
Личными предпочтениями.
6. Решите, где вы будете заказывать разработку сайта
Доверить разработку можно веб-студии, фрилансеру или выполнить работу своими силами. Подробнее о каждом варианте:
Преимущества профессиональных веб-студий:
-
В студии работают профессионалы – команда целевых специалистов в определенных сферах (программирование, веб-дизайн, сео-продвижение и т.д.). Одно обращение – весь комплекс услуг.
-
Заключение договора и следование техническому заданию. В договоре указываются виды, сроки, стоимость работ, а в техническом задании – все требования к сайту.
-
Ведет проект менеджер, который транслирует ваши пожелания специалистам. С менеджером вы обсуждаете пожелания, а он доносит их до команды, экономя ваше время на технических подробностях и нюансах.
-
Команда создаст сайт любой сложности и функционала – от визитки до многокомпонентного портала.
-
Гарантия. Проект «допиливается» под ваши требования и при обнаружении ошибок исполнитель устраняет их в сроки, закрепленные договором.
Преимущества фрилансеров:
-
Главное – доступная стоимость.
-
Разовые проекты. Фрилансеры из ближнего и дальнего зарубежья без заключения договора и оплаты комиссии выполняют разовую задачу, для решения которой нанимать штатного специалиста неудобно.
-
Прямое взаимодействие с фрилансером исключит «испорченный телефон».
-
Гибкость исполнителя и работа на результат – залог качественно выполненного проекта, который устроит заказчика и войдет в портфолио фрилансера (поэтому тот заинтересован в успешном решении кейса). Вы сможете получить продукт в разгар праздников, отпусков или каникул.
Когда стоит взяться за разработку своими силами?
-
Если это личный блог.
-
Вы – владелец мелкой фирмы, не требующей крупного многофункционального портала.
-
Располагаете свободным временем и бесконечным желанием учиться.
-
Нацелены в первую очередь на экономию.
И в качестве вывода…
Инструкция для заказа разработки сайта
-
Определитесь, для чего нужен сайт, какие функции он выполняет и цели решает.
-
Составьте список задач для реализации целей.
-
Из задач сформулируйте вопросы. Например, вы записали задачу – «повысить качество обслуживания клиентов», тогда задаем вопрос: «Какие функции нужны сайту, чтобы повысить это самое качество обслуживания?».
-
Продумайте дизайн, разметку и ее наполнение.
-
Выберите CMS. Пусть она будет универсальной, доступной для всех разработчиков, а не «самописной».
-
Согласуйте остальные технические характеристики.
Четкий алгоритм действий поможет понять, справитесь ли вы с созданием сайта своими силами или стоит обратиться к специалистам. Следующая задача: найти профессионала для продвижения ресурса и рассчитать бюджет мероприятия. Студии предлагают комплексы услуг, куда входит и продвижение, цену вы узнаете после обсуждения.
Остались вопросы по разработке сайта и юзабилити? Пишите в нашу группу, и я отвечу на ваши вопросы о разработке сайта.
Автор статьи Igor Good,
эксперт по разработке сайтов и лендингов любой сложности