Кто клиент и для кого сайт
TERRA, бизнес-клуб, объединяющий предпринимателей. «Команда образования», их флагманский некоммерческий курс о системном управлении бизнесом: как перестроить систему так, чтобы команда сама достигала результата, а не всё держалось на собственнике. Аудитория: предприниматели и руководители, уставшие «тащить бизнес на себе».
Задача
Курс бесплатный и премиальный одновременно, поэтому сайт должен был это транслировать с первой секунды: вовлекающий интерактивный опыт вместо типового лендинга с формой, который сам объясняет ценность программы и её экспертов.
Что сделали за 9 дней
- 3D-орбита наставников: анимированная звёздная сфера на Canvas API (без сторонних библиотек), больше 20 кураторов курса вращаются вокруг центра, наведение раскрывает карточку эксперта.
- Программа из 12 модулей с расписанием потока и датой старта.
- Кейсы выпускников: интерактивные истории «было / стало» вместо сухих отзывов.
- Видео-отзывы и подкаст основателя прямо в hero-секции.
- Блог со статьями и эфирами клуба, работает на SEO и удержание.
- SEO/GEO с нуля и полностью адаптивная вёрстка под мобильные устройства.
Как делали: видео о разработке
Основатель AVAT разбирает на видео, как собирали этот сайт: 3D-орбиту наставников на Canvas API, структуру премиум-лендинга и подход к скорости.
Результат
PageSpeed 99 на десктопе, притом что на странице тяжёлая Canvas-анимация с сотнями анимированных точек. Добились этого без единой внешней JS-библиотеки: весь интерактив написан на чистом HTML5, CSS3 и Canvas API.
десктоп
мобайл
сдвиг макета
десктоп
Замер Google PageSpeed Insights. CLS и TBT в зелёной зоне на обоих устройствах, сдвиг макета почти нулевой даже с 3D-анимацией.
Формат: премиум-лендинг
В линейке форматов AVAT это старший брат экспресс-лендинга, когда бренду важно произвести впечатление и рассказать историю глубоко глубоко. Сравните с кейсом АРНИ, который мы сделали в противоположном формате, за 5-6 часов для быстрой проверки гипотезы.
