Кейс: как наглядно показать живописные маршруты по горам, ущельям и высокогорным озерам Казахстана
Трекинговые маршруты с DEM AL
Сибирикс

Трекинговые маршруты Казахстана с DEM AL

Корпоративный сайт, запавший в самое сердечко

Трекинговые маршруты Казахстана с DEM AL

Корпоративный сайт, запавший в самое сердечко
Энтузиазм — то, без чего вряд ли сложится стартап. У основателей туристического проекта DEM AL с ним проблем не было: они давно ходили живописными маршрутами по казахстанским горам, ущельям и высокогорным озерам и собрали собственные GPS-треки и внушительный фото-контент — оставалось лишь поделиться этими сокровищами с другими любителями трекинговых путешествий.
  • DEM AL — туристический проект, созданный двумя энтузиастами трекинговых прогулок, которые прошли все опубликованные маршруты лично и готовы делиться опытом с любителями пеших путешествий.
Кто-то другой для подобной задачи мог бы ограничиться простым сайтом «на коленке» в Тильде. Но основатели DEM AL хотели реализовать полноценный интернет-проект, где будут собраны маршруты по Казахстану с возможностью выбирать их по разным параметрам, планировать групповые походы и привлекать других гидов для сотрудничества. Поэтому пришли за разработкой к нам.

Дизайн

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

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

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

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

Каталог маршрутов

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

Дмитрий
Разработчик
— Особенность проекта в нетривиальном сочетании Битрикса и Laravel. Обычно на проектах мы реализуем админ-панель, главную страницу и каталоги на Битриксе, а всё остальное (списки, фильтры, детальные страницы, формы) — на Laravel. Здесь же мы сделали на Laravel и каталог, и фильтр.

Андрей
Разработчик
— Элементов в каталоге для фильтрации оказалось немного — поэтому вместо смарт-фильтров или популярного движка Elastic мы собрали фильтр по имеющимся элементам вручную на Laravel. Это сокращает сроки разработки за счет того, что не требуется тонкая настройка и оптимизация. А еще позволяет сделать фильтр таким, как нужно именно тебе.
Есть отдельная разбивка по направлениям — разным окрестностям Алматы. Направления можно задавать вручную в административной части и добавлять к ним вложенность до 4 уровней.

При выборе конкретного маршрута пользователь попадает на его детальную страницу. Внутри — фото и видео, чтобы показать красоты местности, и все важные характеристики маршрута: от сложности и сезона до типа поверхности — где-то может быть почва, а где-то лед, — от этого зависит экипировка. Кстати, на детальной странице можно сразу заказать гида на понравившийся маршрут и тут же связаться с ним по указанным контактам.
Еще одна фишка детальных страниц в подробных картах. Карт две, и они связаны между собой: одна — с проложенным маршрутом на Яндекс.Картах, вторая — с графиком высот.

Диана
Руководитель проекта
— Карта пути и карта высот строятся по точкам из GPS-трека. Заказчик загружает в админ-панель файл из трекера в нужном формате — внутри заданы координаты x-y-z, по которым строятся обе карты. Самое классное, что карты взаимосвязаны: когда водишь курсором по одной из них, на второй тоже меняется твое положение.

Андрей
Разработчик
— С тестовыми значениями из трекеров всё работало отлично, но столкновение с реальным контентом внесло коррективы. Проблема была в том, что трекер обычно записывает вообще все передвижения — в том числе хождение по лагерю и ночные походы в кусты :) Из-за огромного количества таких отклонений карта показывала совсем не тот маршрут, что хотелось. Решение оказалось тривиальным — отредактировать маршруты вручную.

Расписание походов

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

Для этого мы предусмотрели на сайте раздел с расписанием — самым настоящим выбором дат, как в известных туристических сервисах. С ним путешественники смогут планировать свои приключения заранее. Если маршрут понравился, пользователь может сразу перейти в Telegram-чат по клику сверху, чтобы обсудить детали.

Диана
Руководитель проекта
—  У нас получился легкий сайт с необычным наполнением. Нужно отдать должное заказчику, что он собрал такой крутой контент: тексты, фото, видео, треки.

Не раз получала от разработчиков, тестировщиков и контент-менеджера комментарий: «Какая крутая идея, так интересно читать!».

Благодаря проекту Казахстан открылся для нас с новой стороны. Вдохновляйтесь красотами и собирайтесь в путешествие :)