Создание
сайтов

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

Концепция строится исходя из следующих параметров:

• что должен делать ресурс;
• как его желательно оформить;
• какого результата нужно добиться.

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

Контент - это содержимое сайта, вся информация, представленная на нем. От того, насколько уникален, интересен и продуктивен контент зависит успешность ресурса. Контент должен:

• удерживать внимание;
• побуждать к необходимому действию - покупке услуг или товаров, которые продает сайт;
• способствовать продвижению ресурса в поисковой выдаче благодаря незаметно встроенным в текст “ключам” - запросам, по которым робот-поисковик будет приводить посетителей.

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

Встречают по одежке - эту народную мудрость еще никто не опроверг. Дизайн - именно такая “одежда”, формирующая первое впечатление. Неудачный дизайн - это мгновенная неудача, сводящая на нет все усилия создателей. Так, 95% посетителей сразу уходят с сайта, дизайн которого им не приятен.

Сложность создания качественного дизайна в том, что красота - не главная его составляющая. Главное - учет законов психологического восприятия, структурированность. Поэтому приоритетные задачи дизайнера - это:

• положительное воздействие “с первого взгляда”;
• создание точки восприятия - визуального центра, побуждающего к изучению ресурса;
• соответствие текущим тенденциям интернет-дизайна;
• учет пожеланий и вкусов заказчика.

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

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

• свободные (Free Open Source CMS), дающие возможность пользователю не только пользоваться функциями, заложенными разработчиком, но и дорабатывать их. В эту группу входят Drupal, Joomla, WordPress, Opencart;
• коробочные (Box), ограничивающие возможности пользователя в соответствии с пакетом, заложенным разработчиком (1С-Битрикс, UMI-CMS, Hosts CMS, NetCat и другие);
• студийные - права на использование которых находятся строго у создателей-разработчиков.

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

Когда сайт уже “родился” как прототип, существующий пока в макетах, картинках, черновиках текстов, за дело берется веб-мастер. Он - переводчик, перекладывающий понятные нам изображения, надписи, размеры на язык HTML-кодов, преобразуя всю информацию в привычные нам веб-страницы.

На начальном этапе сайт получает “скелет” - намечены его структура, разделы, определен формат и местоположение картинок и текста, отображен дизайн. Задача веб-мастера - добиться:

• абсолютной кроссбраузерности (качественного отображения выбранными браузерами);
• совместимости с нужными устройствами;
• качественного отображения при различном разрешении мониторов.

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

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

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

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

Программирование сайта - это процесс, буквально вдыхающий в него жизнь. Чтобы созданный “на бумаге” ресурс заработал, он должен быть преобразован в HTML-коды - язык, который понимает и воспроизводит компьютер. Именно тогда сайт возникает как веб-страницы.

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

Некоторые возможности сайта могут быть созданы только программистом. Например, если владелец ресурса желает в будущем по мере необходимости самостоятельно вносить изменения в какой-то компонент (например, менять тарифы в калькуляторе), программист обеспечивает доступ к данному компоненту через систему управления сайтом (“админку”).

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

• специальные калькуляторы стоимости;
• уникальные системы визуализации;
• особые формы обратной связи;
• форумы и т.д.

Качество программирования определяет дальнейшие возможности развития сайта.

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

Для этого в процессе наполнения:

• разрабатывается структура страниц;
• придумываются и создаются иллюстрации;
• конструируется макет размещения текста и графики для каждой страницы;
• размещаются и дорабатываются написанные ранее тексты;
• расставляются на свои места изображения.

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

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

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

Проверке подвергаются такие характеристики как:

• полнота и качество работы функционала;
• устойчивость к нагрузкам и перегрузкам;
• качество верстки;
• кроссбраузерность;
• производительность.

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