С чего начинается сайт. Этапы создания сайта.

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

Перед тем как дизайнер принимается за свои непосредственные обязанности — проходит несколько этапов, которые невозможно миновать…

Давайте с вами поговорим про эти этапы, а так же основные моменты, которые должен знать каждый IT-шник в этой сфере.

С чего начинается сайт. Этапы создания сайта

Этап 1. Согласование ТЗ

После того, как все тендеры выиграны, а также улажены все юридические и финансовые вопросы, начинается этап согласования ТЗ (технического задания). Без него невозможно сделать по-настоящему качественный сайт, как с визуальной, так и с технической точки зрения. На этом этапе в игру вступает менеджер проекта и начинается первая веселуха.

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

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

Такие вот дела.

Этап 2. Проектирование

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

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

Этап 3. Дизайн

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

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

Этапы разработки сайта

Этап 4. Верстка

На самом деле, я считаю, что отдельно взятые верстальщики– это сорняки на поприще разработки сайта. Это как дизайнер, который рисует только кнопки. Вот нахера такой нужен?

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

Этап 5. Программирование

Очень ответственный этап. От того, насколько кодер заинтересован в проекте — зависит то, как этот проект будет реализован. Очень часто студии используют не самописный движок, а готовую CMS. В основном это Битрикс, но встречаются и исключения.

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

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

Этап 6. SEO-Шмео

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

В заключении

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

Буду благодарен за ретвит этой записи.

Автор: ТОха

Lucky Guy 11 августа 2014 / 09:02

«Дизайнер вправе перелопатить все что угодно, лишь бы потом смог это обосновать» — мне кажется это не так. Максимум, что может менять дизайнер это какие-то цветовые решения и стили. Располжение каких-то блоков или элементов — нет. Это не в его компетенции.

Ответить
    Антон 11 августа 2014 / 11:14

    Все зависит от дизайнера. Если дизайнер делает проектирование — то почему бы и нет.

    Ответить
Дмитрий Нагиев 19 августа 2014 / 23:01

Замечательная статья, но есть вопрос. Взаимодействием сайта с пользователем, а именно эффектами (например — «увеличительное стекло при наведении») занимается тоже дизайнер?

Ответить
    Антон 20 августа 2014 / 10:19

    Думаю, что само увеличительное стекло и принцип работы должен показать дизайнер. А вот работу на уровне кода уже верстальщик.

    Ответить