Подходы к разработке сайтов в 2023 году

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

1. Причины переезда. Меняем админку
2. Битрикс в помощь. Кому подходит, какие задачи решает
3. Подход №1: Перенос сайта с других cms и различных фреймворков на 1С-Битрикс с полным сохранением текущего дизайна и функционала
4. Подход №2: Сайты на готовых решениях с доработкой
5. Подход №3: Индивидуальная разработка
6. Какая СMS — правильная? И почему

Причины переезда. Меняем админку

К нам регулярно обращаются компании, чьи сайты устарели, плохо управляются, не масштабируются, тормозят и «несовременно выглядят». Часто бывает, что бизнес «перерос» свой сайт. Как правило, сайты таких заказчиков уже достаточно «возрастные», были разработаны на популярных зарубежных платформах (OpenCart, Joomla, Wix, WordPress, Drupal...) или на самописных cms.

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

Типичные причины переезда на новый движок (для владельцев сайтов):

• Невозможность редактирования сайта без привлечения программиста;
• Редактирование сайта сотрудниками заказчика затруднено;
• Подвел подрядчик (веб-студия закрылась), и теперь никто не берется поддерживать сайт на самописной системе администрирования;
• Сайт создан давно, внесено много правок разными специалистами. Сейчас желающих разбираться в «чужом» коде нет;
• Платформа давно не обновлялась, сайт некорректно работает;
• Планируется поисковая оптимизация, нужен полноценный функционал для SEO;
• Когда иностранные компании (в т. ч. зарубежные cms) ушли из России, российский бизнес стал переходить на отечественное ПО.

Если хотя бы несколько пунктов из этого списка актуальны для вашего сайта, есть смысл присмотреться к платформе 1С-Битрикс Управление Сайтом (БУС). Мы предлагаем своим заказчикам переезжать на Битрикс. И вот почему.

Битрикс в помощь. Кому подходит, какие задачи решает

У Битрикса интуитивно понятная удобная админка, с которой справится почти любой гуманитарий. Для добавления новостей, разделов, товаров на сайт компаниям не нужно привлекать программистов (и платить им), т. к. редактировать контент сможет маркетолог или контент-менеджер. А это уже совсем другие расходы для бизнеса: рабочий час программиста в разы дороже, чем час контент-менеджера.

Это самая популярная cms на российском рынке. На этом движке в России создано уже более 275 тысяч сайтов. Чужой пример заразителен! Когда видишь сайты на Битриксе у «Газпром-Нефти», МТС или Hoff, хочется получить «такой же».

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

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

Убедительный плюс битриксовой админки — ее «родство» с 1С. Владельцы интернет-магазинов и торговых площадок выбирают Битрикс в том числе из-за интеграции с «1С: Предприятие». Это позволяет сайту в режиме реального времени обмениваться информацией о товарных позициях, онлайн-заказах и покупателях с системой учета 1С.

Наконец, у IPG есть богатый опыт интеграции 1С-Битрикс с различными внешними системами. Сайт на Bitrix легко связать со многими современными сервисами (онлайн-кассами, платежными системами, службами доставки, CRM, учетными программами и др). Причем, делается это достаточно быстро: так, например, выгрузить полный каталог из 1С, синхронизировать цены и остатки, подключить оплату и доставку можно за пару недель.

Что касается минусов, о которых так любят рассуждать критики «великого и ужасного» Битрикса, то скажем так: как у любой другой платформы, они есть. Например: bitrix платный, к тому же ежегодные обновления, доработки или сопровождение тоже стоят денег. Главное — объективно оценивайте масштабы бизнеса и задачи, которые будет решать сайт, чтобы не переплачивать за излишний функционал.

Кроме того, есть расхожее мнение, что система не выдерживает больших нагрузок. На самом деле это не так, что подтверждают успешные нагрузочные тестирования, которые Битрикс регулярно проводит. На последнем, была смоделирована нагрузка более 9 млн посетителей сайта и более 60 млн хитов за сутки. Кроме того, на работу интернет-проекта при больших нагрузках в большой мере влияет производительность сервера, а также правильно разработанные скрипты, которые не будут тормозить систему. Тут стоит отметить, что есть редакция продукта для крупных проектов - «Энтерпрайз». В ней присутствует модуль «Веб-кластер», который позволяет распределить нагрузку по нескольким серверам и даже дата-центрам. Однако важно понимать, что действительно есть проекты с очень уникальными задачами, для которых в Битриксе нет модулей, и 90% проекта приходится писать с нуля. В этом случае, возможно, и не стоит использовать эту CMS. А вот для корпоративных сайтов, личных кабинетов и интернет-магазинов Битрикс – хорошее решение.

