Kaztour — одно из старейших турагентств Казахстана. Чтобы помочь компании выйти на цифровой travel-рынок, в «Ракетной фирме» спроектировали дизайн нового веб-сервиса.
Несмотря на то, что в этом проекте нашей задачей был только дизайн, объем работы получился по-настоящему большим. В рамках проекта мы задизайнили ~70 уникальных экранов сервиса и 35 дополнительных состояний.

Сделано с умом
Сначала мы провели исследование travel-рынка: изучили интересы и поведение покупателей туристических услуг в офлайне и онлайне, затем построили customer journey map и user flow, и только после этого приступили к проектированию прототипов.

Mobile first
Более 80% посещений туристических сайтов происходит с мобильных устройств, поэтому первыми прототипами нового сервиса стали адаптивные экраны.
На главном экране и разводящих страницах акцент сделан на демонстрации туристических продуктов. Общее же визуальное настроение и создание атмосферы путешествий достигается за счет использования фотографий приятных туристу мест.
Подбор тура
С большим вниманием спроектирован экран поиска туристических путевок. Функциональность позволяет осуществлять подбор тура как быстро, «широкими мазками», с помощью готовых фильтров типа отдыха, так и более тонко, настраивая каждый параметр вручную.
Информационная иерархия страницы выстроена так, чтобы важная информация была заметна сразу, но не конкурировала с другими элементами на странице.

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

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

UI-кит и дизайн-система:
