Этапы создания сайта.

Очень часто клиенты дизайн-студий («КредоСистемс» — не исключение) не понимают сути происходящих процессов при разработке их сайта. Если есть какие-то очевидные вещи, например, создание дизайна или дизайн-макета (у всех это называется по-разному, но сути не меняет), то, что такое «верстка» и зачем проекту нужен менеджмент, никто не знает. Этап программирования и вовсе воспринимается как нечто не от мира сего. Смешно, но правда.

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

Разберем основные этапы, с которыми вам придется иметь дело:

• Составление технического задания. Первый шаг, в котором документально закрепляются основные требования к будущему сайту (в том числе и требования к дизайну), описываются все функции, принцип их работы и создается карта сайта (если не вдаваться в подробности, то это «меню» ресурса). Это взаимная страховка студии и клиента от непредвиденных затрат (со стороны студии дизайна, т. к. вся работа буквально просчитана по часам) и разногласий (со стороны заказчика). Когда нет технического задания — нет ясности в том, каким должен быть проект, и нет гарантий, что он вообще когда-нибудь будет воплощен в жизнь (бесконечные переделки могут продолжаться месяцами). Всё (пожелания, «фишки» и ноухау), что обсуждалось на этапе коммерческого предложения и договора, воплощается в техническом задании.
• Создание дизайна сайта. В студии «КредоСистемс» мы делаем около двух ревизий/переделок дизайна главной страницы (по желанию заказчика их количество, естесственно, можно увеличить или уменьшить, что, конечно же, увеличит или сократит его расходы). Дизайн-макет (графическое изображение вашего будущего сайта, проще говоря — его картинка) разрабатывается с учетом фирменного стиля компании и требований технического задания. Это важный этап, который, собственно, и будет отвечать за удобство и красоту восприятия вашего ресурса. После утверждения макета главной страницы, создается, по его образу и подобию, макет внутренней, который, как правило, сочетает в себе комфортную работу именно с предлагаемой посетителю информацией. Конечно, при разработке крупных порталов или интернет-магазинов, макетов бывает существенно больше (как, например, на сайте «ОП НИИ ПКД»), т. к. больше возможных вариантов взаимодействия с пользователем. А, к примеру, на сайте-визитке может использоваться и вовсе один шаблон. После внесения необходимых изменений (если таковые требуются), наступает следующий этап.
• Верстка дизайна. Теперь придется углубиться в некоторые нюансы отображения сайтов в интернете. Вы просматриваете все сайты через интернет-браузер (Microsoft Internet Explorer, Mozilla Firefox, Apple Safari или Opera). После ввода адреса в адресной строке или переходе по ссылке, браузер «обращается» к данной страничке и та, в свою очередь, передает ему нужный код (html-код), который браузер интерпретирует и показывает пользователю в уже красивом виде. Собственно, данный этап и заключается в переводе картинок дизайн-макетов в набор этого кода (html и css), для того, чтобы можно было увидеть ваш сайт в окне любого браузера. В студии «КредоСистемс» мы делаем верстку по всем существующим стандартам, чтобы все одинаково отображалось в большинстве существующих браузеров.
• Программирование проекта и привязка его к системе управления содержимым. Когда создается простой сайт, то работа на этом этапе сводится лишь к настройке нашей системы управления содержимым «ПростоВебCMS» под требования проекта. Результат такой работы клиент обычно наблюдает при управлении ресурсом через систему администрирования. Когда сайт решает нетривиальные задачи или просто содержит сложный каталог, то программистам приходится дописывать необходимые модули управления, либо переделывать уже существующие. А делается это вручную в «блокноте» и каждая программа может содержать тысячи строк кода. Пожалуй, это наиболее затратный этап создания сайта, как по времени, так и по деньгам.
• Наполнение сайта, тестирование и обучение клиента. После того, как готов пустой каркас сайта, мы его наполняем информацией и тестируем все функции на предмет их некорректной работы. Хотя после этого работы технологов и закончены, но многие забывают, что в конечном счете посетитель видит предоставляемую ему информацию (пускай и в обрамлении дизайна). И информация эта не должна содержать ошибок, должна быть интересной и грамотно поданной. А иногда ее объемы (например, десятки тысяч наименований товара) превышают все вместе взятые предыдущие этапы. И, по опыту работы в дизайн-студии «КредоСистемс», могу с уверенностью сказать, что когда клиент сам начинает управлять сайтом, это в 90% случаев приводит к ошибкам валидации, нарушениям принципов правильного (или задуманного дизайнером) отображения информации и банальным ошибкам в орфографии и пунктуации. Хорошо управлять сайтом и наполнять его может, как и в любом другом случае, только профессионал. Поэтому каждая уважающая себя студия (в том числе и «КредоСистемс») предлагает свои услуги по поддержке, наполнению и веб-консалтингу вашего сайта.

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

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

Максим Местовский, арт-директор студии веб-дизайна «КредоСистемс».