ИНВЕСТИЦИОННЫЙ ПОРТАЛ САХАЛИНСКОЙ ОБЛАСТИ

Задача
в сжатые сроки создать сайт на Битрикс и реализовать готовые дизайн-макеты от Студии Артемия Лебедева;

учесть требования ГОСТ при разработке;

облегчить рутинные процессы администратору, который обновляет контент на сайте

В подрядчики по дизайну клиент выбрал Студию Артемия Лебедева, а по разработке нас — 365 Media Group. Мы реализовали идеи Студии Артемия Лебедева, добавили мультиязычность, версию для слабовидящих, создали панель для управления контентом через CMS 1C Bitrix, интегрировали Jivo и Госуслуги для обращений от пользователей.
Реализация

Внимание клиента к проекту было повышенным. Это накладывало дополнительную ответственность на нас, как на подрядчика, отвечающего за душу сайта. Ведь без frontend- и backend-разработки любая красивая картинка — просто картинка. Мы должны были не просто придумать и реализовать систему, а сделать ее управляемой и гибкой. А еще сделать так, чтобы ничего не висло.

Анимация

На Сахалине есть 5 ключевых направлений, которые активно развиваются: туризм, промышленность, агропромышленность, транспорт и логистика. На онлайн-встрече дизайнеры из Студии Артемия Лебедева объяснили свою задумку — для каждого направления создать анимированную обложку с динамичной графикой на заднем плане.

Наши frontend-разработчики «оживили» картинку с помощью скриптов: создали циклическую анимацию, задали разные цвета для линий и скорость, выставили интервал, через который каждая линия будет видоизменяться.

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

Backend-разработка

При работе с сайтами государственных учреждений важно учесть требования к ним.

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

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

Третье — нормативные акты и законы. Чтобы пользователи смогли ознакомиться со всеми необходимым документами быстро и просто, мы добавили их в раздел «меры поддержки». Пользователь находит интересующее его предложение или льготу, и тут же узнает, на какой закон ссылается портал.

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

Мы выяснили, что на публикацию одной новости администратор сайта тратил 30 минут. Все потому, что для этих задач использовали самописный софт с ограниченным функционалом. Мы предложили заменить его на CMS 1C Bitrix, где есть современный редактор. Теперь администратор публикует новость за 5 минут, а обновляет изображение — за минуту.

Интеграция сторонних сервисов

Чат для обращений Jivo и форма обратной связи через Госуслуги.

С Bitrix можно синхронизировать много различных программ (за это мы его и любим), в том числе и Jivo. Клиент попросил интегрировать Jivo, чтобы пользователи оставляли свои обращения. Задать вопрос или проконсультироваться можно с любой страницы портала — мы специально так сделали. Кстати, на обращения отвечает живой человек, а не бот.

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

Кэширование

Мы использовали современные технологии Битрикс, чтобы ускорить загрузку страниц и снизить нагрузку на сервер. Например, кэширование статического и динамического контента.

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

Все это реализовали через технологии Битрикса, которые позволяют сохранять результаты работы редко обновляемых или объемных кусков кода в специальном хранилище.

Провели нагрузочное тестирование и мониторинг качества реализованного проекта

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

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

Результаты

реализовали проект за 2 месяца;
специально для клиента учли все требования ГОСТ и использовали современные библиотеки с оптимизацией скриптов и стилей;
упростили управление контентом: теперь на создание и публикацию новости уходит 5 минут, а не 30;
интегрировали необходимые для клиента программы с сайтом;
Студия Лебедева отправила наш совместный проект на конкурс «Золотой Сайт» и заняла первое место в номинации «Сайт поддержки бизнеса и инвестиций».