Кейс по редизайну сайта туристического агентства
Компания “ТрансАвиа” столкнулась с проблемой отсутствия заказов с сайта. При первичной консультации нашими специалистами было выявлено большое количество недочетов сайта с точки зрения дизайна и usability.
В других агентствах клиенту предлагали полностью переделывать сайт, что является дорогим решением. Заказчика в целом устраивала текущая CMS, поэтому мы предложили дополнить существующий сайт, что намного рациональнее.
Задача проекта состояла в обновлении дизайна сайта компании “ТрансАвиа” с акцентом на современный внешний вид и удобство для пользователей. Требовалось усовершенствовать UI/UX дизайн с целью повышения конверсии и увеличения времени пребывания посетителей. Важно было сохранить существующую CMS, при этом переработать визуальную часть, сделать интерфейс более понятным и логичным, а подачу информации — более структурированной. Новый дизайн должен был лучше отражать специфику компании и корректно отображаться на различных устройствах.
Решение проекта заключалось в переработке ключевых элементов интерфейса сайта компании “ТрансАвиа” с упором на удобство и повышение конверсии. Был обновлён первый экран, а основные категории услуг представлены в виде кликабельных цветовых блоков. В процессе редизайна были акцентированы контактные данные, добавлены телефоны для каждой категории услуг, кнопка обратного звонка и иконки социальных сетей, что упростило взаимодействие пользователей с сайтом.
Компания работает в нише туристических услуг, предоставляя клиентам комплексные решения для организации поездок и перевозок. Основная специализация — продажа авиабилетов, туристическое сопровождение, а также транспортно-экспедиционные услуги. Дополнительно компания выполняет представительские и супервайзерские функции в аэропорту.
Внесенные изменения
Главная страница
Изначальная главная страница была очень короткой и состояла из главной обложки с кнопкой поиска тура, категорий услуг, новостей и ссылок на страны. Эта страница – самое первое, куда попадает потенциальный клиент, поэтому должна как можно дольше задерживать его внимание.
Был переоформлен первый экран: теперь в заголовке присутствует не слоган компании, а предоставляемые услуги, что влияет также на SEO позиции в поисковой выдаче. Основные категории услуг оформлены кликабельными блоками и выделены цветом.
Также для главной были отрисованы следующие блоки:
- “Почему нам доверяют” и “Гарантируем высокое качество услуг” – закрывают боли клиентов, повышают доверие к компании
- Блоки с логотипами компаний, с которыми сотрудничает агентство
- Отдельный блок с доступными картами рассрочек – для многих туристов сейчас наличие такого способа оплаты является главным критерием выбора турагентства
Для первого экрана была отрисована форма подбора тура, которая выполняет функцию лид-магнита и упрощает работу менеджеров: форма собирает основные пожелания по туру клиента и его контактные данные (представлена ниже).
Шапка сайта и меню
В старой версии хэдера контакты терялись среди других элементов из-за маленького шрифта и его серого цвета. Также в шапке были ссылки только на категории услуг, поэтому в макет были добавлены ссылки на все страницы. в том числе с выпадающими списками.
В ходе редизайна были выделены контакты, телефоны для каждой категории услуг, добавлена кнопка обратного звонка (что также облегчает обращение клиента к компании), кнопки социальных сетей.
Подвал сайта
Футер сайта также является важной его частью. В ходе его редизайна были добавлены ссылки на социальные сети, небольшое описание о компании и её услугах, доступные способы оплаты и карты рассрочки. Также немаловажной деталью является добавление формы обратной связи прямо в футере, что облегчает связь клиента с компанией.
Какие программы и инструменты мы использовали
Результаты по дизайну
Таким образом, для повышения улучшения сайта не потребовалось создание нового. Благодаря UI/UX редизайну сайт стал удобен для использования посетителями, а также эффективен с точки зрения продаж. Кроме того, данные изменения положительно влияют на SEO-позиции сайта.
Давайте обсудим проект!
