Jetsavia: знак, дизайн-система и сайт аренды частных самолётов с калькулятором цены и Telegram-ботом

Клиент: Jetsavia подбирает частные самолёты у сертифицированных перевозчиков по России и миру. Jetsavia не авиакомпания: рейс выполняет перевозчик, а сервис подбирает борт, считает ориентир цены и ведёт клиента до вылета. Дорога до самолёта — трансфер, терминал, багаж и питомцы — тоже часть поездки.

Ситуация: чтобы узнать цену частного перелёта, обычно нужно оставить заявку и ждать ответа. Цена складывается не только из полёта: в неё входят пустой перегон самолёта обратно на базу и сборы аэропортов, которые за рубежом выше. Знак, фирменный стиль и сайт сервису предстояло сделать с нуля. Частную авиацию часто оформляют золотом на чёрном, и сервису нужен был свой образ.

Задача: нарисовать знак и дизайн-систему и собрать сайт, где человек выбирает маршрут, дату и число гостей и сразу видит ориентир за весь самолёт — с перегоном и сборами. Цена должна считаться так же, как её считают перевозчики. Каждая сцена главной должна работать на телефоне. Заявки с сайта и сообщения в Telegram должны приходить в один рабочий чат команды, а консультант — отвечать клиенту, не выходя из этого чата.

Айдентика: «Небо» и чайка

Для знака и стиля мы нарисовали три направления: «Чайка» — тёмный кобальт и мёд, «Линия» — графит и серебро, «Небо» — светлый экран и кобальт. Из них собрали одно: светлый воздушный экран «Неба» и чайку, нарисованную пером, по росчерку на каждое крыло. Вместо золота на чёрном — светлое небо, один фирменный синий и тёплый свет заката.

Имя набрано контурами Inter Display, всё остальное — одним шрифтом Google Sans, от заголовка до цены. Палитра:

• Кобальт #2A55D6 — кнопки, маршруты и цены;

• Мёд #E5B266 — тёплые акценты и закат;

• Лён #F4EDE3 — спокойные панели;

• Ночь #0B1530 — сцены с планетой и заявкой.

Первый экран: фильм и поиск

Фильм идёт не во весь экран, а в карточке со скруглёнными углами — так страница остаётся светлой. Сцены фильма: трап, иллюминаторы, небо, крыло в небе. Поиск лежит на нижнем крае карточки: в одну сторону, туда и обратно или сложный маршрут, аэропорты, дата и гости. Под ним — популярные маршруты с ценой «от», они сразу открывают подбор.

Между первым экраном и флотом — пауза. Иллюминатор при прокрутке раскрывается в небо, слова расходятся по диагонали, и на открытом окне появляется фраза «Время снова принадлежит вам».

Трансфер: от двери до трапа

Дорога до самолёта — тоже часть поездки, поэтому сайт показывает её по минутам: 14:20 — водитель у подъезда, 15:05 — терминал без очередей и отдельный досмотр, 15:20 — машина у трапа, где это позволяет аэропорт. На компьютере время ведёт за собой фото, на телефоне сцена становится карточкой во весь экран с полосками, как в сторис.

Калькулятор цены за весь самолёт

В калькуляторе шесть классов: лёгкий, средний, супер-средний, большой, сверхдальний и VIP-лайнер — от турбовинтового Pilatus PC-12 до VIP-лайнера. Ориентир считается так, как его считают перевозчики:

• часы полёта по воздушным трассам;

• пустой перегон обратно на базу;

• сборы аэропортов — за рубежом они выше.

Ставки мы сверили с опубликованными ценами российских операторов. Пример: Внуково — Сочи на Pilatus PC-12 NG (до 8 мест, 280 000 ₽ в час) — 3 ч 5 мин полёта, столько же перегона и 120 000 ₽ сборов, итого ориентир 1 860 000 ₽ за весь самолёт в одну сторону. Это не оферта: точную цену подтверждает перевозчик, и на сайте это сказано рядом с цифрой.

Планета маршрутов и страницы направлений

Ночная сцена с планетой поворачивается к выбранному маршруту. Планета нарисована на WebGL, а если он недоступен, её рисует запасной Canvas. Контуры суши для планеты и карт — Natural Earth.

У каждого популярного направления своя страница — например, «Частный самолёт Москва — Дубай» — с ценами из того же калькулятора, вопросами и заявкой. Всего 23 страницы направлений и 4 статьи, у каждой страницы своё превью ссылки. Для поисковиков — разметка, для нейропоиска — отдельный файл.

Заявки и Telegram-бот

Заявки с сайта принимает небольшой сервис на сервере: проверяет поля, отсекает ботов, хранит заявки, каждую ночь делает резервную копию и сразу присылает заявку в рабочий чат команды.

Туда же приходят сообщения боту @jetsaviabot:

• клиент пишет боту, откуда и куда летит, дату и число гостей — сообщение с именем и ником уходит в рабочий чат;

• консультант отвечает через «Ответить», и клиент получает ответ от имени бота;

• в приветствии бота — кнопки «Рассчитать стоимость», «Оставить заявку» и «Пустые перелёты», которые ведут на сайт.

Сцены для телефона

Каждая сцена главной заново собрана под экран смартфона, а не сжата с компьютера: трансфер стал карточкой во весь экран, планета встала над списком маршрутов, а форма заявки — среди фотографий направлений.

Технологии

Сайт написан на HTML, CSS и JavaScript без конструктора, планета — на WebGL с запасным Canvas. Приём заявок — сервис на Node.js с ночным резервным копированием и отправкой в Telegram; через тот же рабочий чат работает бот. Яндекс Метрика с целями запускается после согласия на cookie. Фото и видео на сайте — со стоков Pexels и Unsplash.

Сайт работает на jetsavia.ru с октября 2026 года. Посетитель видит ориентир цены за весь самолёт до первого звонка, а заявки с сайта и сообщения боту приходят в один рабочий чат команды.

Что получил клиент

• Знак-чайку и дизайн-систему «Небо»

• Сайт с фильмом на первом экране, иллюминатором и планетой маршрутов

• Калькулятор цены за весь самолёт для 6 классов — от Pilatus PC-12 до VIP-лайнера

• 23 страницы направлений и 4 статьи со своими превью ссылок

• Приём заявок с сайта с проверкой полей и ночной резервной копией

• Telegram-бота @jetsaviabot и общий рабочий чат для заявок и сообщений

• Яндекс Метрику с целями после согласия на cookie

Бот: https://t.me/jetsaviabot

Сайт: https://jetsavia.ru