Семейная академия
Яркий лендинг детского развивающего центра в Очаково-Матвеевском: интерактивный трекер маршрута ребёнка по возрасту от 1 до 11 лет, диагностика «Точка А», каталог из 30+ программ с карточками-шторками и запись за 10 минут.
- 2 неделиот старта до запуска
- Чистый кодплатформа
С чем пришёл клиент
«Семейная академия» — детский центр развивающих занятий и подготовки к школе в московском районе Очаково-Матвеевское (ул. Нежинская, 13): более 30 программ для детей от 1 до 11 лет — от запуска речи и логопеда до подготовки к школе, английского и программирования. Нужен был тёплый, живой лендинг в фирменных цветах центра, который не перегружает родителей простынями текста, наглядно показывает образовательный маршрут по возрастам и приводит на входную диагностику «Точка А».
Что сделали
- Собрали выразительный первый экран с облачной сценой, SVG-рисунками с эффектом живого маркера и масштабированием пропорций под экраны от 320 до 2560 px (включая точный расчёт геометрии для Safari/WebKit)
- Разработали интерактивный трекер маршрута ребёнка от 1 до 11 лет: при выборе возраста метка плавно проезжает по кривой дорожке и подсвечивает ключевые навыки и подходящие ступени
- Сделали каталог из 30+ программ в пяти пастельных цветовых тонах с фильтрацией по направлениям и возрастным группам
- Реализовали удобные карточки программ: на компьютере подробности открываются модальным окном по центру, а на телефоне — плавной нижней шторкой с закреплённой кнопкой записи
- Оформили блок входной диагностики «Точка А», выгодные парные связки курсов, карусель педагогов, прозрачный прайс абонементов и анимированный FAQ
- Перевели все шрифты и графику на локальное хранение без обращения к внешним CDN (по требованиям 152-ФЗ) и сжали фотогалерею в лёгкий WebP
Что получилось
Лендинг запущен на домене 7akadem.ru. Родитель выбирает возраст ребёнка на интерактивной дорожке, смотрит программы и стоимость в пару касаний с телефона и записывается на диагностику «Точка А» через единую быструю форму.
На чём сделали
- Чистый HTML · CSS · JS
- SVG-анимация маршрута
- Каталог 30+ программ
- Мобильные шторки
- 152-ФЗ · локальные шрифты
Другие проекты
Семейная Реликвия
Корпоративный сайт · Генеалогия
Основной сайт генеалогического центра: 11 услуг, портфолио, журнал, VIP-направление и личный кабинет. Переписали с Tilda на код.
Подробнее
КЭСИ Дистант
Лендинг · Образование
Рекламный лендинг колледжа под запуск формы «очно-онлайн»: квиз подбирает специальность и присылает PDF с программой.
Подробнее
БаллонМирГаз
Интернет-магазин · Технические газы
Интернет-магазин технических газов и баллонов: 7 газов, корзина и оформление заказа, заправка, обмен и аренда. Региональное SEO по области внутри одного домена.
ПодробнееРазборы и гайды по теме
Образовательный сайт одновременно проверяют два самых строгих аудитора: инспектор Рособрнадзора с чек-листом по ст. 29 Закона об образовании и родители или абитуриенты, выбирающие, куда пойти учиться. Разбираем обязательные разделы, версию для слабовидящих по ГОСТ, защиту данных детей по 152-ФЗ и приёмы конверсии на наших образовательных кейсах.
С 1 сентября 2025 года согласие на обработку данных оформляют отдельно от других документов, а счётчики аналитики без отложенной загрузки ставят трекинговые cookie в первую секунду визита. Разбираем нормы 152-ФЗ, даём рабочий код для форм и Яндекс Метрики и показываем, как проверить сайт.
Какую структуру должна иметь политика обработки персональных данных на сайте по ст. 18.1 152-ФЗ, чем она отличается от отдельного согласия в форме заявки и какой пакет внутренних приказов, журналов и актов уничтожения должен лежать в компании на случай проверки Роскомнадзора.