«hot planet kamchatka» — компания друзей, искренне увлеченных камчаткой и собственным делом. проект ориентирован на молодых людей, которые предпочитают активный отдых и жаждут приключений. основными направлениями являются джип-туры, вертолетные экскурсии, хайкинг, каякинг, серфинг и многое другое. туры проводятся небольшими группами, что создает дружескую атмосферу и позволяет найти новых друзей.
создать многостраничный сайт преимущественно на молодежную целевую аудиторию. отобразить основные направления туров и создать отдельную страницу под каждый из них. создать калькулятор для возможности расчета индивидуальной стоимости тура. сайт должен выделяться, запоминаться, содержать анимацию, чтоб у пользователя было желание взаимодействовать с ним и оставаться на сайте как можно дольше.
{ дизайн и верстка сайта на tilda }
сайт получился современным, отвечающим интересам молодой целевой аудитории, а главное — функциональным. каждый блок дает исчерпывающую информацию и ответы на вопросы, а интересная анимация делает сайт не скучным, интерактивным и заставляет пользователя задержаться на нем подольше и запомниться среди множества однотипных сайтов конкурентов.
было проведено бриф-интервью, где заказчик предоставил информацию о фирменных цветах и шрифтах, которые уже использовались проектом в публикациях соц сетей
были выделены ценности проекта: положительные эмоции и дружеская атмосфера.
а также было выявлено конкурентное преимущество — после тура каждый участник получает фото на фоне красот, сделанные на профессиональную технику
далее была изучена статистика по ключевым словам и сочетаниям, которые чаще всего встречаются в поисковых запросах
«туры на камчатку» является наиболее частым сочетанием, поэтому будем использовать его для построения оффера и для формулирования заголовка уровня H1, это один из факторов, которым поможет сайту находиться выше в поисковой выдаче
также был проведен анализ-конкурентов с акцентом на ux-решения, разобраны плюсы и минусы, которые помогут составить грамотную структуру сайта
анализ помог найти недоработки даже у больших игроков рынка, такие как некликабельность номера телефона или ссылки на социальные сети на первом экране, которые могут увести потенциальных клиентов на сторонние сайты, а значит увести от целевого действия — бронирования тура
в данном проекте большой пласт работы был посвящен анимации. было осуществлено много сложных step-by-step анимаций, многие из них были реализованы кодом. это позволило выделиться среди конрентов с типичными сайтами.
так как продукт-локомотив в компании — это джип туры, то на главном экране мы уже будто сидим в машине и примеряем на себя роль клиента, по скроллу рамки машины раздвигаются, будто уже погружая нас в путешествие по камчатке
здесь сделан необычный слайдер, который будто листает ответы компании с описанием преимуществ, перелистывание происходит синхронно с полароидными снимками (решение оформить фото в виде полароидов связано с тем, что туры сопровождаются фотосъемкой, это помогает посетителю сайта больше погрузиться в атмосферу)
это решение осуществлено с помощью кода
в этом блоке туры по скроллу листаются не вертикально, как привык пользователь, а горизонтально, что создает новый пользовательский опыт и не дает пользователю скучать и пролистывать важные блоки
*запрещенная в рф организация
оставьте заявку на сайте или пишите в соцсетях
в турах часто можно встретить животных, а инструкторы знают по каким тропам идти, чтоб это случилось
хотелось сделать на этом акцент и в анимации. по скроллу происходит имитация приближения бинокля с животными, которые чаще всего встречаются в турах
здесь так же осуществлена анимация по скролу, фото из прошлого блока при прокрутке страницы перемещается и становится частью контента следующего блока, что позволяет управлять вниманием пользователя и направить фокус на отзывы и следующей за ними форму захвата