Вот примеры крупных федеральных проектов, предусмотренных для работы с большим трафиком и нагрузкой на Битриксе: интернет-магазины Эльдорадо, oodji, Шатура Мебель, корпоративные сайты Газпром Нефть, Ростелеком, группы СИНАРА и многие-многие другие.

Наша (разработчиков IPG) задача — создание сайтов, максимально удобных для пользователей и эффективных для бизнеса. Мы точно знаем, какие решения в веб-разработке на cms Bitrix реально работают.

Рассмотрим подробнее несколько основных.

Подход №1: Перенос сайта с других cms и различных фреймворков на 1С-Битрикс с полным сохранением текущего дизайна и функционала

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

У компании «Мани Капитал» был самописный сайт на html (без системы администрирования как таковой). Управлять контентом на таком сайте без помощи программистов было довольно сложно, поэтому нужна была удобная система администрирования. Также заказчику было принципиально важно при переносе на CMS Bitrix сохранить верстку и функционал в неизменном виде, скопировав все, вплоть до URL’ов страниц. Это было требование seo-специалиста (в принципе, обоснованное): при изменении URL сайт может потерять текущие позиции в выдаче.

И тут мы столкнулись с определенной сложностью: так как сайт заказчика был написан полностью на html, то в конце адреса страниц использовалось расширение .html., а у Битрикса организация «окончаний» url устроена иначе. Как вариант мы предлагали решить проблему редиректами, но заказчик такой вариант не принял. В результате переименовали страницы вручную и написали правило, чтобы у страниц с расширением php срабатывало переключение на html.

Доработку формирования адресов применили и в разделе «Раскрытие информации»: теперь документы скачиваются с тем же названием, которое у клиента было на старом сайте.

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

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

Мы предложили заказчику развернуть БУС и купить самую простую лицензию для интернет-магазина «Малый бизнес». Дальше действовали так: «один в один» скопировали верстку старого сайта, интегрировали ее на движок 1С-Битрикс «Малый бизнес» — до страниц Корзина и Оформление заказа. Эти две, недостающие страницы мы развернули со штатной версткой, которая предусмотрена в поставке лицензии. Отрисовывать какой-то индивидуальный дизайн не стали ввиду ограниченного бюджета у заказчика.

Таким образом, мы перенесли старый сайт на CMS Bitrix и развернули весь функционал интернет-магазина, не потратив на верстку дополнительных страниц ни копейки.

И еще один кейс из 2021 года. Коммуникационная группа «СберМаркетинг» переезжала на Битрикс с гибридного сайта, написанного с применением технологии Node.js и конструктора страниц Tilda. Часть сайта на самописной системе было невозможно редактировать без помощи программистов. Старый код был скрыт, и просто скопировать верстку мы не могли (а такая задача стояла). Поэтому пришлось сверстать новый сайт с нуля (с учетом всех его особенностей), а старую верстку использовать как дизайн-макет.

Что получил заказчик? Весь функционал Битрикс стал доступен контент-менеджерам, и сотрудники СберМаркетинга теперь сами управляют контентом сайта без помощи подрядчиков. В разделе Блог мы унифицировали все иконки, придали статьям современный вид. На новом движке сайт стал легким в управлении, удобным для посетителей и сотрудников, он продолжает радовать глаз клиентов и приводить новые заказы.

Наш принцип работы в подобных кейсах всегда один: создай новое, сохранив достижения старого.

Подход №2: Сайты на готовых решениях с доработкой

Еще один способ быстро получить новый качественный функциональный сайт — установить шаблон из marketplace.1c-bitrix.ru и (при необходимости) провести кастомные доработки. 1С Битрикс Маркетплейс — универсальный магазин готовых решений, где каждый найдет себе что-то «по душе», при этом сайты, созданные на шаблонах, не будут казаться клонами, поскольку имеют большое количество настроек и вариантов индивидуализации.

