Верстка сайта. Процесс от А до Я

В этой статье расскажу, как происходит верстка сайта.

Дизайн

Заказчик передает тебе файл с макетом сайта. Сейчас почти все используют figma, но бывают файлы в .psd или .xd. Для их просмотра можно использовать программу Avocode (но она платная)

Техническое задание

Для корректной оценки проекта необходимо ТЗ. Это текстовый файлик, в котором заказчик написал все, что нужно сделать.

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

Оценка проекта

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

Главное, не нарушать сроки!

Верстка проекта

Делай качественную верстку. После тебя, верстку могут посадить на CMS, скорее всего будут менять текст и картинки, и разработчикам будет очень неприятно, если твоя верстка сломается. Также будет плюсом промежуточное демонстрирование работы, так заказчик сразу может выявить проблемы и недочеты. Если своего хостинга нет, то загрузи работу на github.pages (бесплатный хостинг)

Тестирование верстки

Тестируй верстку, почитать об этом можно тут: статья про тестирование

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

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

Передача проекта заказчику

После того, как заказчик оплатил всю сумму, передай ему архив с версткой.

Файлы scss, gulp, pug и т.п. передавать не нужно, только, если заказчик сам не попросит. Передавать нужно html, css, js файлы, картинки и шрифты.