До змісту
Tvorum.
КонцептГлемпінг / база відпочинку2026

Pinewood — концепт сайту для глемпінгу

Лендінг для глемпінгу біля Ворохти, що проживає з гостем один день — від світанку над туманом до чану під зорями — і закінчується прямим бронюванням із точною ціною.

Це концепт, а не клієнтський проєктКонцепт-проєкт студії: демонстрація дизайну та функціоналу для ніші. Так ми бачимо сильний сайт для глемпінгу й бази відпочинку: структура, дизайн, тексти й функціонал. Замовте — і ваш сайт стане наступним кейсом.

Pinewood — концепт сайту для глемпінгу — головний екран
Ніша
Глемпінг / база відпочинку
Тип сайту
Лендінг
Рік
2026
Формат
Концепт студії

01 / Задача

Яку задачу вирішує сайт

Глемпінг продає не ліжко, а настрій і тишу, але бронювання здебільшого йдуть через директ в Instagram і агрегатори з комісією. Гість пише «а на ці вихідні є місце?», «скільки буде за трьох із собакою?», «як доїхати без машини?» — і чекає відповіді годинами, поки знаходить інший варіант.

Що мав показати концепт:

  • атмосфера з першого екрана — туман, смереки й тепле світло мають продати поїздку раніше за прайс;
  • різниця між будиночками — купол, A-frame і хата з чаном розраховані на різних гостей, і це треба побачити за хвилину: місткість, площа, планування, ціни в будні та вихідні;
  • пряме бронювання без менеджера — наявність по датах, мінімум ночей на вихідні, доплати й знижки рахуються одразу, а не в переписці;
  • завантаження будніх днів і міжсезоння — активності для кожного сезону, знижки за довгі поїздки;
  • відповіді на типові питання — дорога, правила, тварини, світло під час відключень.

Мета сайту — перетворити відвідувача з реклами чи пошуку «глемпінг Карпати» на заявку з датами й передоплатою, без комісії агрегатора.

02 / Рішення

Дизайн і UX-рішення

Ідея — «один день у Pinewood». Сторінка проживає добу: кожен розділ — це година, від 05:50 на світанку до 23:50 під зорями. Меню в шапці підписане часом, годинник і шкала дня збоку змінюють колір сонця, а фон розділів переходить від світанкового туману до золотої години й нічного неба. Розділи відокремлені процедурними силуетами хребтів зі смереками, згенерованими в SVG.

Перший екран: фото долини в тумані, поверх нього чотири шари SVG-хребтів і туман, що рухаються з різною швидкістю під час прокрутки й за курсором. Великий серифний заголовок Cormorant «Прокинутися над туманом» і два CTA: дати й будиночки.

Будиночки: три чергові блоки з галереями (свайп, клавіатура, лайтбокс), характеристиками й цінами будні/вихідні. До кожного типу — архітектурний план з площею й розстановкою меблів: гостю простіше обрати, а власнику — менше питань у директі. Для A-frame і хати в концепті — авторські векторні ілюстрації; у реальному проєкті поруч стануть фото об'єкта.

Бронювання, яке рахує саме:

  • календар на два місяці з наявністю за типом будиночка: вільно, останній будиночок, зайнято, ціна під кожним днем;
  • вибір діапазону дат, мінімум дві ночі з п'ятниці чи суботи, перевірка зайнятих ночей усередині діапазону;
  • тариф будні/вихідні, доплата за гостей понад базу, діти до 5 років безкоштовно, знижки за 4+ і 7+ ночей, чан, собака, трансфер;
  • підсумок із передоплатою 30 %, форма з валідацією й маскою +380 та екран підтвердження.

Решта дня: сніданки табами з прайсом доповнень, активності за сезонами з профілями висот маршрутів — над ними векторна долина з куполом і A-frame, що плавно змінює палітру, сніг, крокуси чи листопад разом із вкладкою, стилізована мапа з анімованим маршрутом для авто, потяга й автобуса та копіюванням координат, правила й FAQ — зокрема про світло та інтернет під час відключень.

Чесність: жодних вигаданих відгуків, рейтингів чи «тисяч гостей» — лише конкретика, яка й переконує: висота, відстань до Ворохти, площа будиночків, ціни й умови скасування.

03 / Функціонал

Що є на сайті

  • Концепція «один день у Карпатах»: розділи-години від 05:50 до 23:50, годинник у шапці й шкала дня збоку
  • Перший екран із паралаксом шарів гір: фото, SVG-хребти зі смереками й туман реагують на прокрутку та курсор
  • Купол, A-frame і хата з чаном: галереї з лайтбоксом і свайпом, архітектурні плани, ціни будні/вихідні
  • Календар доступності на 2 місяці: вільно / останній будиночок / зайнято, ціна за ніч під кожним днем
  • Розрахунок вартості: тарифи будні й вихідні, гості, діти до 5 років, знижки за 4+ і 7+ ночей, чан, собака, трансфер
  • Бронювання з валідацією, маскою телефону +380, передоплатою 30 % і екраном підтвердження
  • Активності за сезонами табами: векторна долина з куполом і A-frame перефарбовується під сезон — сніг, крокуси, зелень, мідні буки
  • Меню сніданків табами й прайс доповнень
  • Стилізована SVG-мапа з анімованим маршрутом авто / потяг / автобус і копіюванням координат
  • Правила, FAQ про відключення світла, адаптив до 390 px, підтримка reduced motion

04 / Екрани

Як сайт виглядає на компʼютері й телефоні

Pinewood — концепт сайту для глемпінгу — головна сторінка повністю
Головна сторінка повністю — гортайте всередині рамки
Pinewood — концепт сайту для глемпінгу — мобільна версія
Мобільна версія

Технології

Стек

Технології підбираємо під задачу: швидке завантаження, зручне редагування контенту та інтеграції з вашими сервісами.

  • HTML5
  • CSS Grid/Flex
  • Vanilla JS
  • Процедурні SVG-хребти та паралакс
  • Сезонна SVG-сцена з CSS-переходами
  • Календар доступності з розрахунком ціни
  • IntersectionObserver
  • Нативний <dialog> для лайтбоксу
  • Готовий до інтеграції з CMS

Палітра

Кольори концепту

  • Колір #141c18
  • Колір #efe9dc
  • Колір #3e5a45
  • Колір #b5561e
  • Колір #e8a867

Портфоліо

Інші роботи

Усі роботи

0 ₴ · 24h

Хочете такий самий — але під ваш бізнес?

Залиште контакт — за 24 години покажемо безкоштовний прототип головної сторінки: у стилі цього концепту або в зовсім іншому.

  • Прототип за 24 години — безкоштовно
  • Фіксована ціна, без «доплат» в процесі
  • Запуск від 5 днів
  • Гарантія та підтримка після здачі
Де відповісти?

Без спаму. Натискаючи кнопку, ви погоджуєтесь з політикою конфіденційності.