На вопрос «Сколько это будет стоить?» мы попытаемся ответить сразу, поскольку независимо от искушенности заказчика эта фраза звучит в самом начале переговоров с веб-студией в девяти случаях из десяти. Так сколько же? Зависит от сложности проекта, от «звездности» студии, ее статуса в индустрии и географической принадлежности, от конъюнктуры рынка. Цена очень широко варьируется – $4–20 тысяч на конец 2013 года. Во избежание кривотолков уточним: бывает как дороже, так и дешевле. Некоторым студиям попросту невыгодно браться за заказы с чеком меньше 500–600 тысяч рублей. Между тем отдельные конторы в провинции, которым рано еще разевать рот на лакомых столичных клиентов, сознательно демпингуют даже по меркам своего региона, создавая себе реноме и набирая опыт, поэтому готовы смастерить сайт за 60–90 тысяч рублей. Но нужно уметь отличать молодых и голодных асов от профнепригодных неудачников.

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

• Какие бизнес-задачи призван решать ваш сайт?

• Можно ли отнести сайт строго к одному распространенному типу: интернет-магазин, сайт-визитка, промосайт, информационный портал и т. д.? Если нет, то в чем его особенности?

• Какова его целевая аудитория (ЦА)?

• Какие потребности ЦА должен удовлетворять сайт и за счет каких механизмов и сервисов? К совершению каких действий должны побуждаться посетители сайта?

• Будут ли использовать сайт сотрудники вашей собственной компании, и если да, то для чего именно?

• Каковы главные конкурентные преимущества вашей компании, которые должен отражать сайт?

• Как кратко сформулировать основные качества и показатели ваших товаров и услуг?

• Если сайт продвигает продукт или услугу, то почему посетители захотят их купить?

• Как позиционирует себя ваша компания на рынке?

• Чем вы выделяетесь в своей сфере и кто ваши главные конкуренты?

• Какие сайты конкурентов вам нравятся и почему?

• Какие сайты конкурентов вам не нравятся и почему?

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

• Есть ли у вас собственные мысли на предмет дизайна сайта? Какая информация должна быть на нем размещена и откуда ее предполагается взять?

Чем четче вы артикулируете свой взгляд на предназначение сайта, чем яснее и подробнее говорите, что хотите, тем быстрее и эффективнее будет взаимодействие с веб-студией. Принято говорить, что разработчики не телепаты и не умеют угадывать ваши потребности, мы же вам откровенно скажем: иногда – умеют (жизнь заставляет! опыт огромный!), но не обязаны. О, вы готовы сразу показать техническое задание, хотя бы черновик? Отлично.

От вас как заказчика должен выступать один человек-коммуникатор: либо вы сами, либо ваше доверенное лицо, например руководитель IT-отдела, директор по маркетингу и т. д. Нет ситуации хуже, чем когда никому не понятно, кто должен сказать последнее слово и подписать «окончательную бумажку».

Еще один подводный камень: если у вас действующий офлайн-бизнес и открытию сайта сопутствует его «цифровизация», то – сознательно ли, безотчетно ли (к счастью, чаще второе) – часть сотрудников может мягко саботировать партнерство с веб-студией в надежде сохранить все как есть. Хотя бы затягивая процесс бесконечными согласованиями и совещаниями. Это дополнительный довод в пользу того, чтобы краеугольные решения, касающиеся создания сайта (прием прототипа, сдача промежуточных результатов и т. д.), принимало с вашей стороны либо ответственное лицо, в чьей здравости суждений и лояльности общему делу вы не сомневаетесь, либо вы сами. Главное – не допустить размывания ответственности. Нет вернее способа закопать удачный эскиз или прототип, чем вынести продукт-сырец на суд всех ваших топ-менеджеров и их замов, а то и вообще всех до единого сотрудников на летучке.

