Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Назад

Коммерческое предложение на разработку сайта

Скачать (4.39 Мб)

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

Подробный мануал по составлению коммерческого предложения на веб-разработку. Создан при содействии опытных юристов и digital-специалистов. Образец КП можно открыть в Google Docs.
98051 

Вступление

После прочтения данного материала у вас на руках будет шаблон, а также представление о том, как правильно подготовить коммерческое предложение (КП) на создание сайта для потенциального заказчика. Хотите увеличить количество лидов в своей воронке продаж? Обратите внимание на нашу тендерную площадку – только реальные проекты от частных заказчиков, которые готовы обратиться к надежным веб-подрядчикам.

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

Общие правила

Коммерческое предложение как один из основных инструментов продаж является стандартом отрасли. Разумеется, на рынке иногда заключаются сделки, в рамках которых подрядчик не демонстрирует клиенту КП. Но это очень редкие исключения. В большинстве случаев данный документ – это обязательный атрибут для продавца, который нацелен на выполнение плана.

Что нужно учитывать при работе с ним:

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

  2. В идеале КП нужно не отправлять, а презентовать, комментируя содержание каждого слайда.

  3. Универсального КП в природе не существует – всегда нужно брать в расчет бизнес-модель, подход к проектам, позиционирование, ценовой сегмент, особенности продукта.

  4. Любой корпоративный документ должен создаваться в фирменном стиле вашей компании. Логотип в нескольких цветовых формах, типографика, цветовая схема – минимальный набор, который нужен для формирования айдентики. Именно по нему вас будет узнавать целевая аудитория.

  5. Общая структура и очередность подачи информации в КП следующее:

    1. Демонстрация ценности:

      1. Компания.

      2. Продукт.

      3. Люди.

      4. Опыт.

      5. Репутация / Признание рынка.

    2. Демонстрация цены.

    3. Призыв к действию.

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

  7. Формат для работы с файлом определяется следующим образом:

    1. Формирование документа лучше всего производить в программе либо сервисе, где доступно быстрое, гибкое, визуальное форматирование. Microsoft Word либо Google Документы, к сожалению, плохо подходят для данной цели. Оптимальный вариант – решения для сборки презентаций. Еще лучше – если у вас есть дизайнер, который может оформить КП в специальном графическом редакторе.

    2. Презентацию рекомендуется проводить, используя те же Microsoft PowerPoint, Keynote либо Google Презентации. Во-первых, так удобнее пролистывать слайды полностью (по сравнению с плавной горизонтальной прокруткой). И, во-вторых, есть возможность сохранить эффекты, добавленные между слайдами.

Договор на разработку сайта: подробная инструкция по составлению и образец Читайте также: Договор на разработку сайта: подробная инструкция по составлению и образец

Первый титульный слайд

Каждая страница коммерческого предложения должна продавать. И титульник – не исключение.

Мы рекомендуем отразить в нем следующее:

  1. Ваше УТП / позиционирование (чтобы клиент понимал, чем вы отличаетесь от других аналогичных исполнителей). Вспоминаем, что первая из аббревиатуры буква означает «уникальность». Значит, это должно быть не просто общее «Хорошие сайты для хороших компаний», а действительно то, что отличает вас хотя бы от 95% конкурентов.

  2. Краткое обозначение предмета презентации (услуги). Некоторые клиенты запрашивают КП на разные услуги у разных узкоспециализированных команд. Поэтому всегда полезно напомнить, о чем именно идет речь, чтобы заказчик не запутался и не забыл формулировку своей изначальной задачи, с которой он пришел к вам.

  3. Минимальная персонализация под клиента – например, скриншот старого сайта (если речь идет о редизайне).

  4. Место вашей компании в географическом либо специализированном срезе (по версии рейтингов). Нужно не стесняться рассказывать о своих достижениях, тем более если они подкреплены конкретными объективными оценками.

Содержание

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

Следующий слайд носит обязательный характер, если документ состоит из 7 и более разделов. Содержание облегчает навигацию по КП, структурируя информацию. Только желательно разграничить его на 2 блока, дабы объяснить клиенту, что самое интересное – это не предпоследняя страница с указанием цен и сроков, а основная часть документа, в которой доносится ценность предложения.

Совет для клиента №1:

Обращайте внимание, насколько подробно прорабатывают КП ваши кандидаты в подрядчики. Если исполнители уделяют на подготовку, как минимум, несколько дней, и презентуют вам решение, подробно рассказывая о разных аспектах работы, значит, они заинтересованы в вашем проекте и (с большей долей вероятности) не скупятся на времязатраты на пресейле. Разумеется, это не гарантирует 100%-го качественного результата, но зато может оцениваться как дополнительный фактор в копилку для принятия решения.

О компании

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

