Варианты разработки сайта

4103 Андрей Батурин, 26 мая, 2021

Андрей Батурин

Рассмотрим варианты разработки сайтов в двух аспектах.

Сначала разберемся, что можно сделать самому, а что — делегировать. Затем рассмотрим, какие есть варианты технической разработки сайта или на чем можно сделать сайт.

Если до этого момента вы не сталкивались с разработкой сайтов, рекомендуем прочитать статью “Этапы создания сайта”.

Варианты того, кто сделает сайт

Сделать самому.
Заказать.

a. У нескольких фрилансеров, а самому руководить процессом

b. У команды с фриланса

c. В веб-студии

1. Сделать самому

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

Такой сайт проще всего разработать на конструкторе. Если есть желание не платить за использование конструктора, то можно использовать бесплатную CMS и плагин, превращающий ее в конструктор (п.2.2.1.).

Более сложные проекты рекомендуем заказывать у профессионалов.

2. Заказать

В этом варианте вы обращаетесь за разработкой к профессионалам. Варианта два: либо идти на фриланс, либо обращаться в веб-студию.

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

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

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

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

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

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

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

Теперь давайте посмотрим, как технически можно сделать сайт.

Технические варианты разработки сайта

На конструкторе сайтов
На базе CMS
2.1. Самописные CMS
2.2. Бесплатные (Open source) CMS
2.2.1. Бесплатная CMS + конструктор сайта (плагин)
2.3. Платные CMS
2.4. CMS со свободной лицензией
Писать сайт с нуля

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

На этапе проектирования от общих пожеланий приходим к формулированию четкого задания на разработку (ТЗ).

Давайте рассмотрим, какие есть варианты реализации ТЗ. Начнем с наиболее простого.

1. Конструктор сайтов

Это онлайн-сервис, который позволяет без знания программирования создавать, редактировать и администрировать сайт.

Действительно, простой сайт вы сможете сделать самостоятельно, потратив на это от 3 часов.

Конструкторы сайтов бесплатно предоставляют ограниченный функционал, а за полноценное использование сайта вам придется платить. На момент написания статьи месячная стоимость размещения одного сайта и доступ к полному функционалу конструктора на одном из самых популярных конструкторов Tilda - 750 рублей.

Разработку сайта на конструкторе также можно заказать у фрилансера или в студии. При этом варианте вам удастся сэкономить — в таком проекте не требуется участие программиста, а это экономит около 30% от общего объема. Но не забывайте, что по этой же причине вы очень ограничены в функционале.

Плюсы:

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

Минусы:

нужно оплачивать каждый месяц работы сайта, например, сайт на “Тильде” при ежемесячном платеже обойдется в 9 000 рублей за год;
если делаете сами, то будете ограничены шаблонными решениями и точно не получится сделать что-то интересное;
вы ограничены функционалом конструктора, для каких-то проектов это критично;
сложность администрирования сайта, многие вещи неочевидны и неудобны, в итоге может потребоваться дополнительное время на выполнение несложных операций на сайте - добавление новостей, изменение контента, и т.п.;
некоторые конструкторы не позволяют перенести сайт на другой хостинг

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

у фрилансеров от 5 000 рублей;
у студии от 50 000 рублей.

Когда и кому подходит вариант:

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

Наш опыт

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

Примеры сайтов на конструкторе:

удостоверения-спб.рф — одностраничный сайт с уникальным дизайном. Кстати, в Яндексе по запросу “удостоверение спб” сайт находится на первой позиции по Санкт-Петербургу. Да, у него очень “правильный” домен, но в то же время это говорит о том, что реализация сайта на конструкторе не ухудшила показатели сайта для SEO.

wedipost.ru —одностраничный сайт центра предпочтовой подготовки с уникальным дизайном. Выглядит стильно и лаконично и так же, как предыдущий пример, занимает первую строчку выдачи по запросу “центр предпочтовой подготовки”. В обоих случаях активное SEO продвижение не проводилось.

rocket-foods.ru — одностраничный промо-сайт с уникальным дизайном и добавлением анимации.

Вывод

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

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

2. Разработка на основе CMS

На рынке более 350 CMS. У каждой из них свои особенности, которые обусловлены задачами, под которые были созданы эти системы. В статье дам общее представление без деталей.

Система управления контентом (Content management system, CMS) — это программа, с помощью которой вы можете управлять содержимым сайта.

По факту, это программа, в которой уже реализована некая основа, с помощью которой можно управлять будущим сайтом. Например, система хранения информации, интерфейс для управления контентом сайта, процедура доступа к редактированию информации и т.д.

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

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

Давайте посмотрим, как можно классифицировать CMS.

2.1. Самописные CMS

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

Особенности

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

Опыт

