проект

Бродник — контентный веб-проект на 1С-Битрикс

Собственный контентный продукт Netsense: от идеи и UX/UI до карт, маршрутов, личного кабинета и постоянного развития

1С-Битрикс Собственный продукт UI/UX Интерактивные карты Личный кабинет
Тип проекта
Собственный контентный продукт
Период работ
2026 — настоящее время
Статус
На поддержке
Открыть сайт
Бродник — контентный проект о путешествиях

Задача проекта

Контекст

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

Что нужно было сделать

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

Что было критично

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

Что сделал Netsense

  • Сформировали идею продукта, структуру разделов и пользовательские сценарии

  • Спроектировали UX/UI и разработали frontend/backend проекта

  • Реализовали автоматически формируемое содержание внутри статьи

  • Добавили интерактивные карты локаций и маршрутов

  • Реализовали передачу маршрутов и локаций в Яндекс Навигатор и 2ГИС

  • Создали личный кабинет с комментариями и закладками

  • Настроили адаптивную работу изображений и продолжаем оптимизацию производительности

  • Продолжаем поддержку, развитие продукта и добавление новых функций

Ключевые функции

Навигация внутри статьи

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

Интерактивные карты

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

Внешняя навигация

Маршрут или отдельную локацию можно передать для дальнейшего движения в Яндекс Навигатор или 2ГИС.

Личный кабинет

Пользователь видит собственную активность, комментарии и сохранённые в закладки материалы.

Адаптивные изображения

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

Постоянное развитие

Проект остаётся внутренним продуктом Netsense и регулярно получает новые функции и улучшения.

Интерфейс проекта

Страница статьи Статья с оглавлением, которое автоматически собирается по структуре материала и помогает быстро переходить между разделами.
Интерактивная карта и маршрут Карта связывает материал с конкретными точками и маршрутом, а нужную локацию можно открыть во внешней навигации.
Личный кабинет Личный кабинет объединяет сохранённые материалы, комментарии и другие персональные действия пользователя.
Мобильный интерфейс Мобильная версия сохраняет структуру материала, навигацию и ключевые пользовательские сценарии на небольшом экране.
Есть похожий проект или задача? Обсудить проект

Интеграции

SMS

Используется SMS-интеграция в пользовательских сценариях проекта.

Пользовательская интеграция
Яндекс Навигатор

Локацию или маршрут можно передать из материала во внешнюю навигацию.

Передача маршрута / локации
2ГИС

Локацию или маршрут можно открыть во внешнем сервисе для дальнейшей навигации.

Передача маршрута / локации

Техническое решение

Контентная архитектура

Статья остаётся основным объектом чтения, а содержание и сервисные функции дополняют её, а не конкурируют с ней.

Автосодержание

Структура материала автоматически превращается в навигацию по разделам страницы.

Карты и маршруты

Контент связан с географическими точками и маршрутами внутри интерактивного интерфейса.

Персональные функции

Личный кабинет объединяет закладки, комментарии и пользовательскую активность.

Адаптивный media-контур

Изображения отдаются в подходящих размерах для разных экранов и сценариев загрузки.

Как пользователь работает с материалом

Статья

Пользователь открывает материал и читает его как обычную публикацию

Содержание

Быстро переходит к нужному разделу длинного текста

Карта и маршрут

Изучает связанные локации и маршрут прямо внутри материала

Внешняя навигация

Передаёт нужную точку или маршрут в Яндекс Навигатор или 2ГИС

Личный кабинет

Сохраняет материал в закладки и возвращается к собственной активности

Результат

  • Создан собственный работающий контентный продукт Netsense
  • Длинные материалы получили автоматическое содержание и понятную внутреннюю навигацию
  • Статьи связаны с интерактивными картами локаций и маршрутов
  • Реализована передача маршрутов и точек во внешнюю навигацию
  • Работает личный кабинет с комментариями и закладками
  • Проект адаптирован под разные экраны и продолжает технически развиваться

Обсудим ваш проект

Расскажите, что нужно разработать, доработать, исправить или автоматизировать. Изучим задачу и предложим подход к реализации. Работаем удалённо по всей России и заключаем договор.

До 10 МБ

Для защиты от спама используется Yandex SmartCaptcha. Сервис обрабатывает технические данные согласно условиям обработки.