Непременно оговаривайте еще до подписания договора, какие материалы и в какие сроки вы обязуетесь предоставить со своей стороны, например финальную версию ТЗ, ваш корпоративный гайдлайн (см. главу 12 «Фирменный стиль: умная одежка») для дизайнеров веб-студии, тексты и иллюстрации, технические характеристики товаров и т. д. Если контента для сайта у вас нет, заранее узнайте, готова ли студия заняться его созданием. Готова? Уточните, на каких условиях и какая информация потребуется от вашей компании.

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

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

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

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

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

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

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

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

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

^{Рис. 7. Топ веб-студий за 2013 год по версии «Рейтинга Рунета» (со страницы http://www.ratingruneta.ru)}

Можно также, особенно если вы разрываетесь между несколькими вариантами, устроить тендер – так сказать, «кинуть клич заранее установленной тональности и тембра». Иными словами, выслать бриф (не скрывая, что он отправлен не в одну веб-студию) вкупе со встречными вопросами. Вам надо разведать как минимум данные по следующим пунктам.

• Общая характеристика веб-студии, избранные работы из ее портфолио, а также те, которые наиболее подходят вашей заявке.

• Приблизительная смета и факторы, от которых может зависеть изменение стоимости той или иной части работ.

• На каких юридических условиях работает студия (рис. 8).

• Описание этапов реализации проекта и опорных точек, по достижении которых будут сдаваться промежуточные итоги.

• Сроки сдачи проекта и ориентировочный график работ.

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

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

• Документация по проекту (что будет подготовлено к моменту сдачи проекта, кроме самого сайта).

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

^{Рис. 8. Хороший знак, когда веб-студия четко расставляет акценты в подаче брифа и в вопросах юридического характера (со страницы http://artgorbunov.ru/bureau/contract/)}

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

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

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

По нашему опыту, негативные стороны работы с веб-студией, перво-наперво инертность, поддаются сглаживанию – за счет того самого человеческого фактора, который и предопределяет эти досадные особенности. Клин клином вышибают, а по-модному говоря, на всякий баг в системе у нас лайфхак[9] по теме.

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

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

А вот здесь внимание. Сейчас мы нашепчем вам несусветную ересь, за которую нас, будьте уверены, заклюют коллеги по отрасли веб-разработки – и справедливо, потому что она нарушает их бизнес-логику! – однако лично вам это отступление наверняка принесет пользу.

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

Как понять, какой менеджер хорош? Порасспрашивайте своих друзей, сотрудничавших с какой-либо студией и довольных как результатом, так и процессом сайтостроительства, кто вел проект. Изучите «цифровой профиль» кандидатов (Facebook, «ВКонтакте», «Мой круг», LinkedIn, собственные блоги). А если вы успели приглядеть студию и вам больше прочих симпатичны несколько сайтов из ее портфолио, не постесняйтесь позвонить или написать в заказавшие их компании, чтобы узнать, какой аккаунт-менеджер был им выделен и все ли было гладко в реализации проекта.

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

В сайтостроительной конторе средней руки целая россыпь департаментов: дизайн, программирование, верстка, SEO – и у каждого своя загрузка, свои трудности, «своя атмосфера». А еще свой начальник, у которого свое видение того, в какую очередь и с какого бока браться за ваш проект («Еще один интернет-магазин на программинг – издеваетесь? У меня завал»). Да что там – иногда между отделами разгорается настоящая война! И быть вашим Вергилием, вашим рупором и бейсбольной битой в жарких цехах веб-разработки не кому-нибудь, а аккаунту. Если вы не ошиблись в выборе, он будет волочить ваш сайт на своих плечах «…с этапа на этап, // По пустырю, по бурелому», стыкуя между собой департаменты и отдельных исполнителей и не давая им забыть о ваших потребностях, и в частности о техзадании, сглаживая острые углы и экономя ваше время. В общем, в каком-то смысле вы выбираете даже не студию, а аккаунт-менеджера.

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

• предоплата – 50 %;

• техническое задание – 10 %;

• дизайн и верстка – 20 %;

• программинг – 20 %.

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

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

Рейтинг российских веб-студий Tagline 2013: http://2013.tagline.ru/top100-digital-production/

«Рейтинг Рунета»: http://www.ratingruneta.ru/web/2012/

«Особенности и риски крупного веб-проекта. Как строить работу»: http://www.intervolga.ru/blog/thoughts/big-project-risks/

Глава 5. Выбор CMS: почти готовое платье

Аббревиатура-матрешка: одна ее интерпретация вмещает другую. Часто под CMS (content management system – «система управления контентом») понимают меньшую часть – то, что в обиходе зовется админкой: «служебное помещение» сайта, где простейшими манипуляциями можно менять тексты, вставлять фотографии, добавлять и убирать разделы (и решать менее очевидные задачи, например без головной боли контролировать различные версии документов) с той легкостью, как если бы все эти действия выполнялись в штатных офисных программах; обычные веб-формы, узнаваемые пиктограммы – и никакого тарабарского кодинга (рис. 9).

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

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

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

^{Рис. 9. Работа в WYSIWYG-редакторе наглядна и интуитивно понятна}

Недаром CMS – платные и бесплатные, с открытым исходным кодом и проприетарные, универсальные и узконаправленные – сосуществуют годами: все они пока находят свое применение (а нет – так потихоньку вымирают). Одни в большей степени, другие в меньшей. Однако свои сильные стороны есть у каждого типа.

Запомните крепко-накрепко: выбирать CMS нужно, опираясь исключительно на необходимую вам функциональность сайта с прицелом на обозримое будущее (см. главу 1 «Техзадание: последний раз себя спрашиваю!»). Такие показатели, как безопасность системы, язык программирования, на котором она написана, и т. д., тоже нельзя сбрасывать со счетов, однако четко заданные «эксплуатационные характеристики» сайта действеннее сузят круг поисков.

Не торопитесь следовать услышанным краем уха советам: «Скажи, пусть делают тебе интернет-магазин на Magento 1.7. Я долго выбирал и знаю, о чем говорю». Даже если доморощенный эксперт – простите, но мягче не скажешь – занимается, как и вы, электронной торговлей, едва ли он досконально разбирается в особенностях вашего бизнеса и ваших потребностях, а тем более в Magento и его плагинах. И сомнительно, чтобы он хотя бы знал, к какому классу CMS принадлежит Magento. А надо бы.

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

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

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

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

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

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

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

Так-то оно так, но загодя высчитать «полную цену владения» (total cost of ownership) таким продуктом часто та еще задачка: сперва купи дистрибутив, потом заплати разработчику, который его «подстрогает» под твои задачи, да еще через год, глядишь, понадобится заплатить за апдейт[11] (а киберпреступники очень любят те сайты на основе коммерческих CMS, чьи владельцы из экономии не продлевают лицензию: бреши в софте со временем становятся секретом Полишинеля, но по понятной причине на ресурсе у скупца остаются незалатанными).

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

Конечно, у разработчиков тиражных движков есть roadmap – продуманный план, исходя из которого они выпускают обновления продукта. Однако до ядра CMS они посторонних (хоть купи у них самую дорогую лицензию) допускать не склонны. Дескать, носик подправить – пожалуйста, а в ДНК не лезьте.

«Массовый» не равно «ширпотреб». На коммерческой системе «1С-Битрикс», например, функционируют интернет-магазин сети «Эльдорадо» и множество других известных коммерческих веб-проектов, а также онлайн-СМИ (рис. 10).

^{Рис. 10. На тиражной CMS «1С-Битрикс» построено, например, авторитетное отраслевое онлайн-СМИ Roem.ru}

Важно точно знать, чего именно вы хотите от массовой коммерческой CMS, иначе в ее анфиладах легко заплутать.

Самые известные и распространенные в Рунете: UMI.CMS, «1С-Битрикс», NetCat.

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