соз(и)датель AI

Собрать лендинг для продажи личного менторства AI креатора Алеси. Готовой структуры у проекта не было, поэтому сначала я собрала всю информацию о менторстве и выстроила её в понятной последовательности. Важно было рассказать о программе и привести человека к покупке спокойно, без давления и большого количества продающих призывов.

Мягкая продажа через последовательный рассказ о менторстве и результатах учениц.
Сначала человек знакомится с самим менторством и понимает, что сможет получить в процессе обучения. Дальше мы показываем работы учениц, рассказываем об Алесе и её опыте, знакомим с форматом работы и содержанием программы. Блок с покупкой появляется уже после знакомства с основной частью программы. После этого человек переходит к условиям менторства, отзывам, дополнительной информации и ответам на вопросы.

Такая структура позволяет постепенно дать всю нужную информацию и оставить человеку пространство для собственного решения.

Модульность, генерации Алеси и хаос в блоке «работы учениц»
На сайте используются видео-генерации Алеси, и розовый цвет, который стал одним из основных акцентов. Чтобы собрать большое количество информации в понятную систему, я использовала квадратные и прямоугольные карточки с мягкими углами. Такая форма поддерживает спокойный характер сайта и помогает аккуратно разделять информацию на небольшие смысловые части.

Работы учениц
Алеся хотела создать здесь ощущение творческого хаоса, будто изображения и папки с работами лежат на рабочем столе. Работы частично перекрывают друг друга, поэтому важно было сохранить эту идею и одновременно сделать каждое изображение удобным для просмотра. Для этого я добавила отдельную механику взаимодействия. При наведении выбранная работа поднимается поверх остальных, и её можно спокойно рассмотреть.
Если в одном элементе находится серия генераций, при наведении стопка изображений раскрывается и показывает сразу несколько работ.

В мобильной версии эта анимация срабатывает при клике на элемент.

Чтобы сайт ощущался живым, я добавила небольшие реакции на действия пользователя. В некоторых блоках элементы меняются при наведении, в других запускаются GIF-анимации. Эти детали помогают изучать сайт постепенно и поддерживают общий визуальный ритм.
В других карточках я сделала анимацию появления текста при наведении – такое рещение позволяет скрыть большой объем второстепенного текста, чтобы визуально облегчить сайт.