Соберем онлайн-школу,
    способную автоматизировать процессы и кратно приумножить прибыль
    Илья Лебёдкин, CEO
    Сделаем современный дизайн по канонам UX/UI
    Ольги Демидовой, Лидер команды дизайна
    Агрегаторы новостей,
    биржа фрилансеров или свой “убер”
    Илья Лебёдкин, CEO
    Кроссплатформенное мобильное приложение
    Илья Лебёдкин, CEO
    Биткоин, альткоин, облигации
    Илья Лебёдкин, CEO

Единый событийный календарь: кейс разработки web-сервиса

Всегда на связи

CEO
Илья Лебедкин, СЕО в Adm/Addamant, IT-компания по web и мобильной разработке
СЕО

Илья Лебёдкин

Единый событийный календарь: кейс разработки web-сервиса

Единый событийный календарь: как мы решали задачу увеличения турпотока в Сибирь

Один из наших мегамасштабных проектов. Рассказываем о создании необычного web-сервиса – событийного календаря Сибирского региона.

разработка портала
php 8.1
PostgreSQL 13
next.js
redis 6
meilisearch
laravel horizon
pm2
kibana\loki
ux/ui design

Команда проекта

Илья Лебедкин, лидер команды по разработке web-сервиса для гос ассоциации, Adm/Addamant
Лидер команды

Илья Лебёдкин

Кратко об опыте работы над проектом

Мобильные приложения позволяют сделать почти любое действие быстро. Записаться в поликлинику в несколько тапов, заказать еду, найти дорогу. Но бывают ситуации, когда быстро недостаточно — нужно ещё быстрей, мгновенно. Как приложению быть тогда?

Менеджер проекта
Илья Лебедкин, менеджер команды проекта разработки web-сервиса для гос ассоциации,  Adm/Addamant

Илья Л.

Команда разработки
Команда проекта разработки web-сервиса для гос ассоциации, Adm/Addamant Команда проекта разработки web-сервиса для гос ассоциации, Adm/Addamant Команда проекта разработки web-сервиса для гос ассоциации, Adm/Addamant Команда проекта разработки web-сервиса для гос ассоциации, Adm/Addamant Команда проекта разработки web-сервиса для гос ассоциации, Adm/Addamant Команда проекта разработки web-сервиса для гос ассоциации, Adm/Addamant
Команда дизайна
Команда дизайна в проекте разработки web-сервиса для гос ассоциации, кейс Adm/Addamant Команда дизайна в проекте разработки web-сервиса для гос ассоциации, кейс Adm/Addamant
Кейс разработки web-сервиса для гос ассоциации / Adm

«Сибирское соглашение» – межрегиональная ассоциация экономического взаимодействия субъектов Российской Федерации. Это первая региональная ассоциация, получившая государственный статус.

О клиенте

«Сибирское соглашение» – межрегиональная ассоциация экономического взаимодействия субъектов Российской Федерации. Это первая региональная ассоциация, получившая государственный статус.

Объединяет 11 субъектов Российской Федерации:
Республика Алтай
Республика Бурятия
Республика Тыва
Республика Хакасия
Алтайский край
Красноярский край
Иркутская область
Кемеровская область
Новосибирская область
Омская область
Томская область

Цели

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

Цель – продвижение Сибирского ФО, повышение туристической привлекательности.

Единый событийный календарь — первый федеральный проект, объединяющий органы государственной власти, частный бизнес и туристов на одной площадке.

Задача

«‎Клиент обратился к нам с интересной задачей – разработать инструмент развития внутреннего и въездного туризма  в Сибирском Федеральном округе, создать единый событийный календарь».

Илья Лебедкин, менеджер команды проекта разработки web-сервиса для гос ассоциации,  Adm/Addamant
СЕО

Илья Лебёдкин

Википедия

Понятие «событийный туризм» впервые появилось в Европе в 80-х годах ХХ века. Сегодня это одно из перспективных направлений туристического развития регионов.

Рассказываем, как это было

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

Зафиксировали проблемы в рамках постановки задач:

Организация событийных туров требуется привлечение определенного сегмента целевой аудитории. Инструмента для сбора и каталогизации такой аудитории в регионе нет.

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

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

Уникальный инструмент конкуренции

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

По данным Ростуризма

Рост турпотока в регионы Сибири растёт с каждым годом.
За 8 месяцев 2022 года только Иркутскую область посетили более 1 млн туристов.

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

Вид страницы календаря событий. Кейс разработки web-сервиса / Adm

Страница календаря событий

Дизайн-проект сервиса содержит в себе более 150 макетов. Мы реализовали каждый этап взаимодействия пользователя с интерфейсом.

Разработка дизайн-макетов. Кейс разработки web-сервиса / Adm

Дизайн-макеты основных разделов веб-сервиса «Единый событийный календарь» в Figma

Разработка дизайн-макетов. Кейс разработки web-сервиса / Adm

