АлтайТурТранс

Сайт-каталог экскурсий для одного из старейших автоперевозчиков Алтайского края

Клиент

К нам обратился один из старейших автоперевозчиков Барнаула - компания “Барнаул Микробус”. Руководство компании приняло решение выйти на рынок туризма в Алтайском крае и республике Алтай. К развитию нового направления подошли основательно: сайт, контекстная реклама, с проработкой и аналитикой.

Задачи

1. Сайт

Разработать классный туристический сайт с нуля.

2. Интеграция с CRM

Заявки должны падать в админку сайта и дублироваться в CRM-ку.

3. Удобная карточка тура

Просмотр тура должен быть наглядным, быстрым и удобным.

4. Умный фильтр

Сделать умный фильтр для поиска туров по параметрам.

5. Интеграция с Instagram

Картинка из каждого нового поста должна подгружаться в специальном блоке на сайте.

Прототип

Дизайн

Фирменный стиль

У клиента не было бренд-бука, ведь проект делается полностью с нуля. Составили огромный мудборд с разными фишками, цветовыми решениями и примерами, это помогло определиться со стилистикой сайта и его общим “настроением”.

#0167CC

#D62C4B

#EDCB18

#393939

Галерея проекта

Полистать

Промо-блок с медленно плывущими облаками. По центру - категории туров и экскурсий.

Удобная карточка тура. Вся основная информация — на виду.

Картинки с эффектом "растворения" для придания дизайну воздушности.

Живая секция «о компании» — за счет сменяющегося полупрозрачного фона. Залипательно :)

Уделили особое внимание крутому автопарку, это основная фишка клиента.

Футер получился позитивным.

В компании опытные инструкторы. Решили рассказать о каждом подробно.

Простой и удобный фильтр для быстрого поиска туров.

Страница контактов получилось дружелюбной. Для карты сделали прелоадер, чтобы контент не «плясал» по странице.

Модальное окно тура. Картинки тура подгружаются из админки сайта.

За слайдером фотографий — форма бронирования. Чтобы не открывать второе модальное окно.

Интеграция с AMO CRM. Заявки падают в админку сайта и тут же дублируются в crm-ке клиента.

Подружили инстаграм с сайтом. Запостили фоточку — она тут же на сайте появилась. Удобно!

Алтай Тур Транс

С турами в модалке была проблема...

Но мы ее решили.

Дело вот в чем. У туров в модальном окне есть один минус. У них нет собственного url-адреса. Для пользователя это означает, что нельзя скопировать ссылку на отдельный тур и поделиться ею с другом :(

Часто короткий тур или экскурсию заказывают для школьного класса. В этом случае родители будут общаться в whatsapp или в социальной сети. Поэтому крайне важно, чтобы они могли делиться ссылками на тур.

Мы решили проблему при помощи любимого history api. Если коротко, мы заставили браузер запоминать id тура, который открыл пользователь. Пришлось повозиться, но оно того стоило: теперь любым туром можно поделиться, будто он лежит на отдельной странице сайта.