Как вести проект так, чтобы не утонуть в бесконечных доработках

«*Meta, которой принадлежит Instagram и Facebook, признана в России экстремистской организацией»

Как вести проект так, чтобы не утонуть в бесконечных доработках

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

Меня зовут Олег Николаев. Я веб-дизайнер и разработчик. Закрываю проекты под ключ: от логотипов до сайтов, приложений и платформ. Иногда работаю один, иногда с командой аутсорс-специалистов, но ответственность за результат всегда беру на себя. Поэтому я знаю, о чем говорю. Сохраняйте статью - она пригодится.

Шаг 1 Договориться на берегу

Как бы банально ни звучало, всегда нужно начинать с обсуждения деталей. Это очевидно, но именно здесь закладывается основа всего проекта. В процессе все равно появятся новые моменты и этого не избежать.

Важно помнить: дизайнер почти всегда опытнее клиента. Даже если для вас это первый проект, у заказчика опыта, скорее всего, меньше. Поэтому относитесь к нему терпеливо, без ожидания «обратной толерантности».

Мой совет - составьте максимально подробный бриф. Но не превращайте его в скучную гугл-форму. Сделайте процесс более живым: используйте мудборд, интерактивные примеры, карточки с визуалами. Это даст клиенту возможность вовлечься и понять, что именно он хочет.

Как вести проект так, чтобы не утонуть в бесконечных доработках

Для брифинга:

  1. Гугл форма
  2. Телеграм переписка (Если есть риск потерять человека, после увода из чата)
  3. Митинг и обсуждение

Для мудборда:

  1. Доска настроения на Беханс
  2. Пинтерест
  3. Ссылки на активные проекты (в редких случаях)

Шаг 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 разрешения экрана, а верстка должна учесть десятки. Тут нужна четкая связка дизайнера и разработчика.

Самый частый провал проекта - когда клиент нанимает дизайнера и разработчика отдельно, без связи между ними. В итоге все разваливается, и красивый макет превращается в нечто совсем другое.

У меня есть огромное количество проектов, которые были очень круто реализованы на этапе дизайне, а в продакш вышли “как вышли”.

Тут что я могу рекомендовать:

  1. Искать самому разраба, с которым будете пытаться сработаться
  2. Контролировать этап разработки самостоятельно (не всем подходит, больше походит на благотворительность)
  3. Брать контент от заказчика заранее. Часто качество контента, который мы ожидаем и закладываем в дизайн сильно отличается от финального результата. По опыту могу сказать, что только примерно 10% клиентов могут предоставить контент до старта работы дизайна. Это большая проблема и неудобство, но решить мы ее, к сожалению, не можем.

Шаг 8 Продакшн и финальные слова

Финальный этап - тестирование. Это скучно, но необходимо. Проверка логики, багов, адаптивности, нагрузок.

Именно здесь решается, будет ли проект рабочим. Запустить «на коленке» можно только заглушку. Полноценный продукт требует внимательной проверки.

Разработка сайта - это не «картинка за пару дней». Это полноценный процесс, требующий дисциплины и грамотной организации.

Мой главный вывод: ведите проект сами. Не только рисуйте, но и контролируйте сроки, процессы и коммуникацию с клиентом. Тогда вероятность «утонуть в доработках» будет минимальной.

Спасибо большое за то, что дочитали эту статью. Поддержите статью лайком - так ее увидит больше людей.

Подписывайся - делюсь бесплатными кейсами, гайдами по дизайну и разбором процессов

Основная соц сеть:

📲 Телеграм канал - мой главный источник контента (кейсы, разборы, личный опыт).

📸 Instagram - короткие ролики и сторис.

Дополнительный контент:

🎨 Behance - портфолио и свежие проекты.

🎥 Youtube - видеоразборы и туториалы.

💼 LinkedIn - для бизнес-контактов.

Medium — статьи на английском.

6
Начать дискуссию