IUFAS — три варианта главной

Три варианта главной IUFAS

Один и тот же контент с текущего сайта — три визуальных языка. Во всех вариантах общий и региональный контент разнесены по данным: переключите город в шапке, и поменяются только региональные блоки. Кнопка «Структура» показывает, какой блок общий (SHARED), а какой региональный (REGIONAL).

Вариант 1: тёмный экран, фигура из частиц в приседе с подсвеченными мышцами бедра

Биомеханика

Тёмный спортивно-технический стиль: телеметрия тренажёра. Человек из 26 000 частиц приседает, при прокрутке 9 блоков меняет режим: подсветка мышц, векторы сил и углы в суставах, молекула глюкозы, сканирующая линия.

Unbounded · IBM Plex Mono / Sans · CC0-модель Quaternius, скининг частиц в шейдере

Открыть Как поддомен «Пенза»Со структурой

Вариант 2: светлый экран, изометрическая лестница с этапами обучения

Путь тренера

Светлый спокойный учебный стиль. При прокрутке камера поднимается по изометрической лестнице: 9 блоков, проверка кураторами, диплом, работа в клубе. Голографический 3D-диплом переворачивается к отметке «ФИС ФРДО». Калькулятор рассрочки на 6/10/12/24 месяца.

Geologica · Golos Text · сквозная линия пути через все секции

Открыть Как поддомен «Иваново»Со структурой

Вариант 3: ультрамариновый экран, светящаяся карта городов с меткой Пензы

Сообщество по всей России

Яркий плакатный стиль. Светящаяся карта: 74 города с поддоменами и 200 точек клубов. Выбор города в шапке переводит камеру к региону, точка города разгорается. Облако логотипов-плейсхолдеров собирается в гантель.

Dela Gothic One · Commissioner · карта Natural Earth без границ; точки клубов — иллюстрация

Открыть Как поддомен «Пенза»Со структурой

Как это устроено

SHARED — один раз на сеть

data/shared.json: программы, цены, 9 блоков, документы, преподаватели, отзывы, партнёры, FAQ, тексты форм. В WordPress — опции ACF и блоки iufas/*.

REGIONAL — на каждый поддомен

data/regions/*.json: город и склонение («в Пензе» / «в Иваново»), SEO-суффиксы, контакты, клубы города, счётчик Метрики. В WordPress — запись region, выбирается по домену.

Проверено

1440 и 390 px, смена региона (меняются h1, title, контакты, клубы, скрытое поле формы, счётчик), режим структуры, фолбэк без WebGL, prefers-reduced-motion. Lighthouse mobile: Performance 95–96, Accessibility, Best Practices и SEO — 100.