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

Итак, все работы можно разделить таким образом:

1. Составление Технического Задания (ТЗ);
2. Выбор команды проекта;
3. Прорисовка прототипов, согласование идеи;
4. Прорисовка макетов в .psd;
5. Верстка макетов, установка CMS;
6. Тестирование;
7. Наполнение контентом и сдача проекта.

Теперь подробнее о каждом пункте:

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

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

После составления, ТЗ утверждается клиентом,  финальная версия является документом, по которому будет вестись работы.

2. Выбор команды проекта. Так как разработка сайта является достаточно сложным и трудоемким процессом, над каждым проектом работает команда узкопрофилированных разработчиков. Состав команды проекта:

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

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

3. Прорисовка прототипов, согласование идеи.

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

4. Прорисовка макетов в .psd — процесс прорисовки всех необходимых страниц и подготовки их к верстке. В .psd макетах дизайн сайта имеет законченный вид. Как правило, сайт состоит из нескольких макетов (главная страница + необходимое количество внутренних).

5. Верстка макетов — на данном этапе все макеты разрезаются на более мелкие элементы (картинки, кнопки, иконки), и все это соединяется в html макет. Теперь сайт вполне может работать, но пользователь, без знания html, css и, иногда php, не сможет вносить в сайт правки.

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

6. Тестирование — любой, даже самый простой проект, требует тестирования. После того как сайт установлен на сервер начинается его тестирование:

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