Вернуться назад
Дата публикации:
Какой сайт разрабатывать: дизайнерский или шаблонный?
Сегодня мы разберем два варианта создания сайтов, каждый из них по своему хорош и подходит под решение определенных задач. Мы поподробнее раскроем отличия в разработке: сайта основанного на шаблонном решении и сайте с нуля нарисованном дизайнером, а для тех кто совсем не понимает кухню разработки сайтов, разберем и самые азы и определения. Итак, поехали!
Типы сайтов
Для начала, нужно определиться, какой сайт Вам нужен: сайты отличаются по своей целевой направленности и это прямо влияет на конечную стоимость разработки, чем сайт проще, тем он обычно дешевле.
Ниже указаны типы сайтов по сложности реализации (конечно и лендинг и визитка могут быть дизайнерскими и сложными предметами digital-искусства, но мы берем сейчас общие примеры):
- Визитки
- Лендинги
- Корпоративные
- Каталоги
- Интернет-магазины
- Новостные сайты
- Интернет-порталы
- Веб-сервисы
80% сайтов в интернете созданы на основе определенных движков, которые позволяют упростить и стандартизировать работу программистов и упростить их последующее обслуживание.
Движки сайтов что это такое?
Движок сайта – CMS (Content management system, система управления контентом). В отличие от статичных сайтов где любое изменение требует вмешательства в исходный код, CMS позволяет организовать удобную работу с информацией которой наполнен сайт, без участия программиста, позволяет добавлять, редактировать, загружать тексты, информацию, изображения, товары через удобную админ-панель не вызывающую сложностей в освоении у среднестатистического пользователя компьютера.
CMS называют «Движком» не просто так, так же как и двигатель автомобиля, он оживляет статические страницы HTML позволяя создавать динамические (живые) сайты, делать их более простыми в управлении для конечного пользователя. Движок находится под капотом и отвечает только за движение. За внешний вид автомобиля отвечает кузов, который можно «тюнинговать» – аналогия дизайнерского сайта.
При этом используется и принцип заменимости (MVC) – внесение изменений в конфигурацию автомобиля (движок) не несет изменений во внешнем виде автомобиля (тюнинг).
Движки бывают различного вида:
- Самописные
- Коммерческие
- Open Source
Самописные движки обычно разрабатываются внутри студий для удобной работы программистов и дизайнеров и ускорения разработки, но сейчас, клиенты поняли, что подобный вариант усложняет или даже полностью отсекает возможность перехода на обслуживание к другим подрядчикам, так как другие компании не хотят возиться с нестандартными системами тратя на это свое время и обучая сотрудников чужим разработкам.
Да и зачастую компании с самописными движками не предоставляют полный доступ. Личное наше мнение – держитесь подальше от самописок если только у вас не огромный мегапроект которому требуется индивидуальный код и функционал.
Коммерческие и Open Source это два самых популярных вида CMS, такие движки отличаются только моделью распространения, коммерческие нужно покупать у разработчика и продлевать лицензию обычно раз в год (Bitrix), Open Source же разрабатывается сообществом и полностью бесплатны.
Но если потребуется помощь по доработкам или какие-либо нестандартные плагины – то в обоих случаях придется поискать разработчика который сможет их написать, либо найти готовый платный или бесплатный плагин.
Пример платного (коммерческого) и бесплатного (open source) движков
Платный «1С-Битрикс: Управление сайтом» — профессиональная система управления веб-проектами, универсальный программный продукт для создания, поддержки и успешного развития: корпоративных сайтов, интернет-магазинов, информационных порталов, сайтов сообществ, социальных сетей и других веб-проектов.
Бесплатный «CMS WordPress» — система управления содержимым сайта с открытым исходным кодом. Сфера применения — от блогов до достаточно сложных новостных ресурсов и интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать проекты широкой функциональной сложности.
Применение определенного типа движка совершенно не влияет на то, будет ли использоваться готовое решение дизайна или нет. Для любой CMS есть большое количество готовых тем, шаблонов, решений, которые можно относительно быстро превратить в работающий сайт. Также к любой CMS можно создать собственный неповторимый дизайн сайта.
Плюсы и минусы шаблонных сайтов
WinterWeb создает тиражные решения на основе CMS WordPress — это самая популярная бесплатная система управления контентом. Готовый сайт на WordPress – тиражное решение дизайна, полностью готовое к наполнению информацией клиента, за счет чего время разработка такого сайта сокращается во много раз.
Плюсы данного варианта:
- на создание и запуск сайта требуется гораздо меньше времени;
- цена на тиражное решение в несколько раз ниже чем на дизайнерский проект;
- огромное количество вариантов дизайна.
Минусы данного варианта:
- дизайн сайта не уникален и скорее всего существуют сайты с тем же шаблоном;
- невозможно что либо поменять в структуре такого сайта (добавить или убрать элементы), так как код шаблона очень емкий и очень чувствительный к изменениям;
- требуется максимально полно заменить тексты и изображения шаблона собственной информацией для получения качественного проекта.
Плюсы и минусы дизайнерских сайтов
На первый план эксклюзивного дизайнерского проекта выходит имиджевая составляющая, поддержка авторитета, работа на завоевание доверия потребителей. Приходится уделять большое внимание дизайну, нестандартным графическим решениям. Это тянет за собой нестандартный подход ко всему остальному (верстка, наполнение, тестирование). За счет этого стоимость увеличивается в десятки раз.
Плюсы данного варианта:
- эксклюзивный дизайн полностью прорабатывается клиентом с дизайнером;
- индивидуальный подход;
- реализуем практически любой необходимый функционал;
- высокое качество, целостность конечного продукта.
Минусы данного варианта:
- большие сроки по сравнению с тиражным решением;
- высокая стоимость.
Что именно происходит при разработке дизайнерского сайта?
- Регистрируется хостинг на 1 год;
- Регистрируется домен на 1 год;
- Если сайт на платной CMS то приобретается необходимая редакция;
- На хостинг устанавливается выбранная CMS система;
- Собирается необходимая информация/заполняются брифы, технические задания;
- Разрабатывается и согласовывается прототип будущего сайта;
- Разрабатывается и согласовывается дизайн-макет будущего сайта;
- Производится верстка дизайна для декстопной версии сайта;
- Если в стоимость входит адаптивная версия сайта то производится создание дизайн-макетов и верстка планшетной и мобильных версий сайта;
- Программист разрабатывает необходимый по техническому заданию функционал;
- Производится тестирование и отладка готового сайта;
- Если разрабатывается интернет-магазин, производится наполнение товарами вручную или через импорт;
- Сайт сдается клиенту.
При разработке дизайнерского проекта будьте готовы к долгим этапам переговоров и согласований макета.
Что именно происходит при разработке шаблонного сайта?
- Регистрируется хостинг на 1 год;
- Регистрируется домен на 1 год;
- Если сайт на платной CMS то приобретается необходимая редакция;
- На хостинг устанавливается выбранная CMS система;
- Устанавливается выбранный шаблон;
- Устанавливаются необходимые плагины;
- Производится установка демо-контента;
- Производится перевод английских технических элементов сайта;
- Производится наполнение страниц сайта предоставленными материалами;
- Если разрабатывается интернет-магазин, производится наполнение товарами вручную или через импорт;
- Сайт сдается клиенту.
При использовании готового решения, требуется только программист. И время его работы гораздо меньше чем при дизайнерском проекте.
Как вы видите, основное отличие состоит в том, что дизайнерский сайт нужно прорабатывать с дизайнером, каждую его страницу, каждый его элемент, сначала на прототипе, затем на макете, это занимает большое количество оплачиваемого времени, как со стороны студии так и клиента.
Затем разработка удлиняется на время которое потребуется программисту на то, чтобы превратить макет дизайнера в дизайн для CMS. Поэтому многие предпочитают тестировать выход в интернет не тратя столько сил, времени и средств, прибегая к выбору подходящего шаблонного решения.
Критерии покупки разработки дизайнерского сайта
- Готовность к составлению исчерпывающего технического задания перед началом разработки;
- Готовность к взаимодействию в процессе разработки и согласования сайта, исчерпывающее предоставление материалов;
- Понимание что эксклюзивный дизайнерский проект невозможно реализовать за месяц, готовность к срокам
- Наличие необходимых бюджетов.
Критерии заказа разработки шаблонного сайта
- Шаблон, его блоки, полностью устраивает клиента без серьезных доработок;
- Клиенту нужна разработка сайта в кратчайшие сроки;
- Текущий сайт клиента будет неэффективен для продвижения и проведения рекламных кампаний и проще развернуть шаблон.
Почему нельзя серьезно переделывать готовый шаблонный шаблон?
Готовый шаблон – это полностью законченный дизайнером макет и сверстанный программистом продукт, Существенные изменения в функционале и структуре блоков невозможны, так как изначально не заложены в данный проект. Хороший пример – построенный девятиэтажный дом, и просьба перестроить его в пятиэтажный, вроде как убрать четыре этажа и все готово, но любой архитектор и проектировщик скажет что вы сошли с ума.
Еще один пример – очень затруднительно соскрести с холста картины краску, снова ее замешать так чтобы цвета были чистыми и заново нарисовать хорошую картину.
Как правильно понять потребность и заказать то, что нужно
Вы хотите недорогой сайт, при этом у вас есть некоторое «свое видение» и нужно будет подкорректировать пару блоков – в этом случае разработка дизайнерского сайта. В иных случаях разработчики обычно снимают с себя ответственность за последствия переработки шаблона.
Вы располагаете бюджетом близким к необходимому на дизайнерский сайт но хотите сэкономить и заказать шаблон и имеете пожелания и доработки – в данном случае также правильнее заказать дизайнерское решение, возможно договорившись о скидке.
Лучшая ситуация для создания шаблонного сайта – когда имеется старый сайт с инфой, либо много неупорядоченной информации о компании, и вы передадите всю эту информацию нам и предоставите возможность самостоятельно адаптировать информацию под шаблон.
Главное запомнить важнейшее правило: шаблонное решение стоит заказывать только когда выбранный шаблон он полностью вас устраивает, когда есть понимание что необходимо просто заменить информацию шаблона на свою.
WinterWeb
Студия цифрового маркетинга и веб-разработки