GSR · раунд 10 · полная главная, три скролл-механики

Три концепции главной страницы

Все три — полные страницы от прелоадера до футера, живые, скролль сам. Тексты — только боевые с gsrsystem.ru, дословно; ни одного выдуманного слова. Навигация — реальные разделы сайта, «Вводная лекция» — постоянная CTA в шапке. Воронка: встретить холодного → кто мы → как работает → кому подойдёт → отзывы → шаг.

01 · ЛОГО-СПУТНИК

«Лого-спутник»: знак-проводник до третьего блока

Утверждённый тёмный hero со знаком из частиц. При скролле литеры гаснут, мандала сжимается и летит с тобой: во 2-м блоке паркуется рядом с текстом о методике и дышит, в 3-м — стыкуется в центр сетки «Как работает методика?» и передаёт эстафету контенту. Awwwards-механика с мягким отставанием спутника.

ВоронкаХолодный посетитель попадает на утверждённый тёмный hero со знаком и сразу видит единственный вход — «Вводная лекция» (кнопка в шапке видна постоянно). Скролл превращает знак в проводника: мандала без литер летит рядом с посетителем и подводит его к ответам «кто вы» (методика, 25+ лет практики) и «как это работает» (4 механизма работы методики + как проходит сессия), после чего человек узнаёт себя в блоке «Кому подойдёт обучение» и получает подтверждение чужими результатами в выдержках отзывов. Финальный блок разводит по температуре: дозревшим — «Купить 1 модуль», сомневающимся — та же «Вводная лекция», которая всю дорогу висела в шапке. Одна ось внимания: знак → смысл → доверие → шаг; ни счётчиков, ни номеров секций, семь блоков включая футер.

открыть живой прототип →
02 · НЕПРЕРЫВНАЯ ИСТОРИЯ

непрерывная история одной линии

Светлая адаптация MindMarket под GSR: тёплая крем-бумага, огромный дисплей, лаванда структурная, бордо точечно, скругления, ноль теней. Сквозь всю страницу идёт одна непрерывная нить — рисуется по мере скролла и в каждом блоке образует свой образ. К концепции приложена раскадровка 6 кадров для Seedance.

ВоронкаХолодный посетитель попадает на тихий премиальный hero и сразу получает якорь «авторская методика Дмитрия Устинова» — вопрос «кто вы» снят за 3 секунды. Дальше лавандовая линия-нить буквально ведёт его вглубь страницы: методика и 25 лет практики → как проходит сессия → как это работает → кому подойдёт; каждый блок закрывает один вопрос, а недорисованный хвост линии, уходящий за край экрана, физически тянет скроллить дальше. Доверие добивают дословные выдержки отзывов с именами. Финал разводит два сценария по теплоте: холодным — «Вводная лекция» (безопасный первый шаг, постоянно висит и в шапке), тёплым — «Купить 1 модуль» с мелкой подписью про бесплатное ознакомление с методикой.

открыть живой прототип →
03 · СЛОИ

от темноты к рассвету

Каждый блок — самостоятельный слайд 100vh со своим природным фоном (предрассветная серия одной «съёмки»: тьма → туман → ручей → рассвет). Следующий блок наезжает поверх предыдущего, тот проседает и темнеет. Справа точки-прогресс. Драматургия: от темноты к рассвету = путь клиента.

ВоронкаХолодный посетитель попадает в предрассветную темноту: знак GSR над едва тлеющим горизонтом и одна фраза — интрига без давления, а каждый следующий слой буквально «поднимает» его к свету. Порядок слоёв повторяет путь доверия: кто автор и 25 лет практики → как работает методика → как выглядит живая сессия → кому подойдёт → отзывы людей. Драматургия света дублирует смысл воронки — от темноты (непонимания) к рассвету (ясности), поэтому финальный солнечный экран воспринимается как естественная развязка, а не как «продающий блок». Точка выбора одна и в самом конце: тёплым — «Вводная лекция» (она же постоянно висит в шапке), горячим — «Купить 1 модуль», ознакомительный характер входа обозначен мелкой подписью из боевого текста.

открыть живой прототип →
SEEDANCE

Раскадровка «Непрерывной истории»

Шесть кадров одной нити — статика сгенерирована, промпты для Seedance готовы. После выбора концепции 02 эти кадры анимируются в одно непрерывное видео вдоль скролла.

Кадр 1

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

Кадр 2

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

Кадр 3

Кадр 3. Линия перетекает вниз и рисует двух людей, сидящих напротив друг друга, — беседа специалиста и клиента. Когда вторая фигура замыкается, между ними всп

Кадр 4

Кадр 4. Линия закручивается в плотный запутанный клубок, пауза, затем клубок плавно распутывается и линия выходит из него ровной спокойной вертикалью, на кото

Кадр 5

Кадр 5. Линия проходит под тремя лежащими на бумаге светлыми листами со скруглёнными углами и под каждым оставляет живое рукописное подчёркивание одним росчер

Кадр 6

Кадр 6. Линия поднимается ровной восходящей дугой из нижнего левого угла к верхнему правому — из глубины наверх — и завершается той же бордовой точкой, с кото