Как вести проект так, чтобы не утонуть в бесконечных доработках
«*Meta, которой принадлежит Instagram и Facebook, признана в России экстремистской организацией»
Этот пост о том, как организовать процесс разработки сайта так, чтобы не увязнуть в вечных правках и сдать проект в срок. Всё основано на моём личном опыте.
Меня зовут Олег Николаев. Я веб-дизайнер и разработчик. Закрываю проекты под ключ: от логотипов до сайтов, приложений и платформ. Иногда работаю один, иногда с командой аутсорс-специалистов, но ответственность за результат всегда беру на себя. Поэтому я знаю, о чем говорю. Сохраняйте статью - она пригодится.
Шаг 1 Договориться на берегу
Как бы банально ни звучало, всегда нужно начинать с обсуждения деталей. Это очевидно, но именно здесь закладывается основа всего проекта. В процессе все равно появятся новые моменты и этого не избежать.
Важно помнить: дизайнер почти всегда опытнее клиента. Даже если для вас это первый проект, у заказчика опыта, скорее всего, меньше. Поэтому относитесь к нему терпеливо, без ожидания «обратной толерантности».
Мой совет - составьте максимально подробный бриф. Но не превращайте его в скучную гугл-форму. Сделайте процесс более живым: используйте мудборд, интерактивные примеры, карточки с визуалами. Это даст клиенту возможность вовлечься и понять, что именно он хочет.
Для брифинга:
- Гугл форма
- Телеграм переписка (Если есть риск потерять человека, после увода из чата)
- Митинг и обсуждение
Для мудборда:
- Доска настроения на Беханс
- Пинтерест
- Ссылки на активные проекты (в редких случаях)
Шаг 2 Договор и составление Roadmap
Любой проект дольше двух рабочих дней я обязательно заношу в roadmap (я веду их в Notion). Это обязательный инструмент. Многие игнорируют, но зря.
Главный принцип: не ставьте «честные» сроки. Если задача реально занимает два дня - в roadmap дайте четыре. Это не значит затягивать проект, это значит учитывать непредвиденные факторы. Главное - держать финальный дедлайн.
После согласования roadmap я всегда перехожу к договору. И работаю только по договору. Это дисциплинирует и меня, и заказчика.
Для roadmap:
Notion - Бесплатной версии будет достаточно для ведения проекта
Шаг 3 Структура и Мудборд
На этом этапе начинается сама работа над проектом.
- Для лендингов можно сразу переходить к дизайну.
- Для сложных проектов - собираем мудборд и дерево страниц (или хотя бы блоков).
Не используйте абстрактные формулировки вроде «люкс», «премиум» и т. п. Лучше соберите конкретные примеры, что нравится, а что нет, и утвердите с клиентом визуальное направление.
Wireframes полезны, но не всегда обязательны. Иногда достаточно структуры или дерева страниц.
Для проектирования логики:
FigJam (Говорят Miro классный, но я привык к FigJam)
Wireframes - Figma и только она.
Шаг 4 Главный экран
Самый трудный этап - дизайн главной страницы. У меня бывало, что я переделывал ее больше 10 раз, пока не добивался результата.
Здесь важно помнить: если вы согласовали мудборд с клиентом, он ожидает именно то, что видел там. Даже если вы сделали шедевр в стиле «артхаус», но показывали минимализм, скорее всего, клиент будет недоволен.
Главное - уметь аргументировать свой дизайн. Дизайнер обязан не только рисовать, но и защищать свою концепцию. Клиент ориентируется по принципу «нравится / не нравится», и именно вы должны объяснять, почему решение рабочее или почему правка навредит проекту.
Я для себя давно решил: если клиент мне не доверяет - я с ним не работаю. Это экономит и силы, и нервы.
Шаг 5 Дизайн всех остальных страниц
Этот этап я делаю следующим. Тут очень простая позиция. Главная согласована и я пониманию, какой визуал нравится мне, нравится клиенту, в каком направлении двигаемся, структура у меня уже есть, если контент есть - то вообще идеально. Как итог попасть в визуал - очень просто.
Для сложных проектов (e-commerce, порталы, веб-приложения) я делю этап на подблоки:
- карточка товара и каталог,
- личный кабинет,
- внутренние разделы.
Так проще контролировать крупные элементы и логику.
Шаг 6 Дизайн мобильной версии
Раньше мобильный дизайн был «обрезанной» копией десктопа. Сейчас это отдельное направление.
Я не сторонник подхода mobile first, но уделять мобильной версии внимание нужно все больше. Там действуют свои правила:
- скорость загрузки,
- удобство навигации,
- что-то скрыть, что-то переставить местами, что-то упростить.
Важно помнить: мобильная версия - это не мобильное приложение. Но она все больше уходит в самостоятельный продукт.
Шаг 7 Верстка и разработка
Для многих заказчиков этот этап - темный лес. Но именно здесь дизайн оживает.
Дизайн обычно делается под 3/4 разрешения экрана, а верстка должна учесть десятки. Тут нужна четкая связка дизайнера и разработчика.
Самый частый провал проекта - когда клиент нанимает дизайнера и разработчика отдельно, без связи между ними. В итоге все разваливается, и красивый макет превращается в нечто совсем другое.
У меня есть огромное количество проектов, которые были очень круто реализованы на этапе дизайне, а в продакш вышли “как вышли”.
Тут что я могу рекомендовать:
- Искать самому разраба, с которым будете пытаться сработаться
- Контролировать этап разработки самостоятельно (не всем подходит, больше походит на благотворительность)
- Брать контент от заказчика заранее. Часто качество контента, который мы ожидаем и закладываем в дизайн сильно отличается от финального результата. По опыту могу сказать, что только примерно 10% клиентов могут предоставить контент до старта работы дизайна. Это большая проблема и неудобство, но решить мы ее, к сожалению, не можем.
Шаг 8 Продакшн и финальные слова
Финальный этап - тестирование. Это скучно, но необходимо. Проверка логики, багов, адаптивности, нагрузок.
Именно здесь решается, будет ли проект рабочим. Запустить «на коленке» можно только заглушку. Полноценный продукт требует внимательной проверки.
Разработка сайта - это не «картинка за пару дней». Это полноценный процесс, требующий дисциплины и грамотной организации.
Мой главный вывод: ведите проект сами. Не только рисуйте, но и контролируйте сроки, процессы и коммуникацию с клиентом. Тогда вероятность «утонуть в доработках» будет минимальной.
Спасибо большое за то, что дочитали эту статью. Поддержите статью лайком - так ее увидит больше людей.
Подписывайся - делюсь бесплатными кейсами, гайдами по дизайну и разбором процессов
Основная соц сеть:
📲 Телеграм канал - мой главный источник контента (кейсы, разборы, личный опыт).
📸 Instagram - короткие ролики и сторис.
Дополнительный контент:
🎨 Behance - портфолио и свежие проекты.
🎥 Youtube - видеоразборы и туториалы.
💼 LinkedIn - для бизнес-контактов.
✍ Medium — статьи на английском.