Мы начинали работу с использования самописной CMS в 2007 году. Наш программист стал изучать язык php. Когда его обучение закончилось, ему не захотелось учить что-то новое — было проще и понятнее использовать свои наработки. На них он сделал первый сайт. Все отлично! Сайт работает. Следующий сайт был очень похож на первый. И опять проще было доработать имеющуюся CMS. Но ее удобство для сопровождения сайта оставляло желать лучшего. Но самой важной проблемой было то, что когда мы сделали около 10 сайтов таким образом, их стали взламывать. А поскольку я нес за это ответственность, нам приходилось постоянно их восстанавливать.

Поэтому вскоре мы отказались от самописной CMS и остановили свой выбор на CMS Umbraco. В ней понравилась сама идеология разработчиков — они делали “удобную для сопровождения CMS” т.е. в отличие от подавляющего большинства разработчиков CMS прежде всего позаботились о тех, для кого делают сайты. А не о тех, кто их делает.

2.2. Бесплатные (Open source) CMS

К этому варианту относятся Open source CMS. Такие системы являются плодом коллективного творчества. Они не являются чьей-либо собственностью, а в ее развитии участвует команда энтузиастов, которая выполняет ее доработки и обновления. Любой желающий может ее скачать и использовать так, как ему захочется. Примеры: WordPress, Joomla, MODX, Opencart и т.д.

Особенности этого варианта

За использование CMS не надо платить.
Сайт на готовом шаблоне можно сделать дешево и быстро.
Сделать сайт самому - не лучший вариант, лучше найти разработчиков с опытом.
Много готовых модулей, бесплатных и платных.
Много готовых шаблонов.
Требуется повышенное внимание к безопасности.
Сайт требует регулярного обновления версии CMS.
Много разработчиков — вы не привязаны к подрядчику. Поскольку начать делать сайт легко, на рынке очень много специалистов. К сожалению, большая часть из них — низкой квалификации.
Админка неудобна. Эти CMS завоевали популярность благодаря удобству для разработки, при этом удобство работы с сайтом был не в приоритете. В итоге получив сайт за копейки можно столкнуться с ситуацией когда на выполнение элементарных операций вам будет требоваться много времени. Также запутанность админки может привести к совершению фатальных ошибок, когда вы случайно что-то сломаете, и сайт перестает работать.
Требуется внимание к параметрам, влияющим на SEO. У некоторых CMS в базе нет функционала для управлениям параметрами страниц, важными для SEO. Это легко решается установкой модулей.
При неверном подходе к разработке могут возникать не очевидные для клиента проблемы, которые сложно заметить сразу, но которые точно негативно повлияют на позиции сайта в результатах поисковой выдачи. Например, может быть дубляж страниц.
У CMS нет владельца. Поэтому если что-то пойдет не так, то спросить вы сможете только с разработчиков.
Нет единых стандартов разработки. У многих CMS нет жестких требований, как надо создавать на них сайты. Из-за этого сайт, сделанный одним разработчиком, может быть непонятен для другого разработчика.

Опыт

Сделали около 7 сайтов на CMS MODX.

MODX — ужасен для сопровождения сайта. По готовности сайта мы проводим встречу с клиентом и рассказываем ему, как управлять сайтом. На подобную встречу по обучению работе с сайтом на MODX уходило не менее одного часа. После чего клиент примерно раз в месяц обращался с вопросами, как и где можно поменять контент. Для сравнения, на обучение работе с Umbraco уходит около 15 минут или клиенты сами разбираются, и встреча не требуется. В дальнейшем вопросы по работе с админкой задавали всего пару раз.

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

В итоге мы отказались от использования Open source продуктов и создаем сайты на CMS Umbraco или пишем их с нуля. За все время работы с Umbraco не был взломан ни один сайт, а пользователи положительно отзываются о простоте сопровождения сайта.

Вывод

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

2.2.1. Бесплатная CMS + конструктор сайта (плагин)

Основой сайта является open source CMS, к которой подключается плагин, позволяющий работать с CMS, как с конструктором. Создание сайта происходит в удобном интерфейсе. Код знать не нужно.

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

Особенности бесплатной версии плагина

Можно сделать самому, но установка CMS потребует дополнительных знаний.
Более 30 элементов для создания страниц.
Гибкие настройки шрифта, элементов, секций, колонок.
Есть настройки адаптивности для контроля за отображением сайта на разных устройствах.
Много готовых шаблонов.
Плагин переведен на русский язык.
Встроена история изменений - можно вернуться к предыдущей версии.
Реализованы анимационные эффекты появления.

Элементы для создания страниц бесплатной версии плагина

Особенности платной версии плагина