Главные преимущества разработки сайта на шаблоне: это быстро и недорого. Конечно, готовые решения бывают разными, но в любом случае шаблон на движке 1С-Битрикс обойдется заказчику дешевле, чем полноценная разработка на других CMS. Шаблон обладает практически неограниченными возможностям по кастомизации. Это тоже плюс. В качестве подобных решений тоже не приходится сомневаться. Зачастую, готовое решение на голову опережает многие индивидуальные разработки с точки зрения юзабилити и маркетинговых функций, ведь на них потрачено значительно больше времени на разработку и они улучшались и дорабатывались годами на основании обратной связи от сотен клиентов.

Недостатки шаблонов — риск долго подбирать подходящее решение и встретить «близнеца» (особенно неприятно, когда похожий сайт — у конкурента), однако этого можно избежать, ведь у качественного готового решения есть множество вариантов индивидуализации, каждый важный блок или раздел (шапка, главная, карточка товара) представлен в нескольких вариантах интерфейсных решений, а основой дизайна является контент (баннеры, иконки, фото акций, товаров). Также любое готовое решение на Битрикс можно неограниченно дорабатывать.

В последнее время спрос на разработку корпоративных сайтов и интернет-магазинов на основе готовых решений растет. Наши клиенты тоже часто приходят с подобным ТЗ.

У компании МЕГАПОЛЮС (20 лет на оптовом рынке посуды) раньше был интернет-магазин на самописной CMS. По мере того, как бизнес рос (а сегодня на сайте уже более 50 тыс. товаров), заказчику потребовался ресурс с расширенным функционалом. Да и дизайн устарел. Выбрали CMS 1С-Битрикс в редакции «Бизнес» и готовое решение Аспро:Максимум для интернет-магазинов. Распаковка шаблона по скрипту Битрикса и установка готового решения на хостинг заняли один рабочий день. В принципе после этого сайт можно использовать: заходить в админку сайта, наполнять, редактировать его.

90% функционала на сайте «Мегаполюса» настроили наши специалисты из базовой поставки Aspro.Max и базовых возможностей 1С-Битрикс. Так, выгрузка товаров на сайт сейчас производится с помощью штатного модуля. Дополнительно — уже с привлечением программистов — мы сделали несколько полезных доработок.

Например, чтобы сэкономить место на сервере, спроектировали возможность выгрузки из 1С и отправки документации к заказу только по запросу (в личном кабинете появляется кнопка «Запросить документы»). Также в Личном Кабинете покупатель может отправить претензию и отслеживать статусы ее обработки.

Готовое решение Аспро:Максимум из категории «Изобразительное искусство» было выбрано для создания интернет-магазина Галереи Синара Арт (входит в ГК Синара). Изначально у Галереи вообще не было интернет-магазина, все картины выставлялись на оффлайновой выставочной площадке. Потом возникла идея продавать товары через интернет, но на индивидуальную разработку сайта выделенного бюджета заказчику не хватало. На основе готового шаблона из Маркетплейса Битрикс получилось сделать сайт быстрее и дешевле. А благодаря гибким пользовательским настройкам и широким возможностям кастомизации сайт на шаблоне выглядит стильно и современно.

Интернет-магазин Галереи Синара Арт предоставляет широкие возможности выбора товаров в каталоге, позволяет оформить доставку, оставить заявление на возврат и т.д.

Музей энергетики Урала — еще один наш заказчик, выбравший готовое решение из marketplace.1c-bitrix.ru для модернизации сайта. Главной целью было обновить устаревший дизайн и настроить новый сайт так, чтобы контент-менеджер мог самостоятельно с ним работать. Для решения этих задач отлично подошел шаблон Аспро:Корпоративный сайт 3.0 — достаточно универсальное решение с лаконичной структурой и необходимым адаптивным функционалом.

Что получают клиенты, выбравшие веб-разработку на шаблоне? Современный адаптивный сайт за короткий срок с возможностью доработки под нужды бизнеса.

Подход №3: Индивидуальная разработка

Считается, что это самый дорогой и долгий вариант. Но всегда ли нужен уникальный ресурс или достаточно будет сайта на готовом решении с доработками?

