UX\UI
Разработка
Аудио
2024
жемчужина Ангары
%20Clouds.D3uzZUgh.jpg)
%20River.CTAp1iRK.png)
Днём она светла — светлее неба,
ночью темна — темнее тучи.
И кто бы не ехал мимо Ангары,
все любовались ею.
Туристический информационный центр г. Свирска
Клиент
Контекст
Свирск — небольшой город на берегу Ангары. Туристический информационный центр помогает гостям познакомиться с его историей и культурой:
%20Pearl.BqS9cA9l.webp)
рассказывает о достопримечательностях и маршрутах;
%20Pearl.BqS9cA9l.webp)
делится афишей событий;
%20Pearl.BqS9cA9l.webp)
проводит экскурсии.
Задача
Нужно было создать цифровой продукт, который позволит пройти экскурсию без сопровождения экскурсовода.
Мы поставили перед собой несколько целей:
%20Pearl.BqS9cA9l.webp)
рассказать историю Свирска через формат иммерсивного аудиоспектакля;
%20Pearl.BqS9cA9l.webp)
создать самостоятельный туристический продукт, доступный в любое время;
%20Pearl.BqS9cA9l.webp)
заинтересовать туристов со всей России;
%20Pearl.BqS9cA9l.webp)
подготовить платформу к дальнейшей локализации (так как в будущем планировался перевод на китайский язык из-за растущего интереса китайских туроператоров).
Помимо самой экскурсии необходимо было разработать сайт с возможностью покупки билетов и встроенным аудиогидом.
НЕ просто сайт
Мы объединили несколько сценариев в одном продукте:
1.
знакомство с экскурсией;
2.
покупку доступа;
3.
прохождение маршрута;
4.
прослушивание спектакля;
5.
просмотр карты;
6.
изучение дополнительных историй и фактов.
Все это — внутри браузера, без установки приложения и прочих лишних действий.
%20Angara_Baikal.Cb-strrN.png)
когда искусственный интеллект почти ничего не умел
Проект разрабатывался в период, когда генеративные нейросети только начинали использоваться в коммерческих проектах.
Сегодня можно получить серию персонажей одним запросом, тогда этого не существовало. Каждая иллюстрация генерировалась отдельно, после чего вручную приводилась к единому стилю:
%20Pearl.BqS9cA9l.webp)
внешность персонажей;
%20Pearl.BqS9cA9l.webp)
цветовая палитра;
%20Pearl.BqS9cA9l.webp)
детали одежды;
%20Pearl.BqS9cA9l.webp)
атмосфера сцен;
%20Pearl.BqS9cA9l.webp)
художественная обработка.
Так удалось получить целостный визуальный язык без привлечения иллюстраторов и без увеличения бюджета проекта.
%20Images.BNnzBiRH.png)
Иммерсивность начинается до покупки
Первый экран встречает пользователя не каталогом функций, а героиней спектакля — Ангарой. Она становится рассказчиком истории и приглашает пройти путешествие.
Вместо привычного списка преимуществ пользователь сразу погружается в атмосферу будущей экскурсии.
%20Mainpage.KgWcNPnC.png)
два сценария участия
Продукт рассчитан на разных пользователей:
%20Pearl.BqS9cA9l.webp)
одни хотят пройти маршрут самостоятельно;
%20Pearl.BqS9cA9l.webp)
другим интереснее приехать организованной группой.
Поэтому мы разделили сценарии:
1.
При выборе самостоятельной экскурсии, турист оплачивает доступ и сразу начинает прохождение маршрута.
2.
Пользователь оставляет заявку, после чего организаторы получают письмо и связываются с участником для формирования группы.
%20Phones.CjSSIfxp.png)
система отправки заявок
Для записи на групповые экскурсии было важно, чтобы заявки не терялись. Мы реализовали схему отправки писем, которая позволяла доставлять уведомления организаторам, минуя папку «Спам».
При этом удалось отказаться от дорогостоящих сервисов рассылок и избежать длительного прогрева нового домена.
Интерфейс проектировался для использования на улице
Во время экскурсии человек постоянно находится в движении. Он идет по незнакомому городу, слушает историю, ориентируется по маршруту и периодически достает телефон. Это совершенно другой сценарий использования по сравнению с обычной прогулкой.
Поэтому каждое решение проверялось через реальные условия использования:
%20Pearl.BqS9cA9l.webp)
Элементы управления сделали крупными, чтобы ими было удобно пользоваться одной рукой.
%20Pearl.BqS9cA9l.webp)
Навигацию упростили до следующей точки маршрута, чтобы пользователь не тратил внимание на чтение карты.
%20Pearl.BqS9cA9l.webp)
Главы спектакля построили как последовательный сценарий, чтобы человеку не приходилось искать нужный эпизод самостоятельно.
Интерфейс сопровождает прогулку, а не конкурирует с ней за внимание.

Ограничения проекта
Проект создавался на средства гранта. Это означало, что каждое решение приходилось оценивать не только с точки зрения пользовательского опыта, но и стоимости реализации.
Нужно было получить ощущение дорогого цифрового продукта, используя максимально доступные технологии.
Результат
Получился не промосайт и не аудиогид. Мы спроектировали сервис, который сопровождает пользователя на каждом этапе экскурсии:
%20Pearl.BqS9cA9l.webp)
До покупки он формирует ожидание путешествия.
%20Pearl.BqS9cA9l.webp)
После покупки становится навигатором по маршруту.
%20Pearl.BqS9cA9l.webp)
Во время прогулки помогает двигаться по сценарию спектакля, не отвлекая внимание от города.
Именно эта смена ролей позволила объединить маркетинговую часть, покупку билетов, иммерсивный аудиоспектакль и интерактивный маршрут в единый пользовательский опыт.
%20Sand.VX5lgr4D.png)