Кейс: Разработка нового веб-сайта для Русского Географического Общества

Русское Географическое Общество (РГО) - крупнейшая научно-просветительская организация России, которая с 1845 года занимается изучением и популяризацией географии, экологии и культурного наследия страны.

В 2022 году РГО столкнулось с необходимостью обновления своего веб-ресурса. Текущий сайт устарел как визуально, так и функционально:

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

Клиенту требовалась не просто модернизация сайта, а создание современной цифровой платформы, интегрирующей информационные, научные и образовательные функции. Сайт также должен быть адаптивным и удобным как для редактирования пользователями, так и представителями департаментов РГО.

• Разработка интуитивно понятной многоуровневой навигации и продуманной системы тегирования для удобной классификации контента.
• Создание интерактивных элементов, повышающих вовлеченность пользователей.
• Перенос данных со старого сайта с сохранением трафика и текущих SEO-позиций.
• Разработка блочного Nocode редактора для управления материалами, который позволяет гибко управлять контентом по аналогии с Tilda (без необходимости знаний программного кода).
• Внедрение многоуровневой системы фильтров для удобного поиска информации в ключевых разделах: “Экспедиции”, “Куда поехать”, “Лектории”, “Список Экспедиций РГО”.
• Полная адаптивность сайта для оптимальной работы на всех устройствах и платформах.

Спойлер: Весь цикл производства занял у нас 15 месяцев!

1. Аналитика и прототипирование

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

2. Проработка архитектуры сайта

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

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

3. Верстка и техническая реализация

Адаптивная вёрстка сайта была выполнена с особым вниманием к корректному отображению страниц на устройствах с различными экранами — от смартфонов до широкоформатных мониторов. Это обеспечивает полную кроссбраузерную совместимость и позволяет пользователям получать одинаково качественный опыт независимо от устройства или браузера.

Сайт реализован на платформе 1С-Битрикс, что гарантирует надёжную и безопасную работу системы управления контентом. Разработка включала как стандартные, так и кастомные компоненты, обеспечивая функциональную гибкость и адаптивность. Для редактирования контента используется административная панель и интеграция с системой Эрмитаж, что позволяет удобно управлять данными и расширяет возможности наполнения.

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

4. Перенос материалов

Перенос архива данных со старого сайта стал одним из самых сложных этапов проекта. Общий объем информации превышал 2 терабайта и включал новостные статьи, видео, данные об экспедициях, статьи и записи лекций, начиная с 2013 года. Не каждая компания смогла бы выполнить перенос проекта с таким объемом данных без потерь трафика и страниц. Мы успешно осуществили миграцию, обеспечив полную сохранность и доступность материалов. В ходе переноса была выполнена тщательная перелинковка старых материалов с новыми разделами и контентом, что улучшило связность и навигацию сайта. Дополнительно были настроены редиректы для всех старых ссылок, что позволило избежать потери трафика и сохранить индексацию сайта поисковыми системами. Этот этап был реализован благодаря тесному взаимодействию технического отдела и SEO-специалистов, что обеспечило стабильную работу ресурса и плавный переход на новую платформу.

5. Управление публичной частью

Управление контентом в публичной части сайта РГО реализовано через две системы: панель администрирования и блочного редактора управления материалами. Администраторы и редакторы могут добавлять и редактировать материалы, а также настраивать параметры публикаций, такие как активация счетчиков оценок, функции "Поделиться" в социальных сетях, отображение комментариев и количества просмотров. Эти инструменты предоставляют широкие возможности для управления контентом и улучшения взаимодействия с пользователями.

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

6. Разработка блочного редактора управления материалами

Одной из ключевых задач при разработке сайта стало создание удобного инструмента для управления контентом, доступного даже пользователям без технических навыков. Для этого мы разработали блочный редактор, который позволяет легко обновлять разделы с часто обновляемым контентом, такими как «Проекты», «Экспедиции», «Путешествия с РГО», «Новости», «Фотогалерея», «Видеогалерея» и «Лектории».

Блочный редактор предлагает широкий спектр функционала, включая добавление текстовых блоков, фотогалерей, слайдеров изображений, видео (включая формат 360°), а также специальных блоков с изображениями и подзаголовками. Это делает управление контентом гибким и интуитивным, позволяя легко настраивать внешний вид страниц без привлечения разработчиков.

7. Механизм поиска

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

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

8. Фильтрация внутри разделов

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

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

Результаты в цифрах

12 месяцев — на полную разработку и запуск сайта для РГО

300 часов — на перенос данных со старого сайта и сохранение SEO-позиций

4 месяца — на разработку блочного редактора управления материалами

12 человек — участвовали при разработке сайта