Как оценивать проекты веб-дизайна (не теряя денег)

Пошаговое руководство по оценке проектов веб-дизайна — от расчёта часов на каждую фазу до постановки целей по марже и избегания самых частых ошибок в ценообразовании.

Большинство агентств недооценивают проекты веб-дизайна. Они прикидывают часы на дизайн и разработку, добавляют буфер и называют это сметой. Что они забывают: управление проектом, правки, QA, коммуникацию с клиентом и ввод контента. Результат? Проекты, которые выглядят прибыльными на бумаге, но теряют деньги на практике.

Когда вы оцениваете только видимую работу — дизайны, код, запуск — вы упускаете 30–40% фактических усилий. Статус-звонки, циклы обратной связи, возня с контентом и QA не выставляют себе счета сами. Они либо поглощаются как убыток, либо делаются в спешке, что вредит качеству и отношениям с клиентом.

Решение не в том, чтобы работать усерднее или срезать углы. Оно в построении процесса ценообразования, который учитывает каждую фазу проекта — включая невидимую работу, которую клиенты никогда не видят, но которая съедает вашу маржу. Это руководство проведёт вас через этот процесс с реальными цифрами и конкретным примером, который можно адаптировать под вашу следующую смету.

Разбивка по фазам

У каждого проекта веб-дизайна одни и те же фазы. Часы варьируются в зависимости от объёма и сложности, но структура — нет. Вот что закладывать в бюджет для каждой:

Исследование и стратегия (8–16 часов)
Стартовые встречи, интервью со стейкхолдерами, анализ конкурентов, карта сайта, контент-стратегия и технические требования. Небольшим сайтам нужно меньше; сложным проектам с несколькими стейкхолдерами нужно больше. Не пропускайте исследование ради экономии времени — плохо очерченный проект обойдётся вдвое дороже в правках позже. Заложите 2–4 часа на старт и согласование со стейкхолдерами, 4–8 часов на исследование и карту сайта, и 2–4 часа на технические требования и планирование контента.

Дизайн — вайрфреймы + визуал (20–40 часов)
Вайрфреймы, визуальный дизайн, библиотеки компонентов и передача дизайна. Сайт-визитка на 5 страниц может уложиться в 20–25 часов; сайт на 15 страниц с кастомными шаблонами может дойти до 40+. Учтите раунды правок: большинству клиентов нужно как минимум два раунда обратной связи до утверждения.

Разработка (30–60 часов)
Фронтенд-сборка, настройка CMS, интеграции, адаптивная реализация и базовая оптимизация производительности. Кастомный функционал, анимации и сторонние интеграции быстро добавляют время. Если клиент хочет кастомную контактную форму, интеграцию рассылки или синхронизацию с CRM, добавляйте часы явно — не считайте, что это «включено». Простая статическая сборка на 5 страниц может занять 25–30 часов; добавьте 10–15 часов на настройку CMS и 5–10 часов на каждую крупную интеграцию.

Ввод контента и правки (10–20 часов)
Ввод контента, предоставленного клиентом, правки текстов, оптимизация изображений и раунды правок. Большинство агентств недооценивают это. Клиенты редко предоставляют контент вовремя или в нужном формате. Ожидайте, что придётся выпрашивать тексты, менять размеры изображений и переформатировать таблицы. Заложите 2–4 часа на страницу на ввод контента и правки в типичном проекте.

QA и запуск (8–16 часов)
Кросс-браузерное тестирование, мобильное тестирование, проверки доступности, ревью на staging, DNS/SSL и поддержка при запуске. Не пропускайте это — проблемы в день запуска обходятся дорого. Сломанная форма или сломанная вёрстка в первый же день подрывают доверие и порождают экстренные запросы в поддержку, которые вы не заложили в цену.

Управление проектом (15–20% от общего)
Статус-звонки, треды почты, координация обратной связи, управление сроками и внутренняя координация. Это не опционально. Добавьте 15–20% от общего числа часов проекта как накладные на PM. Если ваш проект — 100 часов исполнительской работы, планируйте 15–20 часов PM. Агентства, которые пропускают это, в итоге получают проджект-менеджеров, работающих бесплатно.

Разобранный пример: оценка бизнес-сайта на 5 страниц

Оценим типичный бизнес-сайт на 5 страниц: Главная, О нас, Услуги, Кейсы, Контакты. Без электронной коммерции, без сложных интеграций. Стандартная CMS (например, WordPress или кастомная), адаптивный дизайн, базовая контактная форма и контент, предоставленный клиентом.

Оценки по фазам:

Почему такие цифры? Исследование: 12 часов покрывают старт, интервью со стейкхолдерами, карту сайта и технические требования. Дизайн: 30 часов на вайрфреймы, визуальный дизайн и два раунда правок. Разработка: 40 часов на сборку, настройку CMS, адаптивную реализацию и базовое тестирование. Ввод контента: 15 часов на выпрашивание текстов, форматирование и оптимизацию изображений. QA: 10 часов на кросс-браузерное тестирование, проверку на мобильных и поддержку запуска. PM: 15% от 107 = 16 часов на статус-звонки, почту и координацию.

Расчёт себестоимости:
Предположим смешанную ставку команды $100/час (дизайнер + разработчик + PM, включая накладные):

123 часа × $100/час = $12 300 себестоимость

Целевая маржа:
Если вы хотите 55% маржи поставки (то есть 55% цены — это прибыль после затрат на поставку):

Цена = Себестоимость ÷ (1 − Маржа)
Цена = $12 300 ÷ (1 − 0,55)
Цена = $12 300 ÷ 0,45
Цена = $27 333

Округлите до $27 500 для аккуратного числа для клиента. При такой цене ваша себестоимость — $12 300, а прибыль — $15 200 — маржа 55%.