Цифры и факты, связанные с вашей деятельностью, – одно из лучших доказательств экспертизы. Приведенный выше список не является заключительным – вы можете указать в нем любые цифры, которые соответствуют следующим критериям:

  • Реалистичность (без преувеличений).

  • Точность (все, что может быть подсчитано с точностью до единиц, лучше указывать именно так).

  • Отражение экспертизы / опыта. Если вы напишите, что сотрудники в процессе работы над проектами выпили 1 536 чашек кофе (это старый добрый прием у нас в digital), то это вряд ли скажет клиенту о чем-то, кроме вашего чувства юмора. Хотя в то же время это не отменяет того, что заказчика нужно располагать к своему продукту в том числе и на эмоциональном уровне, ведь вы продаете в первую очередь человеку.

  • Востребованность / Актуальность для целевой аудитории. Ценность того, о чем вы пишете, должна быть понятна для контактного лица. Количество строк кода ничего не значит для секретаря или бухгалтера, которому руководитель доверил сбор информации.

  • Релевантность позиционированию. Факты должны подкреплять ваше УТП, не идя вразрез с ним. Например, если у вас конвейер с большим количеством типовых решений, то убеждать клиента в абсолютной бескрайней гибкости и индивидуальном подходе будет неправильно.

Оптимальное количество пунктов для рассказа о компании – от 3 до 6. Больше – воспринимается сложнее (теряется фокус).

Описание задачи

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

Описывая основные постулаты проекта, вы еще раз проговариваете изначальные требования клиента (чтобы достичь взаимопонимания) и предлагаете дополнительные идеи, которые будут полезны исходя из вашего экспертного мнения.

И эту историю важно разделять:

  1. Есть общая формулировка, описывающая исходную задачу.

  2. Коммерческие цели компании. Об этом говорят многие ваши коллеги, но далеко не все делают это правильно: важно учитывать несколько разных KPI, которые связаны с сайтом. В идеале их всегда нужно оцифровывать, сравнивая текущие значения и целевые. Но в то же время подчеркивать, что речь не идет о гарантиях, потому что есть много факторов, не зависящих от разработчиков.

  3. И пользовательские цели. К сожалению, об аудитории сайта зачастую говорят только вскользь. Все участники процесса понимают, что сайт разрабатывается для конечных пользователей, но далеко не всегда фиксируют это в виде конкретных целей. И зря. Потому что это крайне важно – сделать успешный качественный сайт без учета интересов пользователей практически невозможно. По крайней мере, мы не знаем ни одного подобного случая.

Очевидно, что 2-й и 3-й пункты связаны: если сделать проект с учетом последнего, то это обязательно положительно скажется на достижении бизнес-показателей.

Маркетинговый анализ

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

Один из немногих способов продемонстрировать клиенту, что вы еще на этапе пресейла начали погружаться в его проект, изучая сферу бизнеса, – это подготовить маркетинговый анализ. Часть полученных данных может быть использована для убеждения клиента в необходимости вложений в разработку сайта, а другая часть – для более детального изучения тематики (что однозначно пригодится в случае, если вы выиграете сделку).

Что можно отразить в анализе:

  1. Текущее положение компании в Интернете.

  2. Предложение (продукт / услуга) клиента, его конкурентоспособность.

  3. Поведение целевой аудитории. Ее мотивы, привычки, ожидания.

  4. Предложения конкурентов, их маркетинговая активность.

  5. Рынок (оценки, тенденции, прогнозы).

  6. География – перспективы выхода на новые рынки (столица / регионы / зарубежные страны).

Концепция сайта

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

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

  • Прототип страницы.

  • Структура сайта в mind-map.

  • Перечисление списком функционала и ключевого содержимого блоков.

Важно понимать, что концепция – это глобальное описание сути проекта. Трата большого количества времени на детализацию здесь не нужна. Не забывайте, что вы в рамках данной работы не рисуете макеты на конкурс – это совсем другая история.

Идеи для реализации

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

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

Как генерировать идеи? Во-первых, не нужно изобретать велосипед. Пройдитесь по сайтам компаний с аналогичным продуктом / услугами – наверняка вы найдете там то, что подтолкнет вас на решения, которые будут релевантны для данного заказчика. Во-вторых, отталкивайтесь от задач и «болей». Позади брифинг (надеемся, что вы провели его на «отлично»), маркетинговый анализ, около десятка готовых слайдов. Вы уже должны полностью понимать потребности всех сторон этого проекта. Осталось только найти для них решения. А решения (возвращаемся к предыдущему пункту) зачастую бывают прямо «на виду»: иногда их можно черпать даже из маркетплейсов или зарубежных сайтов (в том числе по другим тематикам).

Совет для клиента №2:

