Смета на создание сайта образец excel

Обновлено: 07.07.2024

На прошлой неделе писал о запуске телеграм-канала с бесплатными типовыми ТЗ. Получил много обратной связи, что было бы не плохо, кроме описательной части ТЗ получить и понимание по прогнозу сметы на разработку. Сделал excel-файл для самостоятельной оценки и в этой статье рассказываю как им пользоваться.

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

В качестве примера, для наглядности, взял последнее ТЗ, которое готовил для канала — MVP простенького мессенджера с групповыми переписками. Если кратко, то логика работы такая: пользователь авторизуется, заполняет свой профиль, может найти и общаться с другими пользователями, добавиться в групповой чат, либо создать собственный.

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

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

Дизайнер: 4 часа.
Вёрстальщик: 3 часа.
Программист серверной части: 4 часа.
Программист приложения: 3 часа (логика).
Программист приложения: 1 час (внедрение вёрстки в сборку).
Дополнительные функции —
Тестирование и отладка: 1час.

Теперь более развёрнутые комментарии что происходит на каждом этапе, что заложено в эту почасовку исполнителей и что делают Техдир и менеджер проекта.

Дизайн. Закладывается время на создание и 3 итерации правок. ПМ здесь контролирует всё ли соответствует ТЗ, а техдир, в самом конце дизайна, проверяет не ляпнул ли дизайнер какой-нибудь чудо-юдо анимации, которая похоронит весь тайминг. Этап не учитывается, если приложение делается на типовом внешнем виде фреймворка.

Вёрстка. Учтено время на само создание вёрстки экрана и исправление придирок техдира (чтоб у программиста не было проблем при внедрении) и ПМа (что-то съехало или не соответствует дизайну). Этап не учитывается, если приложение делается на типовом внешнем виде фреймворка.

Сборка серверной части. Сюда входит продумывание и согласование с техдиром архитектуры проекта, работа с настройкой полей БД, реализация серверных функций, подготовка документации для программиста приложения. Технический директор помогает, в основном, с архитектурой и проверяет итоговую реализацию.

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

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

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

Тестирование и отладка. Финальная проверка ПМом и багфикс допущенных ошибок.

Занимаясь интернет маркетингом рано или поздно осознаешь и понимаешь стоимость разработки сайта. Сейчас диапазон цен на создание сайта от 5 000 рублей до 3 млн, а иногда и выше. Чтобы разложить по полочкам почему так происходит я приведу несколько расчётов, что возможно вас натолкнет на ряд размышлений по этому поводу.

Отчасти статистика собрана по опыту собственной разработки и отзыв клиентов после получения коммерческого предложения или расчета стоимости разработки сайта. Цены я привел для Санкт-Петербурга, возможно в других городах чуть дешевле или дороже, но плюс-минус 30% разбег допускаю.

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

Цена рук и головы

В веб разработке самое главное это люди, поэтому стоит начать со стоимости специалистов. Открыв ХХ мы видим что средняя оплата труда специалистов веб-разработчиков 50-80 тыс. в месяц . Так же им необходимо создать условия для работы (офис, рабочее место, норм. компьютер, связь). Плюс к этому затраты на менеджеров по продажам, чтобы у специалистов было что делать. Плюс непроизводственный персонал или решения (бухгалтерия, crm, секретарь). В итоге один спец уже обходится в 70-110 тыс. в месяц и это минимум.

Цена часа работы веб-разработчика.

Полученную сумму делим на количество рабочих часов в месяц и получаем минимальную стоимость оплаты часа работы при создании сайта в 600 рублей (80 тыс / 20 дней в котором 7 часов непрерывной работы). Дальше самое интересное. Пол года потратил на то, чтобы выявить шаблоны и разобраться сколько времени нужно на создание сайта.

Сколько времени нужно на создание сайта?

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

Дизайн – 20 дней.
Дизайн не получается с первого раза, если сайты на потоке и более-менее понятно в каком русле нужно делать то уходит минимум 15 дней (5-6 на главную страницу, 5-6 на внутренние и еще 3-7 дней на доработки и замечания). Конечно тут не учитываем разные эффекты, 3D графику, сложные иллюстрации – все это долго и дорого и отбивает желание у клиента, когда он видит цифру. Так же дизайнеры рисуют все макеты для верстки (цвета кнопок, активные иконки, переходы и пр.).

Верстка – 5 дней.
Для того чтобы сверстать 5-10 разных макетов главной и внутренних страниц сайта требуется еще около пяти дней. Это если без сложных эффектов и адаптивной мобильной версии и анимацией.

Программирование и тест – 7 дней.
Теперь нужно все отладить и проверить, чтобы формы не съезжали, сайт открывался как надо, почта отправлялась, параллакс работал и т.д. В зависимости от выявленных косяков и времени на их доработку выходит еще 7-10 дней.

