Клиенты часто спрашивают, что на самом деле происходит между «дизайн выглядит отлично» и «сайт запущен». Вот процесс, который мы проходим в большинстве проектов, примерно по порядку.
Шаг 1 — зафиксировать структуру до полировки
Прежде чем делать какой-либо визуальный дизайн, мы прорабатываем структуру страницы: какие разделы есть, что каждый из них должен сообщать и в каком порядке. Менять структуру после визуального дизайна дорого, на стадии прототипа это почти ничего не стоит. Пропуск этого шага — самая частая причина того, что проект потом разрастается.
Шаг 2 — дизайн в компонентах, а не в страницах
Вместо того чтобы проектировать каждую страницу как отдельную работу, мы сначала создаём небольшую систему: кнопки, карточки, шкалу шрифтов, правила отступов, и собираем страницы из неё. Это сохраняет визуальную целостность сайта и значительно ускоряет разработку, потому что одни и те же компоненты используются повторно, а не создаются заново для каждой страницы.
Шаг 3 — разработка и дизайн идут параллельно
Мы не ждём, пока каждая страница будет полностью спроектирована, прежде чем написать первую строку кода. Когда основные компоненты и первые страницы утверждены, их разработка начинается, пока дизайн продолжается на остальных. Две фазы перекрываются, а не идут строго друг за другом, и именно здесь экономится значительная часть сроков.
Шаг 4 — контроль качества не финальный шаг, а постоянный процесс
Проверка на реальных устройствах, в реальных браузерах, при медленном соединении и в нештатных состояниях происходит на протяжении всей разработки, а не одним проходом в конце. Поймать ошибку вёрстки в день её появления занимает минуты. Поймать ту же ошибку после того, как поверх неё построили ещё двадцать страниц, занимает гораздо больше времени.
Шаг 5 — запуск это чек-лист, а не прыжок веры
Прежде чем что-либо выйдет в продакшен, мы проходим фиксированный чек-лист: формы действительно отправляют, аналитика подключена, мета-теги и sitemap есть, редиректы настроены (если это пересборка), SSL и DNS проверены. День запуска должен пройти без событий: волнению место в защите дизайна, а не в обнаружении того, что что-то сломано на продакшене.
Ничто из этих шагов не экзотично. Ценность в основном в том, что их выполняют в правильном порядке каждый раз, а не перескакивают вперёд, когда поджимает срок.