Опциональный буфер объёма:
Если вы добавляете 15% буфера на расползание объёма и перерасход по правкам:

$27 500 × 1,15 = $31 625 → округлить до $31 500

Используйте буфер, когда не уверены в объёме или работаете с клиентом, который склонен запрашивать изменения. Для хорошо очерченного проекта с чётким документом об объёме базовой цены может быть достаточно.

А если ваша смешанная ставка выше? При $125/час себестоимость = $15 375. При 55% марже: $15 375 ÷ 0,45 = $34 167 → округлить до $34 500. При $150/час себестоимость = $18 450. При 55% марже: $18 450 ÷ 0,45 = $41 000. Подгоняйте цифры под ваши фактические затраты на команду.

Как представить цену: Привяжите смету к детальному документу об объёме. Перечислите каждую страницу, каждый результат и каждую фазу. Когда клиент видит «$27 500» рядом с «сайт на 5 страниц с исследованием, дизайном, разработкой, вводом контента, QA и запуском», он понимает, за что платит. Расплывчатые сметы приглашают расползание объёма; детальные объёмы защищают вашу маржу.

5 самых частых ошибок в ценообразовании

1. Не брать плату за время на управление проектом
PM не бесплатен. Статус-звонки, почта, циклы обратной связи и координация складываются. Типичный проект на 100 часов может потребовать 15–20 часов PM — статус-звонки, треды почты, сбор обратной связи, обновления сроков и внутренние передачи. Заложите 15–20% накладных на PM в каждую смету, иначе вы поглотите их как убыток. Проджект-менеджеры, работающие бесплатно, не масштабируются.

2. Давать неограниченные раунды правок
«Два раунда правок» — это стандарт. «Неограниченные правки» — это рецепт эрозии маржи. Клиенты, получившие неограниченные правки, часто запрашивают пять или шесть раундов. Каждый раунд сжигает время дизайна и разработки. Определите раунды в документе об объёме — например, «Два раунда правок на страницу» — и берите плату за дополнительные раунды через change-orders. Третий раунд может добавить 5–10 часов; оцените его и получите одобрение перед началом.

3. Недооценивать ввод контента и QA
Клиенты редко предоставляют контент вовремя или в нужном формате. Вы будете выпрашивать тексты, переформатировать документы Word, менять размеры изображений и чинить битые ссылки. Заложите 10–20 часов на ввод контента, оптимизацию изображений и циклы правок. QA и поддержка запуска часто занимают 8–16 часов — кросс-браузерное тестирование, проверки на мобильных, ревью на staging, DNS/SSL и поддержка запуска. Не пропускайте их. Баги в день запуска дороги и позорны.

4. Использовать джуниорскую ставку, когда работать будут сеньоры
Если работу будут делать ваш старший дизайнер и разработчик, используйте смешанную ставку, отражающую их стоимость. Старший дизайнер может стоить $80/час с накладными; джуниор — $45/час. Ставить цену по джуниорским ставкам, назначая сеньоров, гарантирует убыток. Знайте вашу истинную смешанную ставку (зарплата + льготы + накладные ÷ оплачиваемые часы) и используйте её в каждой смете.

5. Забывать очертить, что исключено
Перечислите, что не включено: текущая поддержка, хостинг, копирайтинг, фотография, видео, SEO, настройка аналитики, обучение сверх X часов. Явные исключения предотвращают расползание объёма и неловкие разговоры позже. Когда клиент просит «просто быстрый SEO-аудит» или «можете добавить видео на главную?», вы можете указать на документ об объёме и сказать: «Это вне объёма — вот change-order». Простой раздел «Исключено» в вашем предложении экономит бесчисленные часы неоплачиваемой работы.

Как защитить маржу после сметы

Правильно оценить — половина дела. Защитить эту маржу в ходе проекта — вторая половина. Расползание объёма не объявляет о себе — оно приходит как «просто ещё одна вещь» и «а можете ещё…». Вот как защитить вашу маржу:

Change-orders:
Любая работа вне исходного объёма оформляется change-order. Определите процесс в договоре: клиент одобряет письменно, вы добавляете часы и стоимость, затем приступаете. Никаких «быстрых правок» без документирования. Change-order не обязан быть формальным — письма с текстом «По итогам нашего звонка добавляю 8 часов на интеграцию рассылки по $100/час = $800. Приступаю после вашего подтверждения» достаточно. Ключ — письменное одобрение до того, как вы сделаете работу.

Еженедельные обзоры времени:
Сравнивайте фактические часы со сметой каждую неделю. Если вы сжигаете исследование или дизайн быстрее запланированного, отметьте это рано. Может, клиент добавил стейкхолдеров, или контент-стратегия сложнее ожидаемого. Скорректируйте объём или сообщите клиенту, пока вы не превысили на 20 часов. «Мы на 5 часов превысили по исследованию — вот что мы выяснили и что рекомендуем» проще, чем «Мы превысили на 20 часов и нужно обсудить объём».

Помильное выставление счетов:
Выставляйте счета на ключевых вехах (например, 30% на старте, 40% при утверждении дизайна, 30% при запуске) вместо одной суммы в конце. Это улучшает денежный поток и вскрывает проблемы с объёмом раньше. Если клиент упирается на помильном платеже — это сигнал. Если он продолжает запрашивать изменения до утверждения дизайна, вы можете сделать паузу и обсудить объём, прежде чем сжигать больше часов разработки.

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

Этот процесс ценообразования вписывается в полное руководство по прибыльности агентства. Используйте наш шаблон объёма работ для документирования того, что включено. Проверьте свои цифры с помощью калькулятора прибыльности проекта. И отслеживайте часы по фазам с помощью калькулятора оплачиваемых часов.