Управление проектом — на всем протяжении.
На всем периоде разработки сайта – должен быть человек, который видит конечную цель и способен вести работу до конца. Без менеджера или руководителя проекта – никуда.

По итогу время разработки сайта в среднем составляет 38 дней (и это при условии, что все будет происходить без вмешательства заказчика в прочее) Бывает, цвет кнопки и шапки согласовывается 1 месяц!
В среднем на сайт ушло 305 часа работы. Это для небольшого корпоративного сайта с индивидуальным решением в дизайне и структуре. (не шаблон).

Стоимость разработки сайта.

Получается 304 часа х 600 руб. = 182 400 руб . + заложим риски на переделки, если заказчик в очередной раз что-то надумает или передумает + бонус менеджеру по продажам и выйдет 200-220 тысяч.

При этом от клиента уже ждут маркетинговые исследования, план и позиционирование. Если анализ конкурентов не делает никто – получается красивый взгляд дизайнера на бизнес клиента или строгий и скучный взгляд программиста, зато все работает. Но ничего не продает по итогу).

Разброс цены на создание сайтов.

Промонторив 147 разработчиков сайтов появился своеобразная шкала цен, в которых существует разработка сайтов.

1 – диапазон 5 – 40 тыс. – тут только студии предлагающие уже готовые шаблоны сайтов с собственным коробочным продуктом (битрикс, мегагрупп, юми и пр…). Бывают попадаются качественные шаблоны и решения, однако редко и крайне мало. Индивидуальной разработки, ровно, как и анализа с заточкой под маркетинг тут не бывает и нет в принципе. Доработки сайта тут не предусмотрены, обычно просто подбирается более-менее понравившейся шаблон с готовой структурой под ваши задачи.

2- диапазон 180-900 тыс. В этом диапазоне работают профессиональные команды и более-менее вменяемые разработчики самоучки. За эти деньги обычно получается понятный и вменяемый результат под задачи заказчика, если заказчик не лезет всем носом в разработку.

3 – в диапазоне от миллиона и выше работают крупные студии из списка топ 20 tagline.

Пропасть между ценами на сайт.

Между диапазонами 1 и 2 нет предложения по разработке! Я имею в виду предложение на разработку индивидуального сайта. Сайты на шаблоне продаются дешевле и нет смысла за шаблон платить как за индивидуальную разработку сайта.
Индивидуальной разработки сайта в этом диапазоне нет, исходя из бюджета.
Бывает, удается получить индивидуальный проект за эти деньги, но тут либо студия или разработчик работает себе в убыток, но понимает это уже когда стало поздно и тут либо за свои деньги доведет проект до конца, либо бросит или вам делают шаблон. В первом случае вам повезло найти лоха и проехать на нем) во втором едут уже на вас.

Я первые свои три проекта сделал себе в огромный убыток, так как решил предложить индивидуальную разработку в диапазоне между 1 и 2. Первым моим заказчикам можно сказать повезло. Получить сайт себестоимостью в 250 и 320 тыс. за 100 и 130 — это большой подарок.

Что могу порекомендовать если вы хотите заказать разработку сайта:

Диапазон 1: выбирайте если у вас сжатые сроки (шаблонные сайты делаются за неделю). Либо у вас нет бюджета на диапазон 2, но стоит помнить, что потом в любом случае придется переделывать сайт, если бизнес ваш разрастется. Результат быстро, дешево и как у всех.

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

Диапазон 3: скорее всего не читают мой блог, тут все ясно дорого – долго – с понтами.

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

П.С. если бы сейчас разрабатывал свой первый сайт искал бы вместо дешевого дизайнера и верстальщика грамотного руководителя проекта, но в итоге всем повезло, пришлось самому им стать руководителем проектов. Будут вопросы - пишите в инсте max_skaii или ВК/skaim

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

Размер файла документа: 4,2 кб

Бланк документа

Сохраните этот документ у себя в удобном формате. Это бесплатно.

СМЕТА РАБОТ

Участие в проекте со стороны Исполнителя:

Руководитель проекта: ______________________________

Этапы работ - количество рабочих дней:

1. Разработка общей структуры сайта (согласование, утверждение).

2. Разработка принципов навигации.

3. Разработка ТЗ (согласование, утверждение).

4. Подбор цветов.

5. Разработка дизайна сайта (2 варианта с учетом доработки выбранного Заказчиком макета).

7. Тестирование сверстанного макета.

8. Проектирование и создание базы данных.

9. Адаптация существующего базового решения под настоящий проект, парсинг проекта (создание того, что будет видеть пользователь), адаптация существующего модуля администрирования, доработка модуля администрирования в соответствии с особенностями проекта, отладка, тестирование:

- разработка модуля "__________" в соответствии с ТЗ;

