Express Line
Корпоративний сайт міжнародного пасажирського перевізника Чехія — Хорватія, що працює як живий розклад, а не онлайн-листівка.
Express Line — пасажирський перевізник, що з 2014 року возить людей між Чехією та Хорватією. До нас вони прийшли з типовою для перевізника проблемою: сайт-візитка десятирічної давнини, без розкладу, без бронювання, без англійської. Усі заявки — у месенджери. Усі питання про маршрут і ціну — диспетчеру по телефону.
Завдання звучало просто: «зробити так, щоб людина могла подивитись розклад і забронювати місце сама, без дзвінка». Усе інше — переклади, дизайн, контент — ми розплутували разом по ходу.
Десять тижнів проєкту, із них чотири — на інтеграцію з системою бронювання, в якій оператор веде ручний облік місць в Excel.
Розклад — це продукт
У більшості перевізників сайт побудований навколо «про нас», «наш парк», «наші переваги». Реальна потреба клієнта — «коли наступний рейс і скільки коштує до Спліту». Усе інше — другорядне.
Ми перевернули структуру: на першому екрані — інтерактивний розклад із вибором дати, точки відправлення, точки прибуття. Калькулятор ціни виводиться до «про нас», а не після. «Про нас» опинилось унизу — як спокійна історія, а не як стіна тексту, яку потрібно пройти, щоб дізнатися ціну.
Розклад на головному екрані
Вибір напрямку, дати, кількості пасажирів — без переходів. Результат із цінами зʼявляється під формою без перезавантаження.
Калькулятор з багажем
Окремо рахуються пасажири, велосипеди, додатковий багаж, дитячі сидіння. Ціна оновлюється в реальному часі.
Бронювання без реєстрації
Імʼя, телефон, місце посадки — три поля, smtp-підтвердження, лід падає в Telegram диспетчера через бот.
Тримовність із дня релізу
UA · EN · CZ. Контент тримається в одному JSON, який редагує оператор через простий адмін-CRUD.
Море, гори,
і довіра
Палітра — Адріатика наживо: глибокий нічний синій як основа, чистий білий для контрасту, бірюзовий акцент для активних станів. Жодних «транспортних» жовто-чорних попереджень. Перевізник, що везе людей у відпустку, не має виглядати як логістична компанія.
Фон головної — справжні фотографії узбережжя й гір Хорватії, не стоки. Ми домовились із замовником, що зробимо одну зйомку маршруту й використаємо її скрізь — це дорого, але це і є дизайн-система.
Розклад — це продукт
Aa
Space Grotesk · Display / Inter · BodyСайт перевізника не повинен пояснювати компанію — він повинен продати квиток до того, як клієнт почав сумніватися.
Швидко читається
швидко працює
Перевізника людина читає швидко, часто з мобільного, часто в дорозі. Тому увесь motion на сайті — функціональний: підсвічування активного етапу форми, плавна заміна цифри в калькуляторі, скрол-снап між секціями результату пошуку. Жодних 3D-героїв, жодних паралаксів — вони сповільнюють розуміння ціни.
Контент на сторінці маршруту лежить у строгому порядку: коли — звідки — скільки — як добиратися — про автобус. Якщо щось із цього прибрати, шлях до бронювання довжиться. Ми тестували це із десятьма «холодними» користувачами до того, як написати перший рядок коду.
Next.js
і REST
Next.js (App Router) + TypeScript — для роботи з трьома мовами, SEO та серверним рендером сторінок маршрутів. Бронювання приймає Route Handler, що пише в Postgres через Prisma. Лід паралельно йде в Telegram-бот диспетчера. Оплата — поки що офлайн (так захотів власник), але інтеграція зі Stripe закладена в архітектурі.
Перший сезон
Диспетчер вперше за десять років роботи компанії перестав піднімати слухавку до обіду. Замовник каже, що це звучить як магія, але магія — це просто інженерія, доведена до кінця.
Я думав, ми робимо «новий сайт». Виявилось, ми зробили нову компанію.
Хочеш такий же результат для свого бізнесу? Дивись послугу «Корпоративний сайт» →
