Кейс: Разработка веб – сайта и презентационных материалов для Тур оператора «Baltic Voyage»

Клиент: Компания – туроператор в Калининградской области.

Задача: Разработать двуязычный адаптивный веб – сайт для компании туроператора + презентационные материалы.

Цели:

1. Привлечь новых клиентов, мотивировать человека заказать тур в «Baltic Voyage»;
2. Вызвать доверие и убедить потенциального клиента в профессионализме компании.

Анализ аудитории Туристического Агенства

Перед началом работы над проектом, команда «Business Boom» всегда проводит комплекс аналитических процедур, чтобы сформировать идеальную концепцию и стратегию продвижения для клиента.

Для «Baltic Voyage» мы нашли 5 сайтов – конкурентов в той же отрасли в России и в Европе, изучили их структуру и провели анализ трафика с помощью сервиса SimilarWeb.

Появилось понимание течения потенциальных клиентов заказчика, и как нам направить этот поток на новый сайт.

Направили заказчику бриф на заполнение. Затем назначили встречу, чтобы утвердить все детали проекта.

На встрече ознакомились с уже заполненным брифом, разработали структуру, выбрали основные брендовые цвета, желаемые функции, аудиторию, графические элементы и наличие анимации.

1 этап

Разработать презентационные материалы, а затем в том же стиле создать веб — сайт.

Для разработки дизайна презентационных материалов и для сайта в последующем, дизайнер команды «Business Boom» собрал типографику  и выбрал контрастную цветовую палитру из оттенков синего и жёлтого.

Основной целью презентационных материалов было: привлечение клиентов из-за рубежа, поэтому они разрабатывались на английском языке.

Первая страница должна привлекать внимание и вызвать желание листать презентацию дальше, поэтому мы использовали большое количество элементов и дизайнерских решений, чтобы вызвать «ВАУ» — эффект.

Далее мы решили показать список услуг компании, чтобы потенциальный клиент сразу понимал, чем ему может помочь «Baltic Voyage».

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

Презентационные материалы разработаны в едином стиле. Каждый следующий слайд подчёркивает впечатление от предыдущего. Мы стремились сделать акцент на визуальный ряд. Проработать содержание материалов так, чтобы использовать минимум текста и дать максимум полезной информации потенциальному клиенту.

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

Разработка дизайна веб – сайта туристической компании

На этот этап ушло меньше времени, чем обычно, так как у нас уже имелась проработанная концепция благодаря презентационным материалам. А из анализа стало понятно, какая у заказчика аудитория. Поэтому мы с ходу взялись за разработку макетов сайта.

Макеты тоже необходимо было согласовать с заказчиком. Договорились о встрече. Скорректировали пару деталей и утвердили макеты.

Следующий шаг: доработать дизайн в соответствии с техническим заданием.

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

Команда дизайнеров придумала специальное решение для баннера: кнопки в виде иконок, которые позволяют переключаться между баннерами по желанию, и сразу дают понять, о чём будет следующее изображение, на которое переключается пользователь.

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

Забегая вперёд скажу, что данная деталь особенно понравилась заказчику на этапе согласования. Мы были рады превзойти его ожидания в этом отношении.

Так вышеописанные иконки выглядели на этапе разработки:

А так на самом сайте:

Главная страница в проекте служит, по сути, одновременно визитной карточкой компании и навигатором по веб – сайту, так как мы расположили на ней каждую услугу компании вместе с карточками товаров.

Таким образом, пользователь может легко найти нужный тур и узнать всю информацию в один клик. Это особенность проекта.

Также мы выделили туры и экскурсии в отдельные разделы.

Самые важные разделы в списке – трансфер и отели, но о них чуть позже.

Дизайн мы тоже согласовали с заказчиком. На весь процесс потратили около 1 рабочей недели.

Передали текст – наполнение сайта нашим партнёрам для перевода на английский язык, а разработчик в это время уже начал верстку веб – сайта по утвержденному дизайну.

Верстка веб – сайта

На этом этапе нам предстояло проделать более сложные процессы. Разработчик проработал анимации, прописал скрипты и сверстал блоки.

В компании заказчика имеется автопарк для перевозок клиентов по России. Ещё заказчик сотрудничает с сайтом подбора и бронирования отелей «ostrovok.ru». Перед разработчиком стояла задача добавить формы для резервирования автомобиля и бронирования номера в отеле на сайт заказчика и интегрировать их.

Было решено выделить их в отдельные разделы:

1. Раздел «Трансфер», где пользователь может выбрать подходящий транспорт.

2. Раздел «Отели», где можно найти нужный отель и забронировать в нём номер. Это сделано в целях экономии времени и действия пользователя.Необходимо было прописать специальные скрипты и настроить интеграцию между сервисами. На это ушло приличное количество времени, но сейчас всё работает как швейцарские часы.Следующая задача для разработчика: адаптировать веб – сайт под различные устройства. Сжать и сместить блоки таким образом, чтобы пользователю было максимально комфортно пользоваться веб – сайтом и на смартфоне, и на планшете, и на компьютере.После адаптации мобильная версия веб —  сайта выглядела так:Следующий шаг: оптимизация. Быстрая скорость загрузки сайта, скорость загрузки изображений, время загрузки для взаимодействия – все эти параметры влияют на ощущение комфорта пользователя, когда он приходит на веб – сайт. Если будет загружаться слишком медленно, то есть риск потерять клиента. В этом важность оптимизации.Нам удалось прокачать этот параметр до хорошего результата в 83 пункта при разработке.Затем нужно было сделать финальные штрихи:
   1. Создать корпоративную п почту для заказчика
   2. Посадить веб – сайт на CMS WordPress
   3. Настроить административную панель веб – сайта так, чтобы заказчик смог самостоятельно вносить изменения без помех.

   По окончанию работ, мы передали сайт и презентационные материалы клиенту. Он остался доволен.

   Результат: Рабочий адаптивный веб – сайт туроператора на двух языках и презентационные материалы компании в едином стиле.