Концепт сайта для клуба походов — Племя Белых Псов
Маршруты лежат бумажными картами вокруг глобуса, выбранная вырастает в рельеф из горизонталей, а камера ныряет в булавку и идёт по тропе.
Запись прокрутки сайта от первого экрана до подвала, 0:42. Вживую сайт отвечает на прокрутку и курсор — откройте живую версию.
Что это за сайт
Одностраничный сайт клуба, который водит группы в походы и восхождения с гидом. Страница собрана из бумаги на тёмном столе: пять маршрутов — от Ликийской тропы до Килиманджаро — лежат складными картами, и каждый можно пройти по рельефу день за днём. Дальше пунктир тропы ведёт через сложность, состав цены, гидов, календарь и вопросы к билету записи, который открывает Telegram с готовым сообщением. В подвале — открытка с марками-ссылками на каналы клуба и часы пяти маршрутов с местным временем.
Оформление
Тёмная гамма полярной ночи: сине-чёрный фон, светлый текст и один малиново-красный акцент — булавки, пройденный пунктир и активная закладка меню. Уровни сложности различаются цветом — зелёный, охра и синий, — и тем же цветом помечены обложки карт, ленты календаря и булавки. Заголовки набраны широким гротеском Unbounded, текст — Onest, подписи и цифры — моноширинным Martian Mono прописными. Вместо фотографий — бумага: карты, рельеф, вырезки, билет и марки рисуются прямо в браузере, а портреты гидов вырезаны в форме лапы.
Кому подойдёт такой подход
- Клубы походов и организаторы групповых туров с гидом
- Туроператоры треккингов и восхождений за рубежом
- Горные гиды и школы с несколькими маршрутами в каталоге
Что внутри
Стол с картами вокруг глобуса
Над столом висит глобус, вокруг него веером лежат пять обложек-карт. Выбранная карта поднимается и по прокрутке вырастает в рельеф из слоёв горизонталей, высота в карточке маршрута растёт вместе с ней, а корешки с номерами и бумажные стрелки поворачивают стол к другому маршруту.
Прогулка по тропе
Кнопка «Войти в карту» опускает камеру в красную булавку, и прокрутка ведёт её вдоль листа, сложенного в пять панелей с рельефом по реальным высотам. Вдоль тропы стоят бумажные вырезки — палатки, руины, кедры, ослики, — а карточки называют места, ночёвки и дни программы.
Сложность на бумажной тропе
Бумажный походник идёт по красному пунктиру мимо трёх сцен — от зелёных холмов до синих пиков с молитвенными флажками, — и у каждой выезжает карточка уровня с числом программ, днями и ценой «от». Следом поворачивается глобус и поднимает пять фигурок, от сложенной карты до автобуса, с тем, что входит в цену.
Гиды полароидами и календарь лентами
Восемь гидов ложатся на страницу полароидами по четыре: портрет вырезан в форме лапы, ниже — маршруты, цитата и факты. В календаре на 2027 год у каждого маршрута вытягиваются цветные ленты месяцев с заездами, а красный пунктир отмечает текущий месяц.
Вопросы на карте и билет в поход
Ответы раскрываются на карточке поверх карты мира, и булавки маршрутов подписываются под открытый вопрос — высотой или размером группы. Билет записи собирает маршрут, месяц и число людей, считает цену на всех, а оторванный корешок открывает Telegram с готовым сообщением.
