---
updateDate: 2026-02-10T00:00:00Z
publishDate: 2026-01-29
publishYear: 2025
name: INTICKETS.RU
title: Система автоматизации билетных операций INTICKETS.RU
excerpt: Сделали UX-аудит и редизайн интерфейса личного кабинета организатора
context: |
Система [INTICKETS.RU](http://intickets.ru/) — облачный сервис для контроля и управления продажей билетов в online и offline среде на культурные и спортивные мероприятия. Система позволяет автоматизировать весь процесс от распределения мест до контроля поступления выручки.
Функционал системы постепенно разрастался, и её структура стала довольно запутанной. Это создаёт дополнительную когнитивную нагрузку для новых пользователей и приводит к бесконечному потоку обращений в поддержку. Люди снова и снова уточняют последовательность простых действий — например, что именно нужно сделать, чтобы корректно начать создавать мероприятия по продаже билетов в театре. И так каждый день.
isNew: true
logo:
src: ~/assets/images/portfolio/intickets/logo.svg
alt: Intickets • Логотип
link: http://intickets.ru/
image: ~/assets/images/portfolio/intickets/main.png
imageAlt: Собака Павлова • Intickets • Система транспортного моделирования
thumbnail:
src: ~/assets/images/portfolio/cards/intickets.svg
alt: Собака Павлова • Intickets • Система транспортного моделирования
tags:
- it
- ux-audit
- research
- ux-design
- mass
relatedPages:
- text: |
### Вам нужен интерфейс?
#### Заказать дизайн
Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru)
#### Что мы можем сделать?
[UX-дизайн](/ux-design) и [продуктовые исследования](/ux-researches), независимо или [на аутсорсе](/ux-outstaff).
collection: services
page: ux-design
relatedPages2:
- text: |
### Похожие проекты
collection: portfolio
page: seatmap
- collection: portfolio
page: anggell-2025
- collection: portfolio
page: hyperus
- collection: portfolio
page: elma-bot
result:
- src: ~/assets/images/portfolio/figma.svg
text: Покажем из рук в руки и расскажем ещё больше
link: "mailto:we@sobakapav.ru"
budget: "1 700 000 ₽"
time: "9 месяцев"
director: |
Иногда бизнесу сначала нужно поверить и проверить, что UX‑дизайн действительно помогает зарабатывать деньги. Не все готовы сразу идти по общепринятому пути — «возьмём пару UX‑дизайнеров в штат, и всё станет существенно лучше». Некоторые хотят сначала попробовать.
Этот заказчик — как раз из таких. Они попробовали, потом распробовали и теперь продолжают работать с нами.
Часто после стадии «распробовали» заказчики уходят к штатным специалистам — и мы это хорошо знаем. Но в этом случае заказчик оказался рациональным. Он понимает, что ему выгоднее раз в два–три месяца прийти к нам, чем брать сотрудников в штат.
outcome:
title: "Некоторые числа:"
numbers:
- title: Оставили в Miro
number: "> 200"
text: комментариев
- title: Рекомендовали
number: "14 улучшений"
text: интерфейса
- title: Переработали
number: "3 раздела"
text: системы
- title: Передали
number: "101 экран"
text: в разработку
metadata:
canonical: https://sobakapav.ru/portfolio/intickets
title: Интерфейс системы автоматизации билетных операций INTICKETS.RU
description: "Сделали UX-аудит и редизайн интерфейса личного кабинета организатора."
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/intickets/badge.png'
width: 1200
height: 630
type: article
---
import Image from '~/components/common/Image.astro';
import TOC from '~/components/widgets/TOC.astro';
import ImageSlider from '~/components/common/ImageSlider.astro'
<TOC>
[Вводные](#anchor1) • [Бизнес-задача](#anchor2) • [Дизайн-задачи](#anchor3) • [Результат](#anchor4) • [Экстра-польза](#anchor5) • [Нюансы и особенности процесса](#anchor6) • [Показываем](#anchor7) • [Модуль «ГИС»](#anchor7) • [Модуль «Ситуационный центр»](#anchor8) • [Модуль «Общественный транспорт»](#anchor9) • [Итог](#anchor10) • [Отзыв, цены, сроки](#anchor11)
</TOC>
## <a name="anchor1" />Бизнес-задача
Упростить взаимодействие с системой, снизить количество обращений в поддержку и улучшить пользовательский опыт, сохранив текущую архитектуру системы.
<a href="/images/portfolio/intickets/1.png" target="_blank"></a>
<em>Создание распоясовки. Разметка поясов на схеме</em>
## <a name="anchor2" />Дизайн-задачи
1. Провести UX-аудит интерфейса организатора билетного стола.
2. Провести интервью с техподдержкой заказчика для выявления ключевых проблем пользователей.
3. Подготовить рекомендации по улучшению интерфейса на основе исследований и интервью.
4. Разработать гайдлайны по структуре страниц, текстам и графическим элементам.
5. Выполнить редизайн критически важных частей интерфейса с переработкой пользовательской логики и сценариев работы.
<a href="/images/portfolio/intickets/12.png" target="_blank"></a>
<em>Вот так выглядело создание распоясовки в старом интерфейсе</em>
<a href="/images/portfolio/intickets/13/.png" target="_blank"></a>
<a href="/images/portfolio/intickets/14.png" target="_blank"></a>
<em>А вот так — в новом</em>
>Пользовательские сценарии — use cases, сценарии взаимодействия, сценарии использования — последовательное описание поведения человека при взаимодействии с системой и системы, когда с ней взаимодействует человек. У нас есть [модуль дизайн-задачника «Сценарии взаимодействия»](https://www.eduhund.ru/program/usecases/?utm_source=sobakapav&utm_medium=site&utm_campaign=page) для тех, кто хочет научиться их использовать в дизайне интерфейсов.
## <a name="anchor3" />Результат
Заказчик поэтапно внедряет разработанные решения в существующую систему.
<div class="daisy-diff sm:aspect-[792/556] diff-black">
<div class="daisy-diff-item-1">
<img alt="Интерфейс системы автоматизации билетных операций • Собака Павлова"
src="/images/portfolio/intickets/7.png" style="margin-top: 0;" />
</div>
<div class="daisy-diff-item-2">
<img alt="Интерфейс системы автоматизации билетных операций • Собака Павлова"
src="/images/portfolio/intickets/6.png" style="margin-top: 0;" />
</div>
<div class="daisy-diff-resizer"></div>
</div>
<em>Список распоясовок. Было — стало</em>
Часть обновленных модулей личного кабинета уже находится в продакшене.
<div class="daisy-diff sm:aspect-[792/656] diff-black">
<div class="daisy-diff-item-1">
<img alt="Интерфейс системы автоматизации билетных операций • Собака Павлова"
src="/images/portfolio/intickets/9.png" style="margin-top: 0;" />
</div>
<div class="daisy-diff-item-2">
<img alt="Интерфейс системы автоматизации билетных операций • Собака Павлова"
src="/images/portfolio/intickets/8.png" style="margin-top: 0;" />
</div>
<div class="daisy-diff-resizer"></div>
</div>
<em>Создание мероприятия. Было — стало</em>
Проект перешёл в формат долгосрочного дизайн-аутсорса: мы продолжаем развивать продукт, а заказчик внедряет решения по мере готовности.
<div class="daisy-diff sm:aspect-[792/656] diff-black">
<div class="daisy-diff-item-1">
<img alt="Интерфейс системы автоматизации билетных операций • Собака Павлова"
src="/images/portfolio/intickets/11.png" style="margin-top: 0;" />
</div>
<div class="daisy-diff-item-2">
<img alt="Интерфейс системы автоматизации билетных операций • Собака Павлова"
src="/images/portfolio/intickets/10.png" style="margin-top: 0;" />
</div>
<div class="daisy-diff-resizer"></div>
</div>
<em>Карточка мероприятия. Было — стало</em>
## <a name="anchor4" />Экстра-польза
Мы подсказывали продуктовые решения, выходящие за рамки дизайна: что можно упростить, убрать или перенести на уровень настроек, чтобы снизить сложность системы.
<a href="/images/portfolio/intickets/27.png" target="_blank"></a>
<em>Продажа билетов</em>
Работали как партнёр по продукту, а не как исполнитель: обсуждали приоритеты, последствия решений и их влияние на пользователей и поддержку.
<a href="/images/portfolio/intickets/18.png" target="_blank"></a>
<em>Продажа билетов. Корзина</em>
В результате заказчик получил не только обновлённый интерфейс, но и устойчивую основу для дальнейшего развития продукта.
<a href="/images/portfolio/intickets/16.png" target="_blank"></a>
<em>Продажа билетов. Фильтры</em>
## <a name="anchor5" />Особенности
Проект имел критическую ценность для бизнеса, поэтому владелец продукта был напрямую вовлечён в работу. Это задало высокий уровень ответственности: все решения принимались с уважением к существующим пользовательским привычкам и сложной легаси-системе, без резких изменений. Дизайн- и UX-решения внедрялись постепенно, точечно, с постоянной проверкой влияния на продукт и пользователей.
<a href="/images/portfolio/intickets/30.png" target="_blank"></a>
<em>Создание сенса по мероприятию</em>
Параллельно мы создали универсальные UX-паттерны для повторяющихся сущностей, объединив интерфейсы единой логикой работы и повторяющимися интерфейсными паттернами.
## <a name="anchor6" />Нюансы процесса
### <a name="anchor6" />Аналитика
1. Провели UX-аудит интерфейса личного кабинета организатора, выявили и приоритизировали ключевые проблемы навигации, структуры и работы с ключевыми данными, [сформировали основу](https://docs.google.com/spreadsheets/d/1mNn5UpKeGq9q2tSwVaAvSug4VYOdKUsZ/edit?gid=707704217#gid=707704217) для поэтапного редизайна.
<a href="/images/portfolio/intickets/2.png" target="_blank"></a>
<em>Фрагмент очета о UX-аудите</em>
2. Провели интервью с техподдержкой заказчика, чтобы выявить реальные [проблемы пользователей](https://docs.google.com/spreadsheets/d/1jsfK110Ho-ERbs5zAIIE-Kf-YFOZNGdbTn1BegZftV0/edit?gid=0#gid=0), частые сценарии ошибок и причины обращений в поддержку.
<a href="/images/portfolio/intickets/3.png" target="_blank"></a>
Фокус работы определялся не субъективно, а на основе аналитики обращений в техподдержку, UX-аудита и интервью с внутренними пользователями системы. Мы анализировали, какие разделы и действия чаще всего приводят к вопросам, ошибкам и необходимости ручного сопровождения.
<a href="/images/portfolio/intickets/17.png" target="_blank"></a>
<em>Карточка мероприятия</em>
В приоритет ставились сценарии, где пользователи регулярно «застревали»: создание мероприятий, работа с сеансами, распоясовками и параметрами. Эти зоны давали наибольшее количество повторяющихся обращений и напрямую влияли на скорость запуска продаж.
<a href="/images/portfolio/intickets/15.png" target="_blank"></a>
<em>Карточка сеанса</em>
<a href="/images/portfolio/intickets/19.png" target="_blank"></a>
<em>Список сеансов</em>
Каждая проблема оценивалась по влиянию на бизнес-процессы: риски ошибок, потери времени пользователей и нагрузка на поддержку. Именно такие точки брались в работу в первую очередь и становились основой для редизайна.
<a href="/images/portfolio/intickets/31.png" target="_blank"></a>
<em>Редактирование поясов</em>
<a href="/images/portfolio/intickets/20.png" target="_blank"></a>
<em>Создание распоясовки. Параметры. Выбор цвета для пояса</em>
На основе исследований и интервью подготовили рекомендации по улучшению интерфейса.
<a href="/images/portfolio/intickets/4.png" target="_blank"></a>
Разработали гайдлайны по структуре страниц, текстам и графическим элементам
<a href="/images/portfolio/intickets/5.png" target="_blank"></a>
<em>Фрагмент гайда</em>
### <a name="anchor7" />Дизайн интерфейса
Работа велась итерациями:
- брали отдельный раздел системы;
- проектировали решения;
- заказчик внедрял изменения;
- по результатам внедрения мы вносили корректировки.
Принятые решения фиксировались и использовались как основа для следующих разделов, что позволило постепенно привести систему к единому UX-подходу.
<a href="/images/portfolio/intickets/21.png" target="_blank"></a>
<em>Оформление заказа</em>
## <a name="anchor8" />Итог
1. Навели визуальную консистентность
- Привели интерфейс ключевых разделов к единой визуальной и функциональной логике (кнопки, поля ввода и элементы управления).
- Выстроили понятную иерархию действий, сделав основные сценарии заметными и однозначно читаемыми.
- Унифицировали внешний вид элементов, чтобы пользователь быстрее считывал логику системы.
<a href="/images/portfolio/intickets/22.png" target="_blank"></a>
<em></em>
<a href="/images/portfolio/intickets/23.png" target="_blank"></a>
<em></em>
2. Упростили сценарии взаимодействия с продуктом
- Переработали логику системы и выстроили последовательные пользовательские сценарии, в которых каждый шаг логично продолжает предыдущий и подсказывает следующий («создать распоясовку → перейти к созданию мероприятия»).
<a href="/images/portfolio/intickets/32.png" target="_blank"></a>
<em>Создание новой распоясовки</em>
<a href="/images/portfolio/intickets/24.png" target="_blank"></a>
<em>Распоясовка сохранена</em>
3. Сделали интерфейс более понятным без обучения
- Пересмотрели состав параметров в формах: вынесли второстепенные настройки в настройки личного кабинета, убрали устаревшие и неиспользуемые поля, а ключевые параметры оставили в основных сценариях работы.
- Добавили плейсхолдеры и поясняющие тексты в полях ввода.
- Ввели информеры и подсказки там, где невозможно было упростить формулировки заголовков.
- Разделили вывод информации по ролям, в зависимости от пользователя.
<a href="/images/portfolio/intickets/25.png" target="_blank"></a>
<em></em>
4. Снизили количество ошибок
- Сделали кнопки действий всегда видимыми, но неактивными до момента, когда действие возможно.
- Пользователь видит возможные шаги заранее и понимает, почему действие сейчас недоступно.
<a href="/images/portfolio/intickets/26.png" target="_blank"></a>
<em></em>
Так мы сделали интерфейс системы удобным, понятным, современным и визуально привлекательным.
<div class="daisy-diff sm:aspect-[792/656] diff-black">
<div class="daisy-diff-item-1">
<img alt="Интерфейс системы автоматизации билетных операций • Собака Павлова"
src="/images/portfolio/intickets/34.png" style="margin-top: 0;" />
</div>
<div class="daisy-diff-item-2">
<img alt="Интерфейс системы автоматизации билетных операций • Собака Павлова"
src="/images/portfolio/intickets/33.png" style="margin-top: 0;" />
</div>
<div class="daisy-diff-resizer"></div>
</div>
<em>Оформление заказа. Было — стало</em>
## <a name="anchor9" />