---
updateDate: 2026-02-05T00:00:00Z
publishDate: 2024-09-11
publishYear: 2020
name: RussPass
title: Цифровая туристическая платформа
excerpt: Провели UX-аудит, продуктовое исследование и редизайн цифровой платформы для туристов.
image: ~/assets/images/portfolio/russpass/main.png
imageAlt: Собака Павлова • RussPass • Цифровая туристическая платформа
thumbnail:
src: ~/assets/images/portfolio/cards/russpass.svg
alt: Собака Павлова • RussPass • Цифровая туристическая платформа
isNew: true
tags:
- log
- ux-audit
- research
- redesign
- prototype
- mass
- mob
- cjm
relatedPages:
- text: |
### Вам нужен интерфейс?
#### Заказать дизайн
Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru)
#### Что мы можем сделать?
[UX-дизайн под ключ](/services/ux-design) и [многое другое](/services).
collection: services
page: ux-audit
- collection: services
page: research
- collection: services
page: redesign
- collection: services
page: prototype
- text: |
### Наша экспертиза
368 интерфейсных проектов и более [120 проектных кейсов](https://sobakapav.ru/portfolio).
### Наши статьи
collection: post
page: city-transport-design
- collection: post
page: logistics-design
- collection: post
page: osago
- collection: post
page: rzd-consult
- collection: post
page: design-and-culture
- collection: post
page: ux-audit-by-principles
- collection: post
page: criticize-then-suggest
- collection: post
page: everyday-information-architecture
- collection: post
page: qualitative-methods-in-ux-studies
relatedPages2:
- text: |
### Похожие проекты
collection: portfolio
page: sindbad
- collection: portfolio
page: viking-line
- collection: portfolio
page: boracase
relatedLinks:
title: Похожие кейсы
links:
- sindbad
- boracase
- viking-line
- zombieland
outcome:
title: Некоторые цифры
numbers:
- title: Провели интервью
number: с 70 пользователями
text: 15 из них выполняли задачи оффлайн
- title: Проверили
number: '> 30 продуктовых гипотез'
text: онлайновых и оффлайновых
- title: Спроектировали
number: '> 50 макетов интерфейсов'
text: базовой функциональности продукта
context: |
«[RUSSPASS](https://russpass.ru/moskva)» — платформа для туристов.
Фаундеры хотели создать систему, в которой любой турист, путешествующий по стране, мог бы:
— спланировать путешествие;
— забронировать проживание и решить другие бытовые вопросы;
— выбрать себе развлекательную программу по вкусу:
— узнать информацию о достопримечательностях;
— познакомиться с различными маршрутами,
— послушать интерактивные экскурсии
— выбрать ресторан по вкусу и бюджету.
Начать решили с цифровизации Москвы. Внедрить, проверить и затем распространить на всю Россию.
Дальнейшее финансирование проекта сильно зависело от успеха или провала первого релиза
result:
- text: Покажем из рук в руки и расскажем ещё больше
link: 'mailto:we@sobakapav.ru'
budget: 2 500 000 ₽
time: '4 месяца'
director: |
Это не самый типичный наш проект, но мы им очень довольны.
Да, команда заказчика, с которой мы работали на этом проекте, покинула продукт, пока мы еще заканчивали проектировать.
Да, новая команда привела в продукт своих исследователей и дизайнеров.
Но результат нашей работы мы видим и спустя три года в живущем продукте. А специалисты, которые когда-то были нашими заказчиками от Русспасса, сейчас наши заказчики в других проектах.
metadata:
canonical: https://sobakapav.ru/portfolio/russpass
title: UX-исследование • Цифровая туристическая платформа
description: 'Провели UX-аудит, продуктовое исследование и редизайн цифровой платформы для туристов'
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/russpass/badge.png'
width: 1200
height: 630
---
import Image from '~/components/common/Image.astro';
import TOC from '~/components/widgets/TOC.astro';
<TOC>
[Бизнес-задача](#anchor1) • [Дизайн-задача](#anchor2) • [Результат](#anchor3) • [Нюансы процесса](#anchor4) •
[Итог](#anchor5) • [Отзыв, цены, сроки](#anchor6)
</TOC>
## <a name="anchor1" />Бизнес-задача
У продуктовой команды был роадмап по развитию продукта на несколько лет. К нам они обратилась, когда задачей продуктовой команды был запуск MVP продукта с дальнейшей проверкой продуктовых фич на первых настоящих пользователях.
В тот момент уже была запланирована рекламная кампания. И важно было сделать так, чтоб пользователи могли, не утыкаясь в неизбежные баги, спокойно дойти до требующих проверки фич.
<a href="/images/portfolio/russpass/1.png" target="_blank">
</a>
_Личный кабинет. Главная_
Тут надо немного отклонится в сторону и немного прояснить ситуацию. Команда «RUSSPASS» состояла из профессионалов и крутых специалистов, но к ковиду никого из нас жизнь не готовила. А он пришел, а с ним и карантин. Никаких туристов из-за рубежа.
Надо было срочно переделывать продукт с акцентом на внутренний туризм. Но и внутренний туризм в тот момент съежился (помните закрытые гостиницы?) и основной аудиторией, пробовавшей продукт, стали… сами москвичи и туристы из ближайших городов.
<a href="/images/portfolio/russpass/2.png" target="_blank">
</a>
_Личный кабинет. История событий_
Приближался старт рекламной кампании, а продукт был сырой и многие фичи пока не работали либо работали не так, как задумано. Несмотря на все усилия команды.
Так что, если совсем честно, бизнес-задачей команды «RUSSPASS» было любой ценой пройти первый этап: запустить MVP, проверить жизнеспособность гипотез, внести правки в MVP и презентовать результат ЛПР для получения финансирования.
<a href="/images/portfolio/russpass/3.png" target="_blank">
</a>
_Личный кабинет. Рестораны_
## <a name="anchor2" />Дизайн-задача
Решили скомбинировать три услуги и действовать так:
1. Провели [UX-аудит](/services/ux-audit) того, что уже существует и готово к приходу пользователей.
2. [Продуктовое исследование](/services/research) делали в немного необычном формате. Ту функциональность, которая пока была готова весьма условно, мы договорились тестировать при помощи глубинных интервью в формате полукастдева. Мы проверяли востребованность этой фунциональности у пользователей и тут же искали ответы на вопрос: если не эта фича, то что закроет подобные потребности людей?
3. Дальше мы провели [точечное улучшение интерфейса](/services/redesign). По каждой протестированной нами функциональности у команда Русспаса уже были наработки (помните?) и мы вносили правки в существующие интерфейсы исходя из результатов интервью
<a href="/images/portfolio/russpass/9.png" target="_blank">
</a>
_Личный кабинет. Профиль_
<a href="/images/portfolio/russpass/10.png" target="_blank">
</a>
_Личный кабинет. Детали события_
<a href="/images/portfolio/russpass/11.png" target="_blank">
</a>
_Личный кабинет. Гостиницы_
## <a name="anchor3" />Результат
Тут можно рассказать, что в процессе исследований мы выявили несколько фич, которые было совсем не нужны пользователям и команда отказалась от их доработки, сэкономив на дорогостоящих программистах.
Или напомнить, что привлечение сторонней команды исследователей всегда дешевле, чем найм их в команду. Особенно на старте, особенно когда вы не уверены в следующих денежных поступлениях от ваших инвесторов.
Но нам кажется, что главное другое. Продукт существует и развивается, а значит, сложный этап согласования MVP они прошли и получили добро от инвесторов и деньги.
Конечно, это общая победа, а не наша личная. Но (шепотом), когда мы заканчивали сотрудничество, главная страница, планировщики и многое другое уже были сделаны именно по нашим макетам
<a href="/images/portfolio/russpass/12.png" target="_blank">
</a>
<a href="/images/portfolio/russpass/13.png" target="_blank">
</a>
_Планирование поездки_
<a href="/images/portfolio/russpass/14.png" target="_blank">
</a>
_Личный кабинет. Билеты_
<a href="/images/portfolio/russpass/15.png" target="_blank">
</a>
_Личный кабинет. Билет_
### Изобилие
В тестировании интерфейсов приняли участие 70 респондентов, 15 из них — очно. Мы протестировали более 30 гипотез.
Наши исследования коснулись не только онлайна, но и оффлайна. Заказчику было очень важно проверить омниканальность в использовании их продукта:
— при покупке реальных билетов;
— при использовании приложения для прохода в достопримечательности;
— при использование баллов и скидок у партнеров
Так что мы работали с сайтом, приложениями и реальным миром.
_Слайды презентации, представляющей результаты исследования_
### Экстра-польза
В процессе тестирования пользователи иной раз рассказывали нам, какие приложения и инструменты они обычно используют для решения подобных задач, мы все это собирали и приносили заказчику. Заказчик собирал такие наблюдения в один документ.
С нашей стороны на проекте работала команда, которая была сильна не только в UX-дизайне и UX-исследованиях, но еще и в фасилитации. Например, обсуждение с нашим старшим UX-дизайнером точечных изменений в существующие интерфейсы часто превращалось в брейншторм, на котором две команды обсуждали и рождали новые идеи и решения. После мы каждый раз получали обратную связь о том, что это было полезно.
«RUSSPASS» получил от нас и консультацию внутренней команды дизайнеров: мы проинструктировали коллег, как использовать результаты нашего исследования в дальнейшем.
### Особенности
Параллельно с нами разработчики «RUSSPASS» надстраивали, модернизировали и улучшали портал. Мы работали в постоянном диалоге с командой продукта. Иногда, стоило нам получить первые результаты тестирования какой-то функциональности, как команда заказчика уже вносила на их основе правки в живой продукт.
Это было очень приятно. Исследователям так редко удается увидеть, как их работа влияет на реальный продукт.
## <a name="anchor4" /> Нюансы процесса
### I этап. UX-аудит
UX-аудит цифровой представленности проводили по нашей типовой методологии.
1. Зафиксировали пользовательские сценарии.
2. Нарезали скриншоты интерфейсов и [выложили посценарно в Miro](https://miro.com/app/board/o9J_knSpyZk=/).
3. Затем наш эксперт прошел по интерфейсам сайта и мобильного приложения, выявляя слабые места.
4. После этого мы протестировали интерфейсы на реальных пользователях. Всего провели семь сессий UX-тестирования.
5. Все результаты UX-аудита поместили на ту же доску в Miro: сразу было видно, где самые проблемные места в интерфейсе.
6. Проблемы проранжировали по важности для прохождения [пользовательских сценариев](https://sobakapav.ru/publications/osago) и по их виду (баги нового продукта \ UX-проблемы).
7. Баги показали заказчику и обсудили.
8. Выработали рекомендации по устранению [UX-проблем](https://miro.com/app/board/o9J_klW14Kw=/).
9. Сделали красивую презентацию по найденным проблемам и рекомендациям.
_Слайды презентации, представляющей результаты исследования_
В дополнение к стандартному UX-аудиту мы протестировали еще и связь цифровых продуктов с реальными достопримечательностями и результаты добавили туда же. Получилась почти CJM c обозначением проблемных мест.
<a href="/images/portfolio/russpass/21.jpg" target="_blank">
</a>
_CJM_
### II этап. Исследования и UX-дизайн
Продуктовое исследование шло по следующему плану:
1. Обсуждали с командной заказчика, какой раздел (или его часть) берем в работу.
2. Фиксировали, какие гипотезы проверяем.
3. На основании фрагментов дизайна разной степени проработанности и/или существующих уже в продукте намеков на функциональность составляли гайд для разговора с респондентами.
4. Тестировали на пользователях заложенные в макетах идеи и проводили качественные интервью.
5. Результаты обрабатывали и заносили на ту же доску в Miro, где располагались результаты UX-аудита.
6. Сравнивали результаты, формулировали проблемы и ставили задачи по улучшению.
7. Сразу же проводили редизайн и поставляли «с колес» новый интерфейс.
<div class="flex gap-2 flex-wrap">
{' '}
<Image
src="~/assets/images/portfolio/russpass/22.png"
alt="Цифровая туристическая платформа. Мобильный планировщик"
class="min-w-72 grow shrink basis-0"
/>{' '}
<Image
src="~/assets/images/portfolio/russpass/23.png"
alt="Цифровая туристическая платформа. Мобильный планировщик"
class="min-w-72 grow shrink basis-0"
/>{' '}
</div>
_Мобильный планировщик. Добавление плана_
Так мы двигались от одного сценария к другому, от одной части интерфейса к другой.
<div class="flex gap-2 flex-wrap">
{' '}
<Image
src="~/assets/images/portfolio/russpass/24.png"
alt="Цифровая туристическая платформа. Мобильный планировщик"
class="min-w-72 grow shrink basis-0"
/>{' '}
<Image
src="~/assets/images/portfolio/russpass/25.png"
alt="Цифровая туристическая платформа. Мобильный планировщик"
class="min-w-72 grow shrink basis-0"
/>{' '}
</div>
_Мобильный планировщикю. Добавление активности_
Поставляли «дизайн с колес» — это не преувеличение. Как только мы заканчивали очередной раздел или сценарий, тут же показывали его заказчику в Figma. Обсуждали, вносили правки — и [разработчики немедленно забирали макеты](https://sobakapav.ru/design2dev) и начинали воплощать, а мы их консультировали.
<div class="flex gap-2 flex-wrap">
{' '}
<Image
src="~/assets/images/portfolio/russpass/26.png"
alt="Цифровая туристическая платформа. Мобильный планировщик"
class="min-w-72 grow shrink basis-0"
/>{' '}
<Image
src="~/assets/images/portfolio/russpass/27.png"
alt="Цифровая туристическая платформа. Мобильный планировщик"
class="min-w-72 grow shrink basis-0"
/>{' '}
</div>
_Мобильный планировщик. Маршрут_
Закончили и передали заказчику:
— личный кабинет;
— план поездки;
— главную страницу;
— страницы [бронирования яхт и домов](https://miro.com/app/board/o9J_khRiRS4=/);
— мобильный планировщик
<a href="/images/portfolio/russpass/28.png" target="_blank">
</a>
_Бронирование яхт. Бронирование прогулки_
<a href="/images/portfolio/russpass/28.png" target="_blank">
</a>
_Бронирование яхт. Карточка яхты_
<a href="/images/portfolio/russpass/28.png" target="_blank">
</a>
_Бронирование яхт. Параметры брони_
<a href="/images/portfolio/russpass/28.png" target="_blank">
</a>
_Бронирование яхт. Корзина_
## <a name="anchor5" /> Итог
1. Презентация по результатам UX-аудита
2. Доска в миро с результатами исследований в формате CJM
3. Саммари интервью с 70 пользователями (15 выполняли задачи оффлайн, а наш исследователь проводил полевые наблюдения)
4. Более 50 макетов интерфейсов базовой функциональности продукта
5. И довольный заказчик
## <a name="anchor6" />
---