Создание сайта. С чего начать?

В одном из прошлых номеров мы уже знакомились с общими принципами построения сайта. Итак, вы стоите на распутье: нужен ли мне сайт, если нужен, то какой, какими характеристиками он может обладать, не обманет ли меня дизайнер и сколько это будет стоить?

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

Соседский мальчик.

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

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

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

Итак, вы уже поняли, что работать нужно только с профессионалами. Иначе, это просто деньги, выброшенные на ветер. Но нужен ли сайт вообще? На дворе кризис, лишних денег нет, приходится брать кредиты, увольнять сотрудников и сокращать расходы на рекламу. Но это не избавит вас от проблем. Спросите любого бизнес-консультанта на счет кризиса, и он скажет вам, что кризис это не опасность, а возможность. Возможность попробовать что-то новое, возможность наконец-то заняться организацией своего бизнеса, возможность найти новые рынки сбыта. Но, бог с ним с кризисом, дело даже не в нем. Понимание того, что ваш сайт должен быть в сети, очевидно ЛЮБОМУ пользователю компьютера. Хотите факты? В Беларуси около 3 миллионов пользователей, которые хотя бы раз в месяц заходят в интернет. Какая ваша реклама имеет такой охват аудитории? Да и просто —наличие сайта уже стало просто хорошим тоном. Другое дело — как сделать так, чтобы все пользователи увидели именно вашу рекламу, и нашли именно ваш сайт. Это вопрос продвижения ресурса, который я сегодня не смогу охватить в силу его объема, поэтому оставим его на следующие выпуски. Важно сделать хотя бы первый шаг к тому удивительному миру — создать сайт. Думаю, многие читатели согласятся, что намеренно оставаться в стороне от прогресса и препятствовать своему же развитию — преступно не только для личности, но и для бизнеса.

Каким будет наш сайт?

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

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

• Простота. Темп жизни становится быстрее, чем когда-либо. Этими процессами становится все труднее управлять как клиентам, так и менеджерам. Таким образом, достижение простоты будет крайне важно для обеспечения и сохранения доли на рынке. Расположение элементов должно быть разумно и удобно (в некоторых случаях — привычно) расположено. Не должно быть нагромождения графики. Наверное, стоит употребить термин «ясность», чтобы вы могли понять этот критерий отбора. Должно быть ясно — что и как делать.
• Глубина подачи. Это понятие напрямую вытекает из простоты. Наряду с удобством и доступностью должен быть инструмент для более глубокого изучения информации. К примеру, портфолио должно содержать не только маленькую картинку и заголовок работы, но и увеличенные картинки со ссылкой на ресурс. Или мультимедийный плеер должен первоначально показывать лишь основные элементы управления (громкость, управление треком), но при желании пользователь может получить доступ, например, к эквализации или списку проигрываемых песен. Почему нужна глубина спросите вы? Если кратко, то дело в том, что простота и сложность неразлучны, и, выпуская в свет какой-либо очень простой (согласно первому пункту о простоте) в использовании сайт или продукт, мы рискуем потерять потенциальных клиентов среди тех, кто хочет, чтобы вещь обладала всем множеством функций, что и сложные продукты.
• Оригинальность и актуальность. Если вы руководите выпуском представительских седанов Mercedes или маркетингом линии классических костюмов Hugo Boss, то, возможно, вам не стоит слишком экспериментировать с формой представления. По крайней мере, четкой необходимости в этом может не быть. Тут важно соблюдать строгость и стиль. Другое дело, если у вас средний или малый бизнес. Конкуренция здесь очень жесткая и выигрывает, как показывает практика, более смелый (вспомните хотя бы рекламную компанию салона Volkswagen :). Прелесть дизайна заключается в том, что не существует никаких правил, и тот, кто умеет «нарушать» существующие законы или тенденции, всегда будет иметь преимущество. Это справедливо для компании любого размера, но именно малый бизнес должен брать этот фактор за основу (при этом необходимо помнить, что многие гиганты рынка давно об этом знают, и поэтому не стесняются тратить огромные средства на оригинальность.). На то он и малый, что имеет свою неповторимость и особенные преимущества.
  
• Любовь. Смешно говорить людям о том, что сайт, да и любая другая продукция или услуга, должен делаться с любовью. Когда человек просто улыбается вам при разговоре по телефону, вы не видите его лица и иногда не можете интонационно понять его настроение, но вы все равно чувствуете его улыбку и расположение. Тоже самое и с сайтом — созданные без внимания к клиенту ресурсы безлики и, что бывает гораздо чаще, уродливы. Кто захочет иметь с такими дело? Не знаю. Приведу просто пример из личной практики: однажды, на заре своей работы дизайнером, я делал сайт для компании со штатом из 4 человек, занимающейся климатическим оборудованием. Их зарубежный партнер, увидев сайт, сказал, что думал, что раз у компании такое представительство в интернете, то там работает как минимум человек 60. Он проникся доверием к фирме, и была заключена важная сделка. Вот вам и интернет.
• Грамотный текст. Без комментариев. Нет ничего хуже ошибок в тексте или неграмотно составленных предложений.
• Офис. К сайту студии это отношения не имеет. Но мифические студии с телефонами, но без физического адреса, находящиеся где-то в общежитии института, я бы побоялся рассматривать.

