Как заказать хороший сайт

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

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

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

— А давайте еще форум прикрутим.

— А может в меню поменять местами ссылки «О компании» и «Наши продукты»?

— А что, если здесь поиграть цветами, а в подвале добавить вензеля и рюшечки?

— Все замечательно, спасибо вам большое, но вот чего-то еще не хватает, что-то не так.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 4: выберите CMS

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

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

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

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

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

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

WordPress. Контент-менеджер сайта на WP должен обладать достаточным опытом. Разработчики предлагают достаточно модулей, как платных, так и бесплатных, которые ускоряют работу КМ в той ее части, что касается управления сайтом.

Joomla! На просторах всемирной сети можно найти сайты на этой платформе, но их становится все меньше и меньше.

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

OpenCart. Этот «движок» выбрали владельцы 0,9 % ресурсов, работающих на CMS. OpenCart — это WordPress для интернет-магазинов. Система управления контентом отличается простотой, кастомизацией с помощью плагинов, безопасностью. В нем встроены основные функции, необходимые для организации онлайн-торговли.

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

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

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

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

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

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

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

Шаг 6: определите, где вы будете заказывать сайт

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

Почему стоит сотрудничать с авторитетными агентствами? Вот основные причины:

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

Шаг 7: оцените, сможете ли вы сделать сайт самостоятельно

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

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

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

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

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

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

Шаг 9: определите, сколько стоит необходимый вам сайт

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

Окончательная цена сайта зависит от его характеристик: функциональности, дизайна, объемов контента и так далее. Условно говоря, Корпоративный сайт будет стоить от 185 000 тенге, а Интернет-магазин от 270 000 тенге. Приблизительную стоимость сайта вы узнаете после согласования его характеристик с разработчиком. Окончательную сумму вы увидите в акте выполненных работ. Не забывайте, что вам придется постоянно инвестировать в развитие ресурса и интернет-маркетинг.

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

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

Создание сайтов Алматы

Источник: texterra.ru