Digital-агентство полного цикла
Digital-агентство полного цикла
Digital-агентство полного цикла
  • О нас
  • Услуги
  • Портфолио
  • Вакансии
  • Блог
  • Контакты
Обсудить проект
Компания PESCO

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

RUSSPASS

Новогодняя
Москва

2024.russpass.ru*

RUSSPASS — это цифровой туристический сервис и онлайн-платформа для организации путешествий по России. На базе RUSSPASS реализуются все новые информационные порталы и сервисы в сфере туризма, такие как russpass.ru, business.russpass.ru, mag.russpass.ru и другие. Развитием сервисов занимается АНО «Проектный офис по развитию туризма и гостеприимства Москвы».

О проектЕ

В преддверии новогодних праздников в 2024 году с помощью команды Notamedia был создан специальный сайт RUSSPASS, где были собраны лучшие идеи для праздничного отдыха москвичей и гостей столицы.
MVP-версия главной страницы
Так как на сайте планировался регулярно обновляемый контент, а также в связи со срочностью запуска мы выбрали 1С-Битрикс: Управление сайтом. Эта CMS как никакая другая подходит под эту задачу из-за своей масштабируемости, простоты в использовании и высокой производительности, что актуально при большом количестве посетителей и интенсивной публикации контента.
Сначала мы выпустили MVP-версию, которая информировала посетителей сайта о том, что в скором времени здесь появится полный список предложений по организации отдыха на новогодние праздники — анонсы событий. Также были представлены мероприятия, доступные на основном сайте RUSSPASS.

1 этап: запуск mvp

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

Особенности проекта

Производить праздничное впечатление, настраивающее посетителей на особенное настроение: заинтересовать, заинтриговать, погрузить в атмосферу зимней сказки.
Задача 3
Иметь функциональную возможность ежедневно обновлять контент на сайте с учетом постоянно добавляющихся мероприятий.
Задача 2
Собрать все идеи для отдыха и агрегировать все мероприятия и предложения, приуроченные к Новому году и январским праздникам в 2024 году.
Задача 1
Целью разработки новогоднего сайта RUSSPASS было создание площадки, которая помогала бы москвичам и гостям столицы удобно и эффективно спланировать свое времяпрепровождение на праздничные каникулы.

Цели и задачи проекта

Меню сайта и страницы ошибок
Туристический сервис RUSSPASS собрал лучшие идеи для праздничного досуга в Москве
Специальный раздел поможет жителям и гостям столицы быть в курсе событий и распланировать свободное время в зимние праздники. В нём собраны предложения музеев, ресторанов, городские фестивали, тематические аудиоэкскурсии, зимние маршруты, концерты и другие мероприятия.
В разделе семь тематических блоков, которые будут постоянно пополняться полезной информацией.
Например, можно будет найти мероприятия для взрослых и детей, которые пройдут в рамках фестиваля «Путешествие в Рождество» и на Международной выставке-форуме «Россия»‎. В разделах «Катки Москвы»‎ и «Зима в парках»‎ появятся график работы катков и их расположение, маршруты лыжных трасс и информация по событиям на открытом воздухе.

Релиз MVP-версии был приурочен к анонсу проекта Мэром Москвы Сергеем Собяниным

Сергей Семёнович Собянин

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

2 Этап: Знакомство и перенаправление

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

3 этап: галерея
и карта Москвы

На карте отображался график
и режим работы объектов
Также была доступна возможность фильтрации по категориям, каждой из которой была назначена иконка
В фотогалерею можно было попасть как с главной, так и с внутренних страниц. Ее превью представляло собой ленту из двух рядов изображений
В галерее могли быть представлены не только фото, но и видео
Просмотр изображения
Мы реализовали систему поиска по сайту, которая работала не только по самим мероприятиям, но и по текстовому совпадению в разделе. Так, через поиск можно было попасть на внутреннюю страницу, пин на карте или на карточку события. Дополнительно в поиске были доступны карточки, которые не были опубликованы в новогоднем разделе, но имелись на основном сайте RUSSPASS. Поиск работал как «мост» между двумя сайтами.

4 Этап: Поиск по сайту

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

Разработка и релиз

При работе над проектом мы отошли от классической поэтапной разработки, совместив этапы проектирования, дизайна и аналитики. Отдельным крупным блоком работ было создание нескольких разноплановых дизайн-концепций.
Релизное планирование и параллельные работы по аналитике, дизайну и разработке помогли нам ускорить работу над проектом. Отрисованные и согласованные макеты мы передавали в разработку и готовили первый релиз. Параллельно отрисовывали состав следующего релиза и передавали его в разработку.
Стек технологий
Front-end: HTML, CSS, JS
Back-end: PHP, 1С-Битрикс: Управление сайтом
Графические редакторы: Figma, Adobe Photoshop, Adobe Illustrator
было доступно на сайте
специального проекта

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

воспользовались новогодним сайтом RUSSPASS
посетили праздничные мероприятия в Москве
идей для отдыха
человек
человек
более
более
100
1,5
13,3
млн
млн
Перед RUSSPASS стояла амбициозная задача — показать жителям и гостям города все разнообразие зимних активностей в столице во время праздников. При помощи Notamedia нам удалось в сжатые сроки создать функциональный сайт с поиском, системой навигации и интерактивной картой — благодаря этому пользователи легко ориентировались в многообразии предложений сервиса. Команда сопровождала проект на всех этапах, неоднократно проявив собственный профессионализм, вовлеченность и внимание к клиенту.

Наталья михейкина

Директор Дивизиона 
RUSSPASS
Усилили новогоднее настроение и ожидание праздника, реализовав 
на главном экране счетчик отсчета дней до Нового года. Поначалу это были дни, 31 декабря включился счетчик часов и минут, в 23:00 — счетчик минут и секунд, а ровно в полночь включились фейерверки.

дизайн решения

Для карточек и баннеров выбрали яркую праздничную палитру
Также нами была разработана типографика названия
Поддержали новогоднюю тему золотыми игрушками и снежинками. В проекте использовалась как 3D-графика для крупных объектов, так и вектор

дизайн решения

Иллюстрации
Мы взяли шрифт, используемый на основном сайте RUSSPASS. Для создания новогоднего настроения была выбрана яркая палитра, основным цветом был красный.
Типографика и цвета
Основной шрифт
Декоративные подписи
#FF3000
#C00D1E
#FF3000
#007470
#8B0000
#FFBA52
#4E8EE5
#0370C7
#FF9900
#FFE6C1
#16529A
#4D3EEE
#FFB547
#BC513A
#FFFFFF
#1D1D1D
#FFB03A
Элементы управления формой во многом схожи с аналогами на основном сайте RUSSPASS, но мы опирались на особенности дизайна спецпроекта
Элементы управления
Default
Hover
Default
Hover
Default
Hover
Default
Hover
Selected
Кнопки
Переключение
слайдера
Закрыть
Пагинация
В адаптивах делается упор на сохранение функционала десктопной версии сайта и яркости его дизайна.

Адаптивы


Обсудить проект