«Навстречу горам» — лендинг туристического клуба для продвижения зимнего похода и привлечения новых клиентов. Я разработала структуру, визуальную концепцию, UI‑kit, форму заявки и мобильную версию. В основе дизайна — минимализм, спокойная типографика и акцент на фотографиях, передающих атмосферу путешествия.
Главная страница десктопной версии лендинга
Результат
Добавлена форма заявки на участие в походе: пользователь может выбрать период, узнать ключевую информацию и оставить контактные данные без перехода на сторонние сервисы. Это сократило путь до заявки и сделало первый контакт с туристическим агентством проще и удобнее.
Задача и контекст
Разработать лендинг для туристического клуба, который поможет представить зимний тур на Байкал новой аудитории. Показать программу, условия и атмосферу путешествия, ответить на вопросы до отправки заявки и адаптировать страницу для разных устройств.
Главная страница мобильной версииСтраница «О нас» мобильной версииКарточки с основной информацией
Результаты проведённого анализа
Информация о программе и условиях поездки помогает снизить неопределённость и чувствовать себя увереннее перед покупкой. Это особенно важно для семейных пар 30–40 лет и активных любителей путешествий.ПодробнееСкрыть+
5W-анализ показал, что перед поездкой эти сегменты хотят заранее понимать формат путешествия, его продолжительность, условия проживания, особенности маршрута и организационные детали.
Пользователи хотят получить эмоции от поездки, а не только информацию о маршруте. При выборе путешествия важны не только программа и условия, но и впечатления, которые человек получит.ПодробнееСкрыть+
5W-анализ показал, что для аудитории важна эмоциональная составляющая путешествия: возможность сменить обстановку, получить новые впечатления и провести время интересно. Поэтому визуал и атмосфера становятся частью решения о покупке.
Пользователи избегают сложных форм регистрации. Поэтому форма должна содержать только необходимые поля и не требовать лишних действий.ПодробнееСкрыть+
На основе CJM можно сделать вывод, что на этапе оформления возникает риск потери пользователя: сложный или навязчивый процесс может заставить его отказаться от регистрации. В результате бизнес теряет потенциального лида.
Карта пути пользователя
Пользователю важно быстро понимать, где находится нужная информация и что делать дальше. Поэтому структура сайта должна быть логичной, а основные действия — заметными и предсказуемыми.ПодробнееСкрыть+
Анализ сайтов конкурентов показал, что перегруженная структура и неочевидные элементы навигации усложняют поиск информации. Это может увеличивать количество лишних действий и мешать пользователю двигаться по сценарию.
Упростить путь пользователя до заявки и снизить барьер при её заполнении. По требованиям заказчика в форме необходимо было предусмотреть поля для имени, электронной почты, количества участников и выбора периода тура. Всего предусмотрено три зимних заезда по 10 дней, можно выбрать только 1.
Как я это сделала:
Собрала короткую форму только с необходимыми полями и добавила выбор подходящего периода тура. Разместила её в конце лендинга, чтобы пользователь мог принять решение и сразу оставить заявку.
Результат:
Пользователь может быстро оставить заявку прямо на сайте, без перехода на сторонние сервисы и заполнения длинных форм. После отправки заявки дальнейшую коммуникацию с клиентом ведёт менеджер по телефону или электронной почте.
Форма заявки в мобильной версииФорма заявки в десктопной версии
2. Разработка целостного визуального образа и единого UI‑кита
Задача:
Создать целостный визуальный образ тура и сделать дизайн масштабируемым для других направлений.
Как я это сделала:
Разработала минималистичную визуальную систему с акцентом на фотографии, спокойной типографикой и едиными компонентами. Собрала UI-kit, который позволяет сохранять стиль сайта при замене контента.
Для проекта выбрала шрифтовую пару Rubik и Inter. Rubik используется для заголовков — отлично поддерживает современный и спокойный характер проекта. Inter применяется для основного текста благодаря высокой читаемости и хорошо работает с большим объёмом информации.
Цветовая палитра построена вокруг оттенков зелёного, которые ассоциируются с природой, путешествиями и ощущением свободы. Песочные и янтарные оттенки дополняют основной цвет, добавляя тепла и помогая выделить ключевые элементы интерфейса.
Результат:
Цветовая палитра и визуальная подача создают ощущение спокойствия и близости к природе, помогая пользователю погрузиться в атмосферу путешествия ещё до поездки. Универсальная структура позволяет сохранять это впечатление для разных туров, меняя контент и фотографии под конкретное направление.
ТипографикаЦветовая палитраUI‑kit
3. Разработка мобильной версии сайта
Задача:
Сделать сайт удобным для пользователей с разных устройств. Мобильная версия особенно важна для туристического лендинга: пользователь может искать и выбирать поездку со смартфона, поэтому важно сохранить удобство изучения тура и возможность оставить заявку.
Как я это сделала:
Адаптировала структуру, типографику, фотографии и расположение элементов под мобильный экран. Отдельно проработала размеры интерактивных элементов и последовательность блоков, чтобы основные сценарии оставались понятными без потери визуальной атмосферы.
Результат:
Пользователь получил возможность полноценно взаимодействовать с сайтом со смартфона: информация о туре легко воспринимается на небольшом экране, а путь от знакомства с маршрутом до отправки заявки остаётся простым и понятным.
Страница тарифа мобильной версииСтраница отзывов мобильной версииСтраница о нас мобильной версии
Состояния и края
В проекте я предусмотрела основные состояния, с которыми пользователь может столкнуться при взаимодействии с сайтом.
Страница 404Успешная отправка заявки на участие в туре
Рефлексия
При дальнейшей работе я бы протестировала несколько вариантов первого экрана и формы заявки, чтобы определить, какие решения лучше вовлекают пользователя и приводят к отправке заявки. Также было бы интересно проверить лендинг на реальных пользователях и на основе обратной связи доработать структуру и контент.
