Лендинги

Ключи от города — трансферы и экскурсии

Лендинг сочинской трансферной компании: табло прилёта в заголовке, живой расчёт цены поездки и маршруты, по которым едет машина.

Год
2026
Роль
Дизайн и вёрстка
  • HTML
  • CSS
  • JavaScript
  • SVG

Открыть проект

/play/kluchi-ot-goroda/index.html

Попробуйте сменить район и время прилёта в расчёте — цена и класс машины меняются сразу. Тема и язык переключаются в шапке.

Галерея

О проекте

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

Что внутри

  • Табло прилёта в заголовке: строка перещёлкивает три обещания, буквы перебираются волной слева направо
  • Расчёт трансфера считается на лету — класс машины подбирается по числу людей и чемоданов, ночной тариф включается с 23:00, готовый расчёт переносится в форму заявки
  • Самолёт и машина идут по кривым через getPointAtLength: точно по линии и с поворотом по касательной, а не по приблизительной траектории
  • Дневная и ночная темы на одном наборе токенов; табло и фирменный знак остаются тёмными в обеих — иначе получился бы жёлтый по белому
  • Две языковые версии целиком, включая подписи времени на шагах и формат суммы