Как генеральный директор агентства по разработке веб-сайтов, я имею доступ к большому количеству данных о том, сколько времени занимает создание типичного индивидуального веб-сайта.
Наши веб-разработчики из White Label Agency создали более 4000 из них для цифровых агентств по всему миру с момента нашей работы в 2013 году.
На написание кода большинства этих сайтов ушло менее 100 часов, возможно, потому, что это самый распространенный тип веб-сайтов, над которыми мы работаем.
Сейчас мы не занимаемся веб-дизайном, поэтому я не могу говорить об этом этапе проекта веб-сайта, и у меня нет сопоставимых данных по всем нашим проектам разработки, но у меня их достаточно, чтобы дать вам довольно хорошее представление. представление о том, сколько времени потребуется для написания кода типичного веб-сайта после создания макетов дизайна.
Оценивая время, необходимое для правильного написания кода веб-сайта, вы можете помочь владельцам бизнеса спланировать, какие объемы им понадобятся для следующего редизайна веб-сайта, а также помочь агентствам и разработчикам установить цены и реалистичные ожидания в отношении сроков.
Я видел слишком много случаев, когда покупатель веб-сайта ожидал, что веб-сайт будет готов в течение двух недель, или когда менеджеры проектов отвечали за проекты, которые их директора продали слишком дешево.
Эта статья даст вам ценную информацию, которая поможет вам избежать этих препятствий. Как мы обсудим позже, время, необходимое для написания кода веб-сайта, зависит в первую очередь от объема проекта, опыта разработчика и ожиданий от качества.
Но прежде чем мы углубимся в подробности наших собственных данных, давайте сначала определим, как были созданы эти веб-сайты, и основные факторы, влияющие на время разработки.
Категоризация веб-сайтов
Говоря о веб-разработке, важно определить, о каком типе веб-сайтов вы говорите.
Веб-сайты могут быть очень разными по объему, сложности и навыкам, необходимым для их создания, поэтому простая система категоризации поможет вам это понять.
Мне нравится классифицировать веб-сайты следующим образом.
1. Размещенные веб-сайты с функцией перетаскивания
В первую категорию входят такие хостинговые сервисы «Настройте свой веб-сайт за 5 минут», как Wix, Squarespace и WordPress.org.
Не имея технических навыков, вы получите шаблон, который можно стилизовать и наполнить контентом и изображениями, чтобы он выглядел красиво.
Обычное время разработки: 2–20 часов
2 Настройки темы
Вторая категория характерна для простых веб-сайтов, где вы покупаете тему (или загружаете бесплатную), которую можете размещать где угодно.
Стоимость изменения дизайна веб-сайта и его настройки самостоятельно варьируется от нескольких сотен долларов до примерно 3000 долларов.
Многие сайты WordPress построены таким образом с использованием тем, например. ThemeForest, но вы также можете создать сайт на Hubspot с помощью их премиальной программы.
Обычное время разработки: 10–40 часов
3 Разработка индивидуальных тем
В третьей категории веб-сайтов вы найдете собственные веб-сайты, созданные на базе CMS, чаще всего на WordPress, поэтому мы специализируемся на этой CMS.
Вместо того, чтобы получать шаблонное решение, дизайнер готовит уникальные проекты, которые разработчик затем кодирует как индивидуальный веб-сайт.
Обычное время разработки: 16–200 часов
4 Корпоративные веб-сайты
Последняя категория - это веб-сайты корпоративного уровня, требования к которым в целом гораздо больше. Сложность таких построений затрудняет их оценку, и у нас самих недостаточно данных для дальнейшей разработки.
Обычное время разработки: 200-2000 часов
Сколько времени нужно разработчикам, чтобы написать собственный веб-сайт?
Наши данные о том, сколько времени наши разработчики тратят на кодирование веб-сайтов, основаны на проектах «разработки индивидуальных тем», поскольку это наша основная услуга.
Хотя все наши веб-сайты были созданы на WordPress, по моему опыту, данные вполне репрезентативны для других решений CMS, таких как Drupal или HubSpot.
За исключением более продвинутых функций, требующих плагинов или индивидуальной разработки, работа по разработке на этих платформах во многом аналогична: сочетание внешней разработки и обеспечения правильного отображения контента из CMS.
Чтобы упростить обсуждение, давайте посмотрим, сколько времени требуется для создания типичного «веб-сайта-брошюры» без какой-либо расширенной функциональности; всего шесть различных шаблонов страниц, которые можно разработать на основе индивидуального веб-дизайна.
Вероятно, на создание собственной темы WordPress уйдет 40 часов:
- Дома: 10 часов
- Обзор услуг: 6 часов
- Детали обслуживания: 4 часа
- Обзор блога: 6 часов
- Сообщение в блоге: 4 часа
- Свяжитесь с нами: 4 часа
- Адаптивные просмотры: 6 часов
Настройка установки и исправление отзывов клиентов входят в эти номера.
Как мы пришли к этой сумме? Смотрим:
- Объем проекта
- Уровень опыта разработчика
- Ожидания по качеству
Объем проекта
Чтобы узнать, является ли проект «40-часовым проектом» или нет, сначала важно проанализировать объем и требования.
Я собрал данные из 133 проектов, которые мы продали как 40-часовые проекты, и проанализировал, сколько шаблонов страниц мы вписали в эти предложения. Они распределяются следующим образом:
Большинство сайтов имели 5-7 шаблонов страниц, но есть сайты, которые используют в дизайне очень простые, но уникальные страницы (2 часа каждая).
В качестве справки, вот основные факторы объема, которые повлияют на ожидаемое время кодирования:
- Объем
- Количество шаблонов страниц: добавьте 4–8 часов каждый
- WooCommerce: добавьте 20–60 часов
- Анимации: добавьте 8-20 часов
- Расширенные фильтры: добавьте 2–12 часов
- Миграция контента: добавьте 20 минут на страницу
- Сложность дизайна: добавьте 10-30% для сложного фона и дизайна
- Сложность структуры контента: добавьте 4–20 часов
- Требование к идеальному пикселю: добавьте 20% или больше, если необходима совместимость с устаревшими браузерами
- Индивидуальный адаптивный дизайн: добавьте 10–30%, если есть отдельные дизайны для мобильных устройств и планшетов
- Запросы на изменение: добавьте 20 часов, если вашему клиенту разрешено запрашивать изменения после начала разработки. Некоторые запросы на изменения могут показаться тривиальными, но они занимают много времени.
- Настройка серверной части
- ACF: наше значение по умолчанию, включено в 40h
- Конструктор страниц: то же самое, если разработчик имеет в этом опыт, в противном случае добавьте 10h
- Премиум-тема: без изменений, если для нее подготовлен дизайн, в противном случае добавьте 8-30 часов
Как вы понимаете, больше настроек означает больше времени и усилий. Все эти элементы увеличивают продолжительность сборки, поскольку требуют более пристального и уникального внимания со стороны застройщика. Им также потребуется дополнительный контроль качества.
Опытные разработчики, менеджеры проектов и агентства, продающие веб-сайты, будут учитывать это при составлении проекта для клиента, но владельцу бизнеса может быть трудно увидеть, как складываются мелкие функции.
Небольшой веб-сайт может занять вдвое больше времени, если вы добавите запросы для расширенной фильтрации и идеального выполнения до пикселя во всех браузерах.
Неопытные разработчики и менеджеры проектов могут поддаться искушению добавить такие возможности бесплатно, чтобы порадовать своих клиентов, только чтобы потом понять, что это съело всю их прибыль от проекта или даже больше.
Уровень опыта
Для 133 веб-сайтов, которые мы продали как 40-часовые проекты, я проанализировал, сколько времени мы на самом деле потратили на них (см. гистограмму).
На самом деле мы часто проводим более 40 часов, и общее количество потраченного времени равномерно распределяется между 40–100 часами. Обратите внимание, что это часто включает в себя несколько дополнительных часов, потраченных на бесплатные дополнительные запросы.
Для одного и того же проекта уровень опыта разработчика будет иметь большое влияние на время, необходимое для завершения сборки.
Мы разделяем наших разработчиков на младших, средних и старших.
У младшего разработчика около года опыта программирования, у среднего - 2-3 года, а у старшего - более пяти.
Основываясь на наших данных по проектам всех размеров, мы видим, что эффективность веб-разработчика увеличивается примерно на 20-30% за год опыта.
Включая исправление отзывов наших клиентов, вот сколько времени обычно требуется нашим разработчикам для разработки «40-часового» проекта от начала до конца:
- Младший разработчик: 65 часов
- Средний разработчик: 50 часов
- Старший разработчик: 40 часов
Эти цифры предполагают, что проекту не требуется функционал, выходящий за рамки возможностей младшего разработчика.
Если это так, проект может занять гораздо больше времени, поскольку разработчикам необходимо самообучаться, чтобы выполнить работу.
Присмотревшись к данным, можно заметить, что значительная часть дополнительного времени, которое менее опытные разработчики тратят, приходится на фазу обратной связи. Вот сколько времени в среднем разработчики потратили на этап обратной связи для 40-часового эталонного проекта:
- Младший разработчик: 14 часов
- Средний разработчик: 8 часов
- Старший разработчик: 7 часов
У нас есть команда специалистов по обеспечению качества, но нам еще предстоит выяснить, как выявить все недостатки, прежде чем отправлять сайты на проверку клиенту.
Для младших разработчиков не только будет упущено больше вещей, но и им потребуется больше времени, чтобы их исправить.
Ожидания по качеству
Последний фактор, влияющий на время разработки, связан с детальным выполнением проекта. Я сама могу быть перфекционистом, но немного чаще, чем следовало бы, поэтому, когда я что-то покупаю, я обычно ожидаю отличного качества.
За прошедшие годы мы поняли, что качество обуви, автомобилей, фотоаппаратов и других товаров часто связано с ценой. Есть исключения, но, как правило, более дорогой продукт обычно означает, что он был изготовлен из более качественных материалов или более опытными мастерами.
Большинству людей не хватает опыта, чтобы знать, какого уровня качества ожидать от веб-сайта. Есть разработчики, которым нравится делать каждую строку кода уникальной и настолько хорошей, насколько это возможно, но за такой уровень дополнительной точности и оригинальности приходится платить.
На типе веб-сайтов, которые мы обсуждаем, качество отображается как:
- Идеальное выравнивание и расстояние между всеми элементами сайта
- Оптимизация во всех браузерах и устройствах
- Быстрая и плавная анимация
- Веб-сайт загружается мгновенно (вот пример шагов, необходимых для получения идеального показателя скорости страницы)
- Логичная и простая в навигации административная панель
- Простота обслуживания
Это качества веб-сайта, которые остаются незамеченными большинством посетителей сайта, если только ваши продукты и услуги сами по себе не очень высокого класса, но они влияют на ваш опыт и производительность в долгосрочной перспективе.
Я понимаю, что каждый владелец бизнеса скажет, что его продукты не заслуживают ничего, кроме самого лучшего от своего веб-сайта, но обязательно проверьте свой бюджет, прежде чем запрашивать такой уровень качества у своего веб-агентства. Их по умолчанию, скорее всего, будет хороший баланс между качеством и бюджетом.
Примеры проектов для иллюстрации
Вот несколько примеров, иллюстрирующих, как объем влияет на расчетное время разработки:
Пример |
Объем |
Расчет |
Старший разработчик (h) |
Средний уровень (h) |
Младший разработчик (h) |
| 1 | 8-страничный (шаблоны) сайт | 40ч + 36ч | 58h | 72ч | 86h |
| 2 | 5-страничный веб-сайт с индивидуальным мобильным дизайном и анимацией | 40ч120% + 8ч | 56h | 70ч | 84h |
| 3 | 15-страничный веб-сайт с переносом контента существующего блога на 100 страниц | 40ч + 106ч + 1000.3ч | 130ч | 156h | 190ч |
Чтобы помочь нашим клиентам получить приблизительную оценку при подготовке цен на редизайн веб-сайта, мы создали простой калькулятор времени веб-разработки, где вы можете опробовать свои собственные проекты.
Индивидуальные различия
Помимо уровня опыта, разработчики имеют разные характеристики того, как они пишут код, а также, возможно, разные уровни мотивации.
Мы ясно видели, как некоторые разработчики намного быстрее своих коллег завершают работу над сайтом до первой проверки (разница целых 30-40%).
К сожалению, очень быстрая разработка часто означает больше ошибок, которые нашей внутренней команде качества приходится устранять, прежде чем мы сможем отправить сайт нашим клиентам.
Даже если разработчик получит хороший общий показатель эффективности, это отнимет время у других членов команды и рискует нарушить процесс.
Разработчики, которые быстры и внимательны к деталям, скорее всего, скоро получат повышение.
Заключительные мысли
Можно с достаточной точностью предсказать, сколько времени понадобится разработчику на создание веб-сайта, если это не слишком сложно.
Чтобы знать, какую цену и сроки ожидать при заказе веб-сайта, вам необходимо учитывать объем сайта и ваши ожидания по качеству, а также помнить, что не все разработчики работают одинаково быстро.
В заключение, ожидайте, что на создание шаблонного веб-сайта из 6–8 страниц уйдет 40–100 часов, и подумайте дважды, прежде чем начинать требовать изменений или расстраиваться из-за небольших недостатков.
Вы можете их заметить, но посетители вашего сайта, скорее всего, не будут настолько доверять мнению вашего агентства.
Если вашему сайту требуется больше функций и страниц, теперь у вас есть руководство, позволяющее самостоятельно рассчитать, как это может повлиять на вашу цену и сроки.