Разработать сайт для онлайн курса

задача:
ход работы:

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

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

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

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

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

цветовую палитру взяли из макета карты, которую они нам прислали и немного их изменили

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

Задумка была такая: человек должен скролить сайт и в этот момент супер герой летит по маршруту и на каждом этапе всасывает в себя иконки, тем самым наполняя шкалу навыка справа

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

После того как мы утвердили дизайн сайта в Figma. Мы перешли к переносу дизайна на Тильду.

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

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

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

Made on
Tilda