- разработка модуля "__________" в соответствии с ТЗ.

10. Внесение и оформление текстовой информации.

Итого ___ рабочих дней.

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

Средняя стоимость рабочего дня группы разработчиков ____ (___________) руб. __ коп. (включая _____ руб. НДС).

Общая стоимость разработки проекта, таким образом, составляет _____ (__________) руб. __ коп. (включая _____ руб. НДС).

* Нажимая на одну из этих кнопок, Вы помогаете формировать рейтинг полезности документов. Спасибо Вам!

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

У нас на сайте каждый может бесплатно скачать образец интересующего договора или образца документа, база договоров пополняется регулярно. В нашей базе более 5000 договоров и документов различного характера. Если вами замечена неточность в любом договоре, либо невозможность функции “скачать” какого-либо договора, обратитесь по контактным данным. Приятного времяпровождения!

Сегодня и навсегда — загрузите документ в удобном формате! Уникальная возможность скачать любой документ в DOC и PDF абсолютно бесплатно. Многие документы в таких форматах есть только у нас. После скачивания файла нажмите "Спасибо", это помогает нам формировать рейтинг всех документов в базе.

На этапе пресейла мы стараемся как можно более точно описать функции будущего проекта. Поэтому аккаунт-менеджер заваливает потенциального заказчика вопросами. В ответ мы часто получаем еще один вопрос: «Зачем столько обсуждений?».

Ищем истину в переговорах

Сначала выясняем, сколько вообще будет переговоров. До заключения договора потенциального заказчика ждут вот такие ступени:

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

Когда заказчик только-только попадает в цепкие лапы аккаунта, ему приходится подробно описывать задачу — мы очень много спрашиваем. В 90% случаев аккаунт-менеджер может назвать приблизительный диапазон стоимости проекта — от и до. Обычно для этого хватает двенадцатиминутного разговора.

Если вилка не вызывает у заказчика паники, мы переходим к следующим этапам. Сначала обсуждаем структуру — это опционально: показываем ее в google-таблице, вносим правки, задаем вопросы. В отдельных случаях можем сделать статичный прототип главной и нескольких внутренних страниц.

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

Как выглядит приблизительная смета?

Это google-таблица, в которой перечислены функции проекта и указана стоимость разработки по этапам. Обычно этапов четыре — прототипирование, дизайн, верстка и программирование. Вопросы к заказчику выносятся в графу «Комментарии», функции, требующие применения неизвестных технологий и методов обработки данных, выделяются красным цветом.

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

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

Тестирование и менеджмент

К разработке добавляется стоимость тестирования кода и менеджмента, к верстке — стоимость тестирования верстки. Мы закладываем по 20% на каждый из этих двух пунктов.

Потенциальный заказчик Недоумевая

Эй, вы что, берете с меня деньги за исправление своих собственных ошибок?

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

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

Как декомпозировать?

Сначала весь проект разбивается на крупные блоки — информационную часть, каталог продукции, личные кабинеты, интеграцию и так далее. Для каждого блока прописывается иерархия типов страниц, для каждой страницы — сложные компоненты и табы. Однотипные страницы объединяются в группы, например, в графе «Текстовая страница» будет перечень основных текстовых страниц проекта.

Диаграмма Ганта

Для наглядности в смету включается план-график запуска проекта, диаграмма Ганта с рабочими днями по оси Х и этапами по оси Y.

В смете выставляется оценка трудозатрат по каждой функции. Оценки суммируются по столбцам: аналитика, дизайн, верстка и программирование. Рабочие часы по каждому этапу выносятся в отдельную таблицу. В ней же рассчитываются рабочие дни (мы считаем, что специалисты тратят на работу над проектом 8 часов ежедневно).

Время старта первого этапа считается нулевым, затем — как сумма дней окончания предыдущего этапа и дней, необходимых на текущий этап.

Диаграмма строится по первым трем столбцам — этапам работ, времени старта, рабочим дням. Используется «Вставка / Диаграмма / Диаграммы / Линейчатая диаграмма с накоплением».

Презентация сметы заказчику

Каждая смета проекта обсуждается по телефону или skype. Примерно за 5–10 минут до разговора заказчику отправляется ссылка на google-таблицу. Затем аккаунт-менеджер голосом рассказывает о структуре документа, кратко проходится по функциям проекта и задает по ним уточняющие вопросы. Вносятся корректировки, и после разговора аккаунт составляет коммерческое предложение и отправляет его заказчику.

Дальше эта история может быть очень длинной. Бывает всякое: иногда на принятие решения заказчиком уходят месяцы. Тогда мы регулярно напоминаем о себе и спрашиваем о статусе проекта.

Что дальше?

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

Зачем заказчику тратить время на обсуждение сметы?

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

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

Дина Руководитель проектов

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

Читайте также: