Социометрика социометрия для класса

← Карта демо · Главная

Школьный UI: варианты анимации

Локальный предпросмотр. Выберите, что выкатывать на прод после режима витрины.

Краткая рекомендация
  1. A — в инструкцию `#school`: один device-слайдер (как на главной) над шагами. Дёшево и сразу понятно «что получит школа».
  2. B — на главной один блок «Кабинет школы» со слайдами (не два отдельных — иначе раздуется первый экран и конкурирует с опросом учителя).
  3. C — компактный слайдер на `/waitlist` рядом с формой: конверсия заявок.

Практичный путь: A + C сейчас; B — когда откроете сервис и будете продавать школу на лендинге.

рекомендую вариант A /instrukciya#school

A. Слайды в инструкции «Кабинет школы»

Те же анимированные вкладки, что на главной (Мишень / Результаты), но контент про школу: кабинет → участники → аналитика → опросы. Текст шагов ниже остаётся как сейчас.

1

Создайте кабинет

Заявка / регистрация школы → кабинет сразу. Первый пользователь — администрация.

2

Пригласите учителей

Инвайт-ссылка или заявка «Привязаться» с одобрением.

Плюс: не трогает лендинг. Минус: видят только зашедшие в инструкцию.

вариант B главная

B. Блок на главной (один, не два)

Два отдельных блока «участники» и «аналитика» на первом экране перегрузят. Лучше одна секция после «Кому пригодится»: заголовок + слайдер + CTA на заявку.

Кабинет школы — картина по всей ОО

Участники и роли, реестр опросов, аналитика зон — без выгрузки всех ФИО в один Excel.

Для директора и методиста: кто в школе, какие классы опрошены, где «горящие» заполнения. Учитель по-прежнему ведёт свой опрос; школа видит сводку.

Плюс: маркетинг. Минус: длиннее лендинг; в режиме витрины конкурирует с «для учителя».

рекомендую вариант C /waitlist

C. Слайды рядом с заявкой школы

На странице заявки: слева «что получите», справа форма. Конвертирует интерес в lead без ухода в инструкцию.

Заявка (макет формы)

На проде форма живая; здесь только раскладка.

вариант D альтернатива

D. Без слайдов — статичные «кадры» в ряд

Три мини-превью без автоплея: проще, спокойнее, меньше отвлекает от формы. Имеет смысл, если анимация на заявке кажется «маркетинговой».

Участники

Роли и доступ к полным отчётам

Опросы школы

Реестр и Excel без ФИО

Аналитика

Зоны, параллели, горящие

После выбора напишите букву (A/B/C/D или комбинацию) — выкатим на прод.