Формулирование задачи.

Итак, мы нашли подходящий нам сайт, позвонили им и вас, конечно же, загрузили всякими вопросами и терминами. Почему? За что? Тут вы совершили ошибку, которую совершают многие — поторопились. Перед звонком нужно было сделать важнейшую вещь, которая повлияет на весь процесс создания вашего сайта, — сформулировать задачу. Она должна быть максимально краткой (одно-три коротких предложения), общего характера (это развяжет руки творчеству) и точной (чтобы потом предъявить ее в конце подрядчику в случае претензий). Так просто ее придумать будет сложно, поэтому я вам помогу примерами. А вы, в свою очередь, поможете дизайнерам.

Пример задачи №1:
«Сделать простой сайт рекламного характера для молодой компании, занимающейся заточкой ножей».

Пример задачи №2:
«Показать разницу между дорогим (фирменным) и дешевым (плохим) сервисом автомобилей».

Пример задачи №3:
«Создать новый дизайн сайта, не внося существенных изменений в структуру ресурса».

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

Виды сайтов или «подешевле бы».

Всего я выделяю 4 типа сайтов:

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

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

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

После того, как вы с этим определились, начинается разработка дизайна. Ей должен предшествовать макет из блок-схем, который бы схематично демонстрировал структуру сайта. Имеет смысл высказать свои субъективные пожелания по поводу структуры сайта и дизайна, но важно понимать, что они могут противоречить сути сайта, и решение этих вопросов лучше оставить профессионалам, которые в них разбираются гораздо лучше (просто доверьтесь — и вы не пожалеете). Многие заказчики подвержены влиянию других людей и мнение друга всей их жизни гораздо важнее мнения дизайнера, который делает сайт. Важно, чтобы было желание найти компромисс с обоих сторон. Если вы начинаете просто твердить фразу «Хочу и точка!», то, может быть, есть смысл заглянуть вглубь себя.

Для создания дизайна практически всегда требуется логотип компании или весь фирменный стиль, если таковой имеется. В 70% случаев логотип либо отсутствует, либо приходится перерисовывать его с «нуля», т. к. он никак не отвечает не только каким-то эстетическим требованиям, но и требованиям отображения в Веб. В зависимости от логотипа этот процесс занимает у дизайнера по 2–8 часов непрерывной работы, иногда несколько суток.

Информация к размышлению:

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

Многие, кто хоть раз сталкивался с программами PhotoShop, Corel Draw искренне уверены, что нарисовать дизайн в них 20-минутное дело. Но почему-то на просьбу сделать это, люди либо отказываются сразу, либо честно признаются, что даже не знают, с чего начать.

«Стоп. А как же кризис?» — спросите вы.

Вы заметили, что многие студии уже начали предлагать свои антикризисные программы? Момент, как я уже писал, нужно использовать. Что же делать вам, если денег совсем нет?

«Можно купить шаблон за n баксов и прицепить к нему программирование». — скажет продвинутый директор и…

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

В этом абзаце я собираюсь нанести серьезный урон отрасли сайтостроительства. Помните, я писал выше про блоги? Дело в том, что эти блоги в своей основной массе сделаны при использовании бесплатных CMS. Среди этих систем есть одна, ну, очень интересная — Wordpress (Вордпресс). Он постоянно обновляется, сделан по последнему программистскому слову и к нему есть куча расширений, позволяющих превратить сайт просто-таки в функционального монстра. И все это бесплатно! Более того, к этой CMS есть куча бесплатных шаблонов. К чему я этого говорю, ведь я только что писал, что в таком случае мы получим совершенно неуникальный продукт? А все дело в том, что Wordpress — вещь очень грамотная и гибкая, и позволяет делать с собой (в разумных пределах) все, что угодно. Осталась лишь одна вещь — прикрутить к ней красивый, оригинальный дизайн, хорошо сверстать (превратить картинку в код для браузера) и встроить в CMS. Поэтому, если вам нужен средний по качеству функционал, которым будет не так удобно пользоваться, как при индивидуальной настройке «под вас», то можно круто сэкономить:

• простой дизайн — в среднем 300-600 у. е.
• верстка и встройка в CMS — 100-200 у. е.

Сложить эти цифры, я думаю, может каждый.

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

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

Как видите, альтернатива всегда есть. Преимущества и недостатки того или иного вида разработки нам уже известны. Осталось лишь набраться смелости и сделать этот смелый шаг — построить сайт. Мой совет — начните с малого и постепенно двигайтесь к большему.

Максим Местовский, арт-директор студии веб-дизайна «КредоСистемс». Статья написана для журнала «Организационное консультирование».