Сделать лендинг для онлайн-курса по таргетингу.

ход работы:

У Янины уже был сайт для своего курса, который она сделала сама. Но уровень ее курсов вырос и пришло время сделать редизайн сайта. Она попросила разработать свежий, живой дизайн с интерактивными элементами и мы его сделали)))

СЛОЖНОСТЬ РАБОТЫ

КОЛИЧЕСТВО ДНЕЙ

Нам нравится, когда клиенты знают, чего хотят и приходят к нам сразу с готовым текстовым планом и референсами. Янина показала нам примеры работ, которые ей нравятся, дала нам структуру с текстом, а мы начали работать над прототипом

Янина очень понравился сайт еще на прототипе, а малое количество правок помогло сделать сайт быстро.

Так как мы делали сайт для таргетолога из инстаграма, большая часть аудитории будет приходить на мобильную версию, а значит адаптивный дизайн сайта нужно хорошо проработать

На прототипе видно, что блок с программой курса очень длинный, поэтому мы сделали цветовые переходы в виде "пятен" чтобы глаза читателей не скучали

Весь сайт получился очень анимированным, большое количество движущихся деталей. Вы не найдёте на этом сайте ни один статичный блок.

Это нам очень нравится. С сайтом хочется поиграться, везде покликать и поводить мышкой, чтобы посмотреть, где какая анимация

сделать карту с анимацией на тильде
анимированная карта на тильде

Янина живет на Бали и ей очень близка мысль об энергии космоса. Придумывая дизайн, мы вдохновлялись этой идеей, откуда и пришли различные "звездочки", "полумесяцы" в элементах сайта.

Большинство подзаголовков мы сделали в стиле изогнутой линии. Такой вариант написания заголовка привлекает внимание и работает как элемент дизайна

дизайн сайта в фигме, лендинг для курса дизайн
дизайн лендинга для онлайн курса
исправить анимацию на тильде
не работает анимация на тильде

Мы по максимуму старались сделать адаптивную версию сайта такой же анимированной как и десктопную, насколько это получилось можете сравнить сами)

Нам очень нравится получившийся результат работы, как и понравился нашей заказчице)

Хотите заказать сайт для продажи курсов, пишите нам, мы обожаем работать с таким форматом!

не работает анимация на тильде
исправить анимацию на тильде
Made on
Tilda