Не тратьте время на поиск в Яндекс / Google – сделайте процесс подбора подрядчиков более систематизированным с помощью каталога веб-разработчиков Workspace.

Состав работ

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

С составом работ все предельно просто: здесь вы перечисляете основные этапы разработки. Чем более детализирован процесс, тем лучше. Только учитывайте уровень веб-грамотности заказчика либо контактного лица, которое будет изучать данный документ.

Если классический вид списка работ в вашем случае слабо применим или считается слишком архаичным (допустим, вы делаете сложные веб-сервисы, где невозможно разделить весь проект подобным образом), то лучше используйте данный слайд для описания работ над отдельными частями проекта – например, в разрезе функционала.

Технологии

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

Когда для клиента важен вопрос выбора технологий (представим, что он выбирает между несколькими популярными CMS), то вам необходимо защитить свое решение, продемонстрировав его ключевые преимущества.

Сотрудники

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

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

Кейсы

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

И, конечно же, кейсы. Обычно КП не подразумевает подробного описания всех работ – логичнее всего сделать это на отдельной странице в рамках сайта. Но краткая версия, подкрепляющая ваш опыт, все-таки имеет место быть.

Так как сайт сам по себе без подключения каналов трафика не является лидогенерирующим инструментом, его качество зачастую сложно оцифровать (а это нам в данном случае и нужно). Разумеется, вы можете указать данные из Яндекс.Метрики: среднее время просмотра сайта, количество посещаемых страниц, конверсию по целям. Но в некоторых случаях этого недостаточно: показатели могут быть не рекордными либо просто близкими к среднерыночным. В таком случае необходимо задействовать другие факты. Приведенные на скриншоте примеры вполне актуальны. Указывайте те стороны проекта, которые являются выдающимися – например, количество посетителей (для сервисов с высокой нагрузкой), оценку пользователей (если она не получена, то не поленитесь заняться сбором фокус-группы), конкурсные награды и номинации.

Совет для клиента №3:

Описание кейсов зачастую отражает то, насколько исполнители любят свои работы и гордятся ими. Если компании есть, что рассказать, то, скорее всего, вы не испытаете «информационного голода», просматривая (или прослушивая) презентацию их решения.

Клиенты

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

В качестве кейсов достаточно выбрать 3-4 наиболее близких по тематике проекта. Остальные – проще указать в виде набора логотипов.

Отзывы

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

И сразу же подкрепляйте свое портфолио отзывами клиентов (в идеале – тех, чьи кейсы вы описывали выше).

Награды

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

Регалии важны относительно не только отдельных работ, но и всей компании. Подтверждайте свои места / звания дипломами и сертификатами – это всегда производит положительное впечатление на заказчика.

Совет для клиента №4:

Награды отражают не только частные успехи подрядчика, но и его общий масштаб деятельности, а также уровень внешних коммуникаций. Обращайте внимание также на узкие срезы (подробнее о них вы можете узнать на другом нашем проекте – «Рейтинг Рунета»).

Ответы на вопросы

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

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

  1. Будет хорошей профилактикой возражений.

  2. Спасет от лишних времязатрат в рамках разбора вопросов после просмотра предложения.

Бриф по разработке сайта Читайте также: Бриф по разработке сайта

Условия работы

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

И только после всего вышеперечисленного, сформировав для клиента ценность, мы озвучиваем условия работы. При этом данный слайд должен содержать не только цену: заказчик должен понимать, что у любой задачи есть и другие условия выполнения (сроки, объем работ, правила оплаты). Если проект с точки зрения реализации очень большой, то иногда имеет смысл на первом этапе рассчитать смету только для MVP (минимально жизнеспособного продукта) либо для одного из этапов разработки (например, подготовка ТЗ).

Контактная информация

Коммерческое предложение на разработку сайта: инструкция по составлению плюс шаблон для скачивания

И в самом конце мы указываем контакты, чтобы клиент мог обратиться и продолжить диалог, перейдя к следующему логическому этапу (чаще всего это подготовка договора).

* Скриншоты взяты из нашего собственного шаблона КП, составленного специалистами тендерной площадки Workspace. Скачать его в формате PowerPoint вы можете по ссылке ниже:

98065
Поделиться: 378 398 386

Вам может быть интересно

Договор на разработку сайта: подробная инструкция по составлению и образец

Образец договора на оказание услуг по веб-разработке с соответствующими приложениями, а также подробнейшая инструкция по их заполнению. Материал, составленный опытными юристами и разработчиками, учитывает интересы как подрядчиков, так и заказчиков сайтов.

Договор на техническую поддержку сайта: образец и инструкция по заполнению

Мануал по составлению взаимовыгодного договора на техподдержку сайта, составленный экспертами в области веб-разработки и IT-юриспруденции. К статье прилагается образец соответствующего договора и приложений,  которые можно использовать в работе.