Лендинг подготовки к ЕГЭ: Профиль80

Задача

Онлайн-школа готовит к ЕГЭ по профильной математике и продаёт услугу двум аудиториям сразу: платят родители, учатся подростки 10-11 классов. Родителю нужны прозрачность и подтверждение результата, подростку - разговор на равных, без снисходительности. Лендинг должен провести обоих до заявки на бесплатную диагностику и выдержать главный вопрос ниши: «чем подтвердите обещанные баллы». Демо-проект: компания «Профиль80» вымышленная, задача - настоящая, типовая для онлайн-школ.

Решение

• Визуальный язык «умной тетради»: тёплая бумага, тетрадная клетка в фоне, формулы как SVG-декор на полях, маркерные подчёркивания под ключевыми цифрами. Без мультяшности и стоковых «счастливых школьников».
• Форма диагностики стоит прямо в hero: до заявки ноль кликов. Вторая форма закрывает страницу.
• Вместо одного среднего балла - диаграмма распределения «школа рядом со страной»: одна цифра лукавит, распределение видно целиком.
• Калькулятор стоимости считает курс по цене тарифа и сравнивает с репетитором по вилке из текста страницы, а не по цифре с потолка.
• Перед вёрсткой тексты прошли редактуру с реестром чисел: каждая цифра сверена с остальными, арифметические нестыковки устранены, добавлена секция преподавателей - без неё заявленные 1400 выпускников выглядели неправдоподобно.

Детали, которые легко не заметить

• Форма собирает данные несовершеннолетнего, поэтому согласие даёт именно законный представитель: обязательный чекбокс с отдельным текстом ошибки, без отметки заявка не уходит.
• Маска телефона подстраивается под язык браузера: +7 для русскоязычных, +1 для остальных.
• Диаграмма - inline-SVG с aria-label, где все числа продублированы текстом: скринридер прочитает график.
• Счётчики цифр и появление секций отключаются при prefers-reduced-motion.
• Сборки нет: чистые HTML, CSS и vanilla JS, страница открывается с диска двойным кликом. В _headers прописан noindex, футер помечает демонстрационный характер материалов: демо не конкурирует в поиске с реальными школами.

Что проверить в демо

Все цифры выше проверяются по самим страницам: 11 секций и обе формы - на лендинге, калькулятор пересчитывает стоимость на лету, диаграмма баллов продублирована текстом для скринридера. Изображения грузятся лениво, в WebP с JPG-фолбэком и в двух размерах под разные экраны.