Смета на создание сайта образец excel
На прошлой неделе писал о запуске телеграм-канала с бесплатными типовыми ТЗ. Получил много обратной связи, что было бы не плохо, кроме описательной части ТЗ получить и понимание по прогнозу сметы на разработку. Сделал 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-таблицу. Затем аккаунт-менеджер голосом рассказывает о структуре документа, кратко проходится по функциям проекта и задает по ним уточняющие вопросы. Вносятся корректировки, и после разговора аккаунт составляет коммерческое предложение и отправляет его заказчику.
Дальше эта история может быть очень длинной. Бывает всякое: иногда на принятие решения заказчиком уходят месяцы. Тогда мы регулярно напоминаем о себе и спрашиваем о статусе проекта.
Что дальше?
Оплата за работу происходит поэтапно: сначала оплачиваются прототип и ТЗ (или только прототип), после чего составляется точная смета — без минимальной и максимальной границ, которая тоже презентуется заказчику. Эта смета всегда сравнивается с приблизительной, составленной на этапе пресейла: если оценка не попала в диапазон, обсуждаем, за счет чего сумма уменьшилась или увеличилась, смотрим, какие функции были добавлены, а какие моменты — не учтены изначально.
Зачем заказчику тратить время на обсуждение сметы?
Плюс к тому, в приблизительной смете можно быстро поменять данные и сразу же показать результат.
В-третьих, при обсуждении сметы можно оптимизировать стоимость проекта. Вместе с заказчиком мы смотрим, что можно убрать, что добавить, что перенести на этап развития сайта. При этом точную стоимость с точностью до рубля можно определить только после создания интерактивного прототипа.
Дина Руководитель проектов
Главное перед демонстрацией сметы — составить план разговора и стараться ему следовать. И обязательно отметить для себя ключевые места, которые не должны ускользнуть от внимания заказчика. Хорошо составленная предварительная смета сокращает время, которое потом потребуется на разработку прототипа и технического задания.
Читайте также: