Практика показывает, что не все клиенты знают, как устроена разработка. Для них остаются непонятными главные аспекты создания web-продукта и образование цены. Но чем лаконичнее выглядит результат, тем больше сил тратится в процессе работы над проектом.
Разработка сайта – это трудоемкая деятельность, в которой задействованы аналитики, проджекты, UX/UI-дизайнеры, верстальщики, тестировщики, backend- и frontend-разработчики. Разберемся более подробно в том, что происходит на каждом этапе.
I. ВЫЯВЛЕНИЕ ОСНОВНЫХ ЗАДАЧ И СОСТАВЛЕНИЕ ТЗ
Техническое задание регламентирует ход разработки от начала и до конца. Оно включает в себя распределение обязанностей и учитывает возможные риски. Для правильного составления документа нужен опыт, который даст точное представление, как все будет происходить. Например, для дизайна обязательно предпроектное исследование: юзабилити-аудит, бизнес- и потребительский\конкурентный анализы.
II. ПРОТОТИПИРОВАНИЕ
Прототип сайта – это эскиз с уже проработанными пользовательскими сценариями: что будет, если посетитель нажмет на кнопку «заказать», захочет сравнить товар или оформить кредит. Просчитывается количество уникальных и типовых страниц и составляется информационная архитектура. На основе этого создается закрывающий все потребности пользователей интерфейс.
III. ДИЗАЙН-КОНЦЕПЦИЯ И АДАПТИВНОСТЬ
Разрабатывается визуализированный макет, который дает представление о том, как будет выглядеть web-продукт при запуске. В это же время идет подготовка типовых страниц, адаптированных под различные гаджеты.
IV. ВЕРСТКА САЙТА
Утвержденный дизайн-макет реализуется в виде кода, создаются страницы с помощью HTML и CSS-стилей. Все изображения сайта адаптируются под любой браузер и устройство: ПК, планшет, смартфон и прочий гаджет.
V. ПРОГРАММИРОВАНИЕ ФУНКЦИОНАЛА (BACKEND/FRONTEND)
Работа с внутренним программным наполнением сайта: система управления, база данных, механизмы загрузки и выгрузки, модули отправки уведомлений, писем, форм, заявок и другие. Эти действия «не видны» посетителям, но совершенно необходимы для функционирования сайта.
VI. ТЕСТИРОВАНИЕ САЙТА
Все, что сделано в процессе веб-разработки, подвергается тестированию. Оно включает в себя мануальную проверку пользовательского опыта и покрытие модулей юнит-тестами. Этим занимаются программисты, тестировщики и даже сам клиент.
VII. СДАЧА И ЗАПУСК
Перенос проекта на хостинг – сайт успешно стартует в сети. Разработчики либо передают доступы и прощаются, либо переходят на сотрудничество в качестве технической поддержки веб приложения.