Дизайн-макеты конструктора веб-сервиса «Единый событийный календарь» в Figma

Разработка дизайн-макетов, версия для слабовидящих. Кейс разработки web-сервиса / Adm

Дизайн-макеты стилей для слабовидящих пользователей веб-сервиса «Единый событийный календарь» в Figma

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

Основные разделы web-сервиса

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

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

«‎Прорабатывая интерфейс, мы в первую очередь думали о пользователях – о комфорте и удобстве. Особенно мне нравится возможность "Найти рядом", т.е. после выбора мероприятия можно найти рядом гостиницы, кафе или интересные места для досуга»‎.

Ольга, лидер команды дизайна в проекте разработки web-сервиса для гос ассоциации, кейс Adm/Addamant
руководитель отдела дизайна

Ольга Демидова

Функционал «Найти рядом» позволяет пользователю выбрать радиус — от 10 до 500 км. Партнёры проекта, имеющие приоритетный статус, выводятся на карту первыми. Возможность организована с помощью сервисов Яндекса.

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

Личные кабинеты и функционал конструктора лендингов

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

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

  • Организатор мероприятия — создаёт свои мероприятия, сайты-визитки связанных организаций. Информация хранится в его собственной системе бронирования.

  • Инфраструктурные операторы — 
в своем личном кабинете имеют возможность создавать сайты-визитки, стать рекомендованными партнерами на мероприятии, получать заявки от участников событий.

Конструктор событий

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

В конструкторе мероприятий мы использовали вложенный Drag'n'Drop, что даёт возможность перетаскивать, менять местами модули и карточки внутри них. Это значительно облегчает весь процесс создания лендинга. Доступны более 10 различных модулей, позволяющих заполнить страницу самой разной информацией - от описания спикеров до возможности скачать различные материалы.

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

Разработчик в команде проекта по созданию web-сервиса для гос ассоциации, Adm/Addamant
frontend-разработчик

Константин Алексеев

Раздел с функцией добавления модуля (события) в web-сервис. Кейс от Adm

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

Добавление модуля конструктора в web-сервисе. Кейс разработки от Adm

Шаг 1: Добавление модуля конструктора

Заполнение полей модуля и сохранения в web-сервисе. Кейс разработки от Adm

Шаг 2: Заполнение предустановленных полей модуля и сохранение

Вид модуля после сохранения внесенных данных в web-сервисе. Кейс разработки от Adm

Шаг 3: Вид модуля после сохранения данных

Система администрирования сервиса

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

Админка
Главный рабочий стол в личном кабинете администратора платформы. Кейс разработки web-сервиса от Adm

Главный рабочий стол административной части платформы

Дизайн-проект административной части платформы содержит более 50 основных макетов и еще больше различных модальных окон, для управления контентом платформы.

Разработка дизайн-макетов для личного кабинета администратора платформы. Кейс создания web-сервиса / Adm
Разработка дизайн-макетов для административной части web-сервиса. Кейс от Adm

Дизайн-макеты административной части веб-сервиса «Единый событийный календарь» в Figma

Микросервисы vs монолит

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

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

Разработчик в команде проекта по созданию web-сервиса для гос ассоциации, Adm/Addamant
backend-разработчик

Егор Карпачев

Как общаются микросервисы?

Микросервисы «общаются» между собой посредством протокола http, через самописный клиент, написанный как оболочка над Guzzle\http.

В качестве контейнеризации приложения мы использовали Docker, а в качестве оркестратора контейнеров – docker-compose. Распределение трафика внутри Сети Docker происходит с помощью Trafik Edge Router.

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

Подведем итоги

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

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

«По охвату и профессиональному подходу это первый проект в России, когда Федеральный округ объединяется, чтобы работать с событийными мероприятиями и общей клиентской базой. Единый событийный календарь призван стать эффективным инструментом информационной поддержки и продвижения туристического потенциала Сибири».

Татьяна Рымар, МА “Сибирское соглашение” о кейсе разработки web-сервиса / Adm
Руководитель департамента по развитию обеспечивающей инфраструктуры МА «Сибирское соглашение»

Татьяна Рымар

Текущий статус проекта

Сегодня работы над проектом вышли на финишную прямую. Основной функционал передан в бета-тестирование клиенту, ведется наполнение web-сервиса информацией о значимых туристических мероприятиях.

Проект состоит из web-версии и кроссплаформеного мобильного приложения, реализация которого запланирована на 2023 год.

Будем рады обратной связи.

17

Расскажем больше внутрянки в нашем канале

Вероника Зуй , Бренд-менеджер

Перейти
Сайты и сервисы
Дизайн
Мобильные приложения
Bitrix24
  • Сайты и сервисы
  • Дизайн
  • Мобильные приложения
  • Bitrix24
Запустить заявку
Старт
Всего 1 шаг
до решения
Вашей задачи
или просто
напишите
нам в Telegram

Больше кейсов