А что у нас тут?

Мастхевы

главная Вики Этапы разработки сайта под ключ

Этапы разработки сайта под ключ

1.    Составление технического задания, заполнение брифа

2.    Разработка макета сайта
2.1. Внесение правок и корректировок, утверждение макета

3.    Верстка макета

4.    Установка и настройка необходимого функционала сайта
4.1. Обверстка модулей, компонентов и плагинов
4.2. Внесение изменений и корректировок

5.   Создание внутренней структуры сайта, наполнение сайта контентом, предоставленным заказчиком

6.   Первичная SEO-оптимизация по данным, предоставленными заказчиком

7.   Внесение финальных корректировок

8.   Сдача проекта, получение оплаты

9.   Общие положения, информация для заказчика

Составление технического задания, заполнение брифа

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


Разработка макета сайта

На основании полученных и согласованных с Вами данных дизайнер приступает к работе. Отрисовывается изначально только одна версия макета. Дизайнер отрисовывает необходимое количество типовых страниц, их количество для разных типов сайтов различно. Например, для сайта-визитки это 2-4 страницы, для интернет-магазина - 3-8 страницы, для сайта портального типа количество страниц может быть намного большим (зависит от типов разделов и функционала).
В процессе работы мы можем показывать Вам определенные этапы создания макета для согласования и корректировок.

 

Внесение правок и корректировок, утверждение макета

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


Верстка макета

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


Установка и настройка необходимого функционала сайта

Затем в шаблон вставляются сниппеты для подключения модулей, условия для их скрытия/показа, условия для плавающих колонок сайта и так далее. Прописывается статичное html-содержимое, дабы не нагружать движок лишними модулями (например, если контактная информация выводится в шапке или подвале сайта на всех страницах, то логичнее её прописать прямо в html файле шаблона, чтобы, как написано выше, не "утяжелять" сайт лишними модулями).
Устанавливаются все необходимые модули, компоненты и плагины, затем они настраиваются, если нужно редактируются код, дописывается, изменяется функционал по техническому заданию.

 

Обверстка модулей, компонентов и плагинов

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

 

Внесение изменений и корректировок

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


Создание внутренней структуры сайта, наполнение сайта контентом, предоставленным заказчиком

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


Первичная SEO-оптимизация по данным, предоставленными заказчиком

Является опцией
Аналогично предыдущему пункту, заполняются все необходимые meta, title, h1-h6, оптимизируются материалы. При желании или сомнении есть возможность подключить SEO-специалиста для консультации или составлении оптимального тз для достижения того или иного результата.


Внесение финальных корректировок

Тут и без объяснений все ясно, финальные правки проекта, наведение лоска и чистоты


Сдача проекта, получение оплаты

Когда все уже хорошо, проект переносится на хостинг к заказчику, настраивается и тестируется.
Затем заказчик оплачивает проект.
Вроде все :)


Общие положения, информация для заказчика

1. Копирайт в виде текстовой ссылки на Вашем проекте - обязателен. Текст согласовывается. Оформление активной ссылки в <noindex> или rel="nofollow" также согласовывается.
2. В случае отказа от оплаты работы - макет или сайт выставляется на продажу или используется по нашему решению. Никаких прав без оплаты на данную работу Вы не имеете.
3. Возможно разбиение проекта на этапы, другими словами, Вы можете работать с дизайнером напрямую, оплачивать его работу непосредственно ему. В таком случае, оценка работы будет происходить после предоставления нам макета. Сюда же можно отнести работу, когда у Вас уже есть макет и его нужно "натянуть" на движок.
4. Мы за позитивное, долгое и плодотворное сотрудничество :)

 
⇑ Наверх