Входит функционал бесплатной версии.
Добавлено еще 30 элементов для создания страниц.
Добавлены поп-ап окна, которые можно создать из шаблона или самому и управлять логикой их работы.
Есть конструктор форм — можно делать под свои задачи.
Можно задать единую тему страницам, формам, шапке и подвалу — это упростит разработку многостраничного сайта.
Реализованы продвинутые эффекты движения, параллакс и mouse effect.
Выходят постоянные обновления.
Есть служба поддержки.
Плагин платный, оплачивается за год, если не продлить — недоступны поддержка и обновления.

Элементы для создания страниц платной версии плагина

Выводы

Использование плагина превращает CMS в конструктор. Это значительно упрощает процесс создания сайта, позволяет сделать сайт самому — без вложений или с доплатой за расширенный функционал. В отличие от конструктора, нет обязательной ежемесячной оплаты. При длительном использовании сэкономите приличную сумму. Но не забываем, что в отличие от конструктора на вас ложится установка CMS, подключение плагина, настройка домена, добавление счетчиков. Это не сложно. Но если делать это впервые, процесс займет какое-то время. Также помните об особенностях Open source CMS (п.2.2.).

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

2.3. Платные CMS

Это коммерческий проект, принадлежащий компании-разработчику. Для разработки сайта на таких система необходимо оплатить право ее использование и в дальнейшем ежегодно продлевать лицензию. Очевидно, что стоимость CMS включается в стоимость разработки. Наиболее популярной коммерческой CMS в России является Битрикс.

Особенности

За использование CMS надо платить. Оплачивается покупка и продление лицензии, без которой невозможно обновить версию системы и поддерживать ее безопасность.
Много разработчиков. Вы не останетесь без помощи. Главное — выбрать квалифированных.
Дороговизна разработчиков = разработки. Разработчики с опытом весьма недешевы.
Есть готовые шаблоны. Можно сэкономить и сделать сайт быстрее и дешевле. При этом придется пожертвовать уникальностью дизайна.
Если немного отступить от шаблона и захотеть сделать что-то уникальное, то стоимость резко увеличивается.
Есть проработанная документация по работе с CMS.
Есть платная служба поддержки.
Хороший уровень защиты при постоянном обновлении лицензии и CMS.
Есть много готовых платных и бесплатных модулей. Не все из заявленного продавцами CMS будет работать из коробки, за подключение некоторого функционала придется доплатить разработчикам.
Своеобразная админка. Кому-то она нравится, лично я ее считаю неудобной.
Кривой код. Это особенность Битрикса, из-за которой многие разработчики не хотят работать с этой CMS.

Опыт

Примерно в 2016 году мы рассматривали Битрикс в качестве альтернативного варианта CMS в дополнение к Umbraco. Подталкивала ее приспособленность к созданию интернет-магазинов и популярность. Но не смотря на все положительные моменты, мы не стали работать с ней из-за ее кривизны — внутренней и внешней. Внутреняя — это ужасный код, на котором она написана. Внешняя — неудобная и громоздкая админка и тормознутось работы. Еще очень не понравилась агрессивная маркетинговая политика компании, которая выдавала желаемое за действительное.

Выводы

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

2.4. CMS со свободной лицензией

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

Благодаря такому сочетанию свойств Open source и платных CMS получается достаточно интересный вариант.

Особенности

За использование CMS не надо платить.
Хороший уровень защиты.
Постоянные обновления и развитие.
В системе есть только самое необходимое. Тут нет избыточного, поэтому сайты работают быстро, а сопровождать их просто.
Бесплатные модули есть в ограниченном объеме. Их не так много, как для систем с открытым кодом. Поэтому добавление функционала на сайт будет ощутимо добавлять стоимость проекта.
Правильная архитектура (код). Есть строгие стандарты в разработке. Что позволяет передавать проект от разработчика к разработчику.
Система благодаря своей гибкости позволяет создавать большие и маленькие проекты.
Повышенные требования для начала разработки. Система ориентирована на профессиональных разработчиков, что требует времени и сил для ее изучения.
Не много разработчиков в России. У Umbraco огромное сообщество, которое активно участвует в ее доработке. При этом в России она не так популярна, что значительно снижает круг компаний, которые могут создавать на ней сайты, и ограничивает выбор подрядчиков .
Удобная и простая для обучения админка. Это по-настоящему удобная система. И это не наши фантазии, это реальные отзывы тех, кто перешел на Umbraco после WordPress или Битрикса.
Особые требования к хостингу. Для Umbraco нужен сервер, работающий на Windows, это ограничивает выбор компаний, предоставляющих хостинг.

Выводы

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

Система плохо подходит для создания интернет-магазинов с типовым функционалом. При правильном использовании системы, на ней удобно строить нагруженные проекты. Например, сайт агентства недвижимости с 50 000 страниц все равно работает быстро.

3. Разработка с нуля

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

Особенности

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