Задача
Один застосунок для кожного курорту, у найскладніших умовах
Piste Mapper допомагає лижникам орієнтуватися на курорті: кожна траса й підйомник, маршрути під їхній рівень, уся група на одній карті. Продукт мав працювати для людини, яка стоїть на схилі в рукавицях, і підлаштовуватися під айдентику кожного курорту, де він запускається. Згодом туроператори стали каналом дистрибуції, і застосунок виріс у тревел-застосунок, що тримає всю подорож.
Паперові карти й звичайні застосунки з картами не відповідають на єдине важливе на горі питання: яка траса і який підйомник доведуть мене туди, куди треба. Люди зупиняються, вгадують і опиняються не на тій трасі, часом складнішій за їхній рівень. Це заплутано й небезпечно.
Для курорту це не біль, а рівень сервісу. Гості, які знають, де вони, більше катаються, менше чекають і їдуть із кращим враженням. Застосунок має виглядати як власний сервіс курорту, а не сторонній інструмент.
Сервіс оператора зазвичай закінчується біля дверей готелю. На горі гість лишається з розрізненими листами, роздруківками й іншими застосунками. Подорож, що відчувається розірваною, — привід наступного разу не бронювати в того самого оператора.
Правила дизайну
Чотири правила, що визначили кожен екран
Перш ніж проєктувати сценарії, ми домовилися з клієнтом, як застосунок має поводитися на горі. Кожне наступне рішення ми звіряли з цими правилами.
Лижник дивиться в телефон між спусками або в черзі на підйомник. Маршрут, група й інформація про курорт мають бути на відстані одного погляду.
Великі зони натискання й щедрі відступи, розраховані на рукавиці, а не на кінчики пальців.
Без ховерів, вкладених меню й випадних рядків пошуку. Кожна ключова дія — за один дотик.
Інтерфейс спроєктовано в чорному, білому й сірих. Кольори курорту лягають зверху, тож структура ніколи від них не залежить.
Навігація
Кожна ключова дія — на першому рівні
Ми зберегли пласку структуру. Вкладки розділів — угорі, головна навігація — унизу: Home, Profile, Food & Drink та Itinerary. Керування групою, історія й налаштування живуть у Profile, тож нижня панель тримає лише те, що відкривають на схилі.
Кожна ключова дія — за один дотик, у рукавицях. На схилі це означає менше зупинок, менше помилкових поворотів на розвилці й менше часу на холоді.
White-label
Один продукт, айдентика будь-якого курорту
Кожен курорт запускає застосунок у власних кольорах. Для white-label дизайну питання було в тому, як впустити бренд і не дати йому змінити те, як читається інтерфейс.
Кожен курорт приносить основний і додатковий колір. Деякі пари близькі, деякі конфліктують, як червоний із синім.
Ми спроєктували інтерфейс спершу в монохромі: чорний, білий і сірі тримають структуру та ієрархію. Кольори бренду йдуть лише на акценти.
Будь-яка палітра, навіть контрастна, дає цілісний інтерфейс. Новий курорт — це нові значення кольорів в одній дизайн-системі, а не нові екрани.
Продукт масштабується від курорту до курорту без дизайнерської роботи, а кожен курорт отримує застосунок, який виглядає як власний і однаково читається для лижника.
Ключові сценарії
Один сценарій на кожне питання на горі
Куди я їду, де моя група, де поїсти, як минув день. Кожен сценарій відповідає на одне з цих питань, зі станами й крайніми випадками для кожного. Три з них працюють на карті, тож інтерфейс карти мав читатися з першого погляду.
Маршрути будуються з трас і підйомників і не виходять за рівні складності, які лижник обрав у налаштуваннях.
Групу створюють і ведуть у застосунку: запрошують людей за посиланням і бачать учасників наживо на карті. Адмін керує групою, учасники приєднуються й діляться геолокацією.
Гід курортом: які є бари й ресторани, де їх знайти і чи вони зараз відчинені.
Кожен день на таймлайні. Спуск відкривається з його шляхом на карті, часом, відстанню, перепадом висот і швидкістю.
Комфортні рівні трас і бажані типи підйомників задаються один раз і працюють у кожному маршруті.
Подорож
Дані подорожі, впорядковані за моментом, коли вони потрібні
Коли туроператори стали каналом дистрибуції, застосунок узяв на себе їхній бік відпочинку: оператор дбає не лише про саму подорож, а й про комфорт гостя на горі. Клієнт поділився даними, які зберігає CRM оператора. Нашим завданням було перетворити їх на те, чим гість може користуватися в дорозі.
Три вкладки йдуть у тому порядку, у якому їх проходить гість: перельоти, трансфери, проживання. Скіпас, прокат спорядження й лижна школа — разом із проживанням, там, де ними користуються.
Кожна картка починається з того, що гість шукає саме в цю мить: час вильоту в аеропорту, місце зустрічі для трансферу, час заселення в готелі, штрихкод біля турнікета підйомника.
Пакети різні: не в кожного гостя є трансфер чи фото готелю. Кожна картка має стан для відсутніх даних, тож неповне бронювання ніколи не виглядає зламаним.
Усі бронювання мають однакову структуру картки, тож новий тип послуги з CRM вписується без нового дизайну.
Сервіс оператора тепер доходить до гори, а гість має всю подорож у тому самому застосунку, що й карта.
Сайт
Дві аудиторії, дві причини зацікавитися
Як і будь-який лендинг застосунку, сайт має переконати лижників завантажити застосунок. Цей мав ще й переконати туроператорів пропонувати його своїм гостям. Їм потрібні різні аргументи, тож ми побудували дві окремі історії на одній візуальній мові.
Починаємо з ситуацій, які вони впізнають: помилковий поворот, загублена група, траса складніша за їхній рівень. Функції з’являються як відповіді на них, далі — курорти й завантаження.
Починаємо з їхнього бізнесу: їхній сервіс закінчується, щойно гість доїхав до курорту. Сторінка показує, як застосунок продовжує його на горі і як просто його запустити.
Лижні фото з накладеними елементами інтерфейсу показують продукт там, де ним користуються, і пояснюють цифровий інструмент краще, ніж самі скриншоти.
Графіка маршрутів та елементи інтерфейсу на сайті взяті із застосунку, а та сама система тримає скриншоти для сторів і презентацію для продажів. Кожна точка контакту розповідає одну історію.
Результати
Один продукт, що працює для трьох сторін
Piste Mapper отримав продукт, який служить лижнику на схилі, курорту, що запускає його у власній айдентиці, і туроператору, який приводить до нього гостей.
Застосунок для рукавиць і холоду, де кожна ключова дія — за один дотик.
White-label система: кожен новий курорт — це набір значень кольорів, а не редизайн.
Маршрут подорожі на основі даних їхньої CRM, що продовжує сервіс від поїздки до часу на горі.
Розкажіть про свій продукт і бренди, які він має нести. Ми сплануємо одну дизайн-систему, що лишається чіткою в будь-якому кольорі.
