Виды сайтов
Чтобы у нас была полная картина, кратко разберем 3 вида набора технологий, на которых разрабатываются сайты:
- Конструктор
- CMS система
- Фреймворки
Конструкторы сайтов
Самые известные ( которые на слуху ) Wix или Tilda. Главное отличие сайтов на конструкторах — скорость. Такие сервисы предоставляют набор готовых решений от шаблонов сайтов до модулей из которых можно быстро собрать сайт, просто заполнив его информацией.
В последнее время на конструкторах можно собирать все более сложные сайты, не только Landing’и , но и интернет-магазины. Главный минус — сайт физически не ваш, вы не сможете перенести его на хостинг и потом дорабатывать по вашему желанию
CMS система
Это самое популярное решение ( если брать выборку общего числа сайтов и сайтов на CMS ).
CMS — это система управления сайтом. Самые популярные:
- Wordrpess
- Bitrix
- Opencart
- Joomla
Главное преимущество — это гибкость, вы можете масштабировать сайт как угодно, при этом с точки зрения программирования у вас много готовых элементов ( меню, типы записей, регистрация/авторизация, есть готовые решения для интернет-магазинов ) и вам не нужно разрабатывать их заново.
Также у вас есть готовая административная панель для управления сайтом.
На таких CMS легко разрабатывать проекты любой сложности: от посадочных страниц, интернет -магазинов , до высоконагруженных сервисов.
Фреймворк
это обширная структура, предоставляющая набор инструментов, библиотек и правил для разработки приложений
Если говорить глобально, то это самый дорогой вариант для разработки веб — проектов. Фреймворк дает функциональную библиотеку каких — то решений для разработчиков, который позволяют очень гибки разрабывать сайты и сервисы в зависимости от целей и задач.
Самые известные и популярные:
- Laravel
- React
- Angular
- Express
- Django
Фреймворки чаше выбирают для разработки высоконагруженных сервисов и стартапов, основное отличие этого решения от CMS и конструкторов — это необходимость разработки всего: админки сайта, кастомных разделов, функционала регистрации/авторизации, форм заявок, кастомных типов записей, разработка и проектирование БД.
Команда разработки
Рассмотрим структуру команды для разработки простых сайтов и сервисов на фреймворках.
Сайт на CMS ( интернет — магазин или корпоративный )
- Project — менеджер
- Дизайнер
- Разработчик
- Копирайтер
- Сео — специалист
- Контекстный специалист
Сервис на фреймворке
- Prodact — менеджер
- Дизайнер
- Разработчик Frontend
- Разработчик Backend
- Копирайтер
- Сео-специалист
- Контекстный специалист
Конечно это все в идеальной картине мира. По сути один человек с опытом может закрыть большую часть команды. Я например, закрываю обязаности Project / Prodact — менеджера, разработчика, сео — специалиста ( базово ), поэтому при разработке в команде у меня дизайнер, сео и контекстный специалисты ( по необходимости ).
При разработке проекта на фреймворке вам обязательно нужен Prodact — менеджер, который будет заниматься управлением и развитием проекта, разработчики ( желательно Frontend и Backend специалисты, но можно и Fullstack — разработчика, но так проект будет дольше разрабатываться ), дизайнеры и сео — специалист.
Этапы
- Сбор информации о компании
- Анализ конкурентов
- Разработка структуры проекта, проектирование ( проектируем техническую сторону: выбираем Cms, фреймворк, набор технических библиотек и языков )
- Wireframe ( прототипирование сайта )
- Дизайн
- Разработка Frontend и Backend
- Сео — работы
- Тестирование / доработка
- Заливаем в production ( публикуем сайт и отправляем на индексацию )
Стоимость разработки
Распишем два вида стоимости разработки проекта, основываясь на предыдущем разделе. Этапы разработки везде одинаковые, но стоимость этапов разница от сложности сервиса ( корпоративный сайт, конечно, будет дешевле интернет — магазина ).
Поэтому рассчитаем стоимость абстрактного проекта — «Сервис онлайн записи на прием к психотерапевту». На этом сервисе есть список врачей, статьи, личный кабинет и возможность записываться на прием.
Разработка на CMS
| Вид работ | Описание | Стоимость |
| Сбор информации, анализ конкурентов, управление | Вся управленческая работа ( руководитель, product / project менеджер ). Рассчитываем среднюю стоимость на основе: срок разработки 1.5 месяца, стоимость часа ~1200 р, рабочие часы в неделю от 6 до 10 ( в среднем ). ( Я на своих проектах сам занимаюсь управлением, поэтому часто эта сумма снижается в два раза ) | ~ 60.000 р |
| Структура, проектирование, прототипирование | Вся проектная работа. Разработка структуры сайта, вложенности страниц и взаимодействия разделов друг с другом. Разработка прототипов сайта совместно с UX — специалистом ( схематическое формирование будушего сайта, на этом этапе максимально просто и дешево что-то менять или добавлять ) Проектирование архитектуры сайта ( Техническая часть того, как будет организован код вашего сайта, это упрощает поддержку и масштабирование проекта в будущем ) Вообще все эти работы могут иметь свою часовую ставку ( в зависимости от опыта специалиста ), но тут обобщим в среднюю ~2500-3500 р. По срокам условно можно сделать за 20 часов, в зависимости от сложности сервиса, кол-ва уникальных страниц и корректировок | ~ 50.000 р |
| Дизайн | Зависит от сложности, кол-ва уникальных страниц на сайте, кол-ва правок, уникальности проекта и дизайна. Ставка у каждого дизайнера разная и я обычно узнаю стоимость за весь проект сразу. Стоимость берем за 3 экрана: мобилка, планшет, десктоп. ( Лайвхак: чаще всего среднего уровня проекты не требуют прорисовки мобилки, они интуитивно понятны и легко перестраиваются на основе похожих сайтов. Опытный разработчик легко справится без макетов, поэтому можно сильно сэкономить, сделав только десктопную версию ) | ~ 70.000 |
| Разработка Frontend | Разработка пользовательского интерфейса ( верстка, адаптация, работа интеграции с backend ) | ~ 100.000 |
| Разработка Backend | Разработка клиентской части ( доработка администартивной панели и функциональной части сайта, интеграции, работа с API ) | ~ 90.000 |
| Сео | Безовое сео делается всегда, это включается в стоимость разработки. Сео — это работы в долгую, они не делаются один раз и потом автоматически работают. Сео — специалист должен работать с проектом в течении нескольких месяцев и наблюдать динамику индексации и изменения позиций страниц сайта. Оцениваем средную стоимость работ такого специалиста в месяц ( в месяц в среднем работа занимают 15 часов ). Стоимость за этот этап я не включаю в итоговую оценку | ~ 30.000 |
| Тестировка / доработка | Чаще всего Bugfix ( исправление ) ошибок и проблем | Бесплатно |
| Публикация сайта | Если у вас простой хостинг, и нужно только залить файлы сайта, без настройки сервера или настройки связи с удаленным репозиторием или прочим, то это бесплатно. В случае каких-либо сложностей и доп. работ по проекту стоимость также фиксируется от 10.000 р | ~ 10.000 |
| Итого: | ~ 410.000 |
Разработка на Фреймворке
| Вид работ | Описание | Стоимость |
| Сбор информации, анализ конкурентов, управление | Вся управленческая работа ( руководитель, product — менеджер ). | ~ 100.000 р |
| Структура, проектирование, прототипирование | Вся проектная работа. Разработка структуры сайта, вложенности страниц и взаимодействия разделов друг с другом. Разработка прототипов сайта совместно с UX — специалистом ( схематическое формирование будушего сайта, на этом этапе максимально просто и дешево что-то менять или добавлять ) Проектирование архитектуры сайта ( Техническая часть того, как будет организован код вашего сайта, это упрощает поддержку и масштабирование проекта в будущем ) | ~ 100.000 р |
| Дизайн | Минимальная стоимость дизайна, с небольшим кол-вом уникальных страниц | ~ 100.000 р |
| Разработка Frontend | Большой объем работы. Разработка функциональных модулей, верстка пользовательского интерфейса и административной панели. Работа с API backend’а. | ~ 240.000 р |
| Разработка Backend | Большой объем работы. Необходимо разрабатывать много модулей, интеграций и проектировать БД. Бюджет взят минимальный и может меняться в зависимости от сложности функционала. | ~ 220.000 р |
| Сео | Является непрерывным и важным процессов для развития проектов на фреймворках. Необходимо на протяжении всего времени развития проекта заниматься сео-продвижением, этот бюджет может менять, так как сами работы могут быть от 2-6 часов в неделю. | ~ 100.000 р |
| Тестировка / доработка | Обычно на таких проектах настраивается CI/CD процесс разработки / развертывания и входит в стоимость разработки | Бесплатно |
| Публикация сайта | Такие проекты длятся долго, поэтому часто сайт публикуется после успешной MVP, а потом просто выгружаются новые, функциональные модули. Поэтому такие работы изначально включаются в почасовую оплату разработчиков | Бесплатно |
| Итого: | ~ 860.000 р |
В итоге видно, что разработка на фреймворке в два раза ( иногда и больше ) дороже чем разработка на готовых CMS системах.
Более того, можно сократить расходы:
- Приоритезировать разрабатываемый функционал. Выделить необходимый для запуска, а остальное разрабатывать постепенно
- Правильно собрав команду. Если нанимать специалистов широкого спектра, но несколько позиций можно закрыть один человеком, это немного сэкономит бюджет на зп
Это может помочь сэкономить до 15% на разработку проекта.
