Лендинг для Tatev Zipline
Сайт зиплайна над ущельем Татева, где прокрутка — это сам полёт. Персонаж скользит по тросу через весь лендинг, от стартовой вышки до кнопки бронирования.
- Клиент
- Tatev Zipline
- Платформа
- Веб-сайт
- Роль
- Концепция, дизайн, иллюстрации, анимация, разработка
- Языки
- Русский, английский, армянский
Задача
Зиплайн в Татеве продаёт впечатление, которое трудно передать словами: полчаса полёта над ущельем, четыре линии подряд, горы Сюника под ногами. Гости — туристы из разных стран, и решение они принимают заранее, с телефона, ещё до поездки. Нужен был сайт, который за пару минут даёт почувствовать сам полёт, честно отвечает на практические вопросы — сколько длится, как устроено, насколько безопасно — и без лишних шагов доводит до брони на удобном гостю языке.
Идея
Страница — это и есть полёт. На первом экране персонаж стоит на стартовой вышке, и прокрутка отправляет его вниз по тросу. Трос проходит через весь сайт от вышки к вышке — четыре линии с настоящими длинами маршрута — и заливается оранжевым позади героя. Живой прибор показывает номер линии, высоту и пройденные метры из 2 500. Финишная вышка стоит ровно у призыва забронировать: посетитель долетает до решения вместе с героем.
Решение
Вокруг сквозного полёта — всё, что нужно для решения: крупные цифры маршрута, галерея моментов полёта, схема линий на рельефной карте, четыре шага от инструктажа до финиша и другие развлечения на месте. Бронирование обходится без форм: кнопка открывает выбор канала, и звонок, WhatsApp или Telegram запускаются одним касанием. В WhatsApp сообщение уже написано на языке страницы — гостю остаётся нажать «отправить». Сайт полностью переведён на русский, английский и армянский, а для поисковиков размечен структурированными данными туристической достопримечательности.
Подход
Визуальный язык взят у самого места: тёмная зелень ущелья, закатный оранжевый, силуэты гор и монастыря, крупный гротеск в заголовках. Вышки, персонаж, пейзаж и иконки нарисованы векторно и встроены в страницу, поэтому остаются чёткими на любом экране. Анимации собраны на GSAP и ScrollTrigger с плавной прокруткой Lenis; тем, у кого в системе включено уменьшение движения, сайт сразу показывает всё в итоговом состоянии. Мобильная версия — не урезанная копия: полёт работает так же, а прибор перестраивается в компактную полосу под шапкой.
Результат
Лендинг запущен на трёх языках. Гость понимает маршрут, длительность и порядок полёта ещё до звонка, а от последнего экрана до брони его отделяет одно касание — с уже написанным сообщением. Статистику бронирований покажем, когда она накопится: сайт только вышел.
Обсудим ваш процесс?
Расскажите, что отнимает больше всего времени. Посмотрим, можно ли это убрать — и если нет, скажем прямо.
Написать в Telegram