ПРОЕКТ / 10

Terra

Атмосферный лендинг семейной винодельни: история «от лозы до бокала», рисованная карта виноградника и интерактивный сомелье.

Авторский концепт Компания вымышленная: названия, цены, отзывы и контакты на сайте демонстрационные.

Первый экран Terra: тёмная винодельня и заголовок «Terra.»
Формат
Лендинг
Ниша
Винодельня
Роль
Концепция, дизайн и разработка
Год
2026
Стек
HTMLCSSJavaScriptGSAPLenis

О проекте

Премиальный лендинг семейной винодельни. Страница рассказывает историю «от лозы до бокала» и заканчивается приглашением на дегустацию на закате.

Что сделано

  • Кинематографичный первый экран с параллаксом, кастомным курсором и построчной анимацией заголовка.
  • Таймлайн «Четыре шага, которые нельзя ускорить» с линией, которая прорисовывается при прокрутке.
  • Рисованная SVG-карта виноградника с анимированной прорисовкой рядов лозы.
  • Интерактивный сомелье: два вопроса — и подбор вина из коллекции с описанием, годом и ценой.
  • Счётчики, магнитные кнопки, плавная прокрутка.

Технически

HTML, CSS и JavaScript без сборки; анимации на GSAP и ScrollTrigger, плавная прокрутка — Lenis.

Статус

Авторский концепт: винодельня вымышленная.

Материалы проекта

Terra: страница целиком
Страница целиком — прокрутите внутри рамки

ЕСТЬ ИДЕЯ ДЛЯ ПРОЕКТА?

Опишите задачу —
обсудим результат.

Обсудить проект