
Лендинг VITON13 SCHOOL, нашей школы прикладного AI, AI-дизайна и SEO: пересобран 25 сентября 2026 года на пяти языках, урок идёт живым HTML на экране ноутбука с ИИ-фото.
Обзор
VITON13 SCHOOL — онлайн-школа внутри экосистемы VITON13, её адрес — school.viton13.com. В ней три прикладные программы: «Искусственный интеллект», «Дизайн в искусственном интеллекте» и «SEO сайта» стоимостью 1300, 2600 и 3900 ₽. Школе нужна была главная страница, которая без рекламного крика объясняет три курса и один метод, ещё до оплаты показывает, как выглядит урок, и сообщает одни и те же факты на английском, русском, испанском, французском и хинди.
3
программы — AI, AI-дизайн и SEO — за 1300, 2600 и 3900 ₽
Источник: Данные курсов и рабочий сайт, 27 сент. 2026
5
языковых версий: EN, RU, ES, FR, HI
Источник: Рабочий сайт и hreflang, 27 сент. 2026
93
производительность в Lighthouse на телефоне, медиана трёх прогонов (десктоп — 100)
Источник: Lighthouse 13.4, 27 сент. 2026
100
SEO и лучшие практики в Lighthouse на телефоне и десктопе (доступность — 97)
Источник: Lighthouse 13.4, 27 сент. 2026
Подход
25 сентября 2026 года мы пересобрали лендинг в жанре спокойных продуктовых сайтов об ИИ вроде sanalabs.com: один гротеск Inter Tight, набранный в основном начертанием 400, чёрные кнопки-таблетки, широкие серые плоскости и по одному крупному натюрморту на курс. Страница выстроена как последовательность: первый экран с бегущей строкой из тринадцати навыков школы, три витрины курсов с карточкой манифеста между ними, счётчики, карточки курсов с ценами и кнопками оформления, метод из четырёх шагов, подбор курса по трём вопросам, поступление, новости, статьи, вопросы и ответы и форма листа ожидания.
Фотографии сгенерированы ИИ: шесть изображений сделаны в GPT Image 2.5 через Higgsfield — это постановочные натюрморты и люди, которые не являются учениками или преподавателями VITON13. В витрине курса «Искусственный интеллект» экран ноутбука не нарисован на снимке: мы измерили его положение по оригиналу с хромакеем и положили поверх живой HTML-урок — список модулей, текущий шаг, строку вопроса куратору и шкалу прогресса. Четыре вкладки меняют содержимое экрана: пока секция на виду, они переключаются каждые 6,5 секунды, останавливаются, как только посетитель выбирает вкладку сам, и не двигаются при настройке «уменьшить движение». Витрины дизайна и SEO показывают такой же шаг на парящей панели.
Лендинг — часть Next.js-приложения VITON13 и живёт на собственном поддомене в пяти версиях: английская без префикса, остальные под /ru, /es, /fr и /hi, связанные тегами hreflang. Названия, цены и модули курсов берутся из одного файла данных, поэтому счётчики, карточки, меню и подвал показывают одни и те же цифры; цены форматируются под каждый язык, а в сносках сказано, что до подтверждения старта школой деньги не списываются.
Галерея
Результаты
Лендинг работает по адресу school.viton13.com. 27 сентября 2026 года все пять языковых версий отвечали кодом 200, а карта сайта школы содержала 30 URL: на каждом языке — лендинг, новости, список статей и три статьи.
В тот же день мы трижды прогнали Lighthouse 13.4 по главной странице для телефона и для десктопа. На эмулированном телефоне производительность — 87, 93 и 93 (медиана 93), отрисовка крупнейшего элемента — 3,1 с, общее время блокировки — 20 мс, сдвигов вёрстки нет. На десктопе производительность — 100 во всех прогонах, крупнейший элемент появляется за 0,8 с. Доступность — 97, лучшие практики — 100, SEO — 100 на обоих устройствах.
Вся страница вместе с фотографиями весит около 0,8 МБ на телефоне и 1,0 МБ на десктопе.
Чего это не доказывает
Это собственная школа VITON13, а не клиентский проект. Кейс показывает, как устроена страница и как быстро она загружается, но не то, как она работает на учеников: данных о записях, заявках в лист ожидания, продажах и трафике здесь нет.
Фотографии сгенерированы ИИ и постановочные: на них нет учеников, преподавателей или клиентов VITON13, а урок на экране ноутбука — пример, а не работа ученика. На самом лендинге у изображений есть описательный alt-текст, но видимой пометки об ИИ пока нет, поэтому мы указываем это здесь. Три карточки статей ниже по странице используют лицензионные фотографии с Unsplash; на эти скриншоты они не попали.
Lighthouse — лабораторный тест: один MacBook, Chrome в режиме headless, один день, для телефона — эмуляция медленной сети и процессора; это не полевые данные реальных посетителей. Доступность — 97, а не 100, потому что мелкие светло-серые подписи (#8a8a88 на белом, 3,45:1) не дотягивают до контраста WCAG AA; исправление мы ещё не выпустили. Вёрстка следует жанру, заданному продуктовым сайтом другой компании; тексты, фотографии и код — наши.
Задумали что-то похожее? Каждое сообщение лично читает наш основатель — Тарасов Виталий.
Заказать похожий проект на VITON13 Studio
Следующий проект
HYPERSOLIDИммерсивный концепт-сайт на WebGL
Концепция2026
Все работы (23)




