Сайт туристического оператора Adventure Guide

Аналитика
UX/UI дизайн
Frontend
Backend
Битрикс-24
A.I.

Адвенче

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

Обсудить проект

Цель

Увеличить продажи с помощью нового сайта, улучшенной производительности и удобного функционала.

Задачи

Создать эстетически привлекательный и интуитивно понятный интерфейс, который позволит пользователям легко ориентироваться на сайте и находить нужную информацию.
Провести детальный анализ текущего состояния сайта и его производительности. Оценить время загрузки страниц, скорость ответа сервера, использование ресурсов и другие параметры производительности. Основными инструментами для измерения производительности были Google PageSpeed Insights, Lighthouse и GTmetrix. Статья о реактивном фильтре и возможностях ElasticSearch
Оптимизировать изображения, уменьшив их размер без потери качества. Использовать современный формат изображений высокой степенью сжатия (WebP), а также ленивую загрузку для ускорения их отображения.
Внедрить механизм кэширования, чтобы уменьшить нагрузку на сервер и ускорить время отклика.
Минифицировать и объединить статические файлы (CSS, JavaScript) для уменьшения размера и количества запросов к серверу.
Улучшить производительность фильтров. Провести тщательный анализ и оптимизировать код, чтобы ускорить работу фильтров и снизить время ответа сервера.

Технологический стек

1С-Битрикс ElasticSearch Git Jenkins Nginx PHP-FPM Redis

В данном проекте мы отказались от стандартного фильтра 1С-Битрикс и переписали все с нуля на Elasticsearch. Это позволило нам построить самый быстрый фильтр на рынке. Фильтрация тура происходит за 60 милисекунд. Это примерно в 5 раз быстрее, чем успеет моргнуть человек.

Сергей Буков

Руководитель проекта

Дизайн-система

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

Библиотека компонентов Стили шрифтов Уникальные иконки Иллюстрации

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

Адаптивность

Особое внимание уделяем адаптивной версии сайта. Сайт просто создан для экрана мобильного устройства!

Реактивный поиск на ElasticSearch обеспечивает высокую скорость и точность поиска даже с большим объемом данных. Благодаря распределенной архитектуре и оптимизированным механизмам индексации, пользователям предоставляется мгновенный доступ к результатам поиска, даже при наличии более 10 000 уникальных товаров на сайте.
Улучшенна точность и релевантность: ElasticSearch предоставляет возможности для настройки релевантности поисковых результатов. Это позволило отображать наиболее соответствующие товары на первых позициях, основываясь на правилах и алгоритмах ранжирования.
Расширяемость и интеграция: ElasticSearch легко интегрируется с другими компонентами микросервисной архитектуры и сторонними инструментами. Это позволяет использовать ElasticSearch в сочетании с другими технологиями и расширять его возможности в соответствии с потребностями Агроферма.
Фильтрация и агрегация данных: С новым функционалом мы получили возможность применять различные фильтры и агрегации для уточнения результатов поиска. Пользователи могут легко найти товары по категориям и другим параметрам.

Аналитика

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

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

Страницы туров

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

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

Коллекция иконок

Более 100 уникальных иконок

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

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

Битрикс 24

Провели базовую настройку портала Битрикс-24. Настроили воронку продаж, права и роли сотрудников.
Синхронизировали портал с рабочей почтой сотрудников. Менеджеры компании теперь работают с электронными письмами из Битрикс24. История переписки фиксируется в карточку CRM. При необходимости можно вручную создать Лид из почты всего за пару кликов.
Для улучшения производительности сайта вместо типовых CRM-форм, разработали производительные и настроили их синхронизацию с порталом Битрикс-24 по API. Не забыли про сквозную аналитику, которая передается вместе с данными.
Настроили автоматическую генерацию основных документов на портале. Например, договор с клиентом можно сгенерировать в пару кликов автоматически из сделки, на основании данных, которые пришли с сайта.

Финальные дизайн-макеты

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

Сроки

Сделали за 62 дня

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

Перейти на сайт

Команда проекта