Всем понятно, чем брендовый бутик отличается от «обычной фирмы». Здесь примерно так же. Уникальный дизайн работает на узнаваемость бренда, с помощью такого ресурса проще отстроиться от конкурентов и привлечь поклонников из своей ЦА. Такие аргументы часто можно услышать от тех, кто голосует за индивидуальную разработку сайта. Мы с ними согласны. Также бывает, что требуемые интерфейсы сайта уникальны, например это какой-то сервис или b2b личный кабинет или просто посадочные страницы имеют множество уникальных блоков, раскрывающих преимущества продукта. В таком случае без вариантов: необходимо разрабатывать индивидуальный сайт.

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

• Рынок и конъюнктура, законодательство;
• Портрет основных срезов целевой аудитории и свойственные им юзеркейсы;
• Онлайн-спрос в выбранной сфере;
• Тренды UX / UI концепций;
• Конкуренты, их проекты;
• Логическая карта сайта.

Цель предпроектной аналитики — создать в итоге технически и интерфейсно безупречный продукт, который бы решал все задачи аудитории заказчика.

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

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

Заключительный этап разработки включает в себя интеграцию верстки на компоненты системы управления 1С-Битрикс, настройку движка, а также разработку кастомного функционала и необходимых интеграций. И, конечно, детальное тестирование всей разработки до запуска и обучение заказчика работе в системе администрирования. Также чаще всего клиенты заказывают базовую SEO-оптимизацию и интернет-продвижение.

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

Специалисты Уральской кровельной компании приехали к нам в офис с почти готовым прототипом будущего сайта, выполненном… на листах ватмана. Руководители компании предварительно провели совещания, собрали пожелания и идеи из всех отделов и филиалов и буквально отрисовали постраничную схему сайта на больших листах бумаги. Наши коллеги включились в обсуждение, покреативили, сделали прототип, сверстали и собрали стильный сайт на лицензии 1С-Битрикс «Бизнес». Получился большой информационный сайт с функционалом интернет-магазина, который успешно работает и приводит клиентов.

С Уральской кровельной мы продолжаем сотрудничать в формате техподдержки.

Похожий кейс был у УК «Территория» — одной из крупнейших управляющих компаний в сфере ЖКХ на Урале. О создании комплексной информационной системы в этой компании мы писали здесь. Когда было принято решение о разработке нового сайта, сотрудники УК своими силами провели анализ сайтов конкурентов, выбрали «фишки» и удачные решения, которые понравились, заскринили референсы и на основе этих примеров написали нам ТЗ на веб-разработку.

Результат: разработали на одном ядре 1С-Битрикс24 основной сайт УК «Территория» и еще несколько десятков отдельных сайтов жилых комплексов. Правда, это была уже другая история (читайте о ней в этом кейсе).

Главный вывод: индивидуальная разработка сайта требует плотного взаимодействия клиента и разработчика.

Какая CMS — правильная? И почему

В заключении резюмируем, на что же, все-таки обращать внимание при выборе инструментов для создания и управления интернет-проектом?

1. Поддержка вендора. 1С-Битрикс — одна из самых популярных платформ для создания различного типа сайтов. И отчасти доверие к ней обеспечивает сильная техподдержка вендора.
2. У Битрикса открытый исходный код. Это дает возможность кастомизировать логику модулей, добавлять новый функционал и т.д. В отличие от cms конструкторов сайтов, где код недоступен и хранится на серверах разработчиков, bitrix не скрывает программный код и регулярно выпускает обновления.
3. Много партнеров-разработчиков работают на платформе 1С-Битрикс. Они имеют сертификаты, проходят обучение в Академии Битрикс, подтверждая квалификацию. Для владельцев сайтов это означает, что на рынке большой выбор специалистов, которые при необходимости разберутся в любой вашей проблеме.
4. Сайты на Битриксе стабильно работают при больших нагрузках, отлично справляются с большим потоком посетителей, не снижая производительности.
5. Платформа 1С-Битрикс имеет все необходимые для SEO настройки. В модуле «Маркетинг» seo-специалист компании может делать все настройки без помощи программиста. Метатеги (title и description) автоматически формируются по алгоритмам, «вшитым» в CMS.
6. У Битрикса много готового функционала в типовом коробочном решении. Большой выбор готовых модулей, бесплатный конструктор лендингов (доступен в поставке лицензии), интеграционные решения, полезные функции, такие как резервное копирование и восстановление сайта, сканирование сайта и сервера на ошибки, тестирование качества разработки по 66 пунктам и многое другое.