Ветворкшоп

О проекте

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

Над проектом мы работали вместе с busy studio по их милейшему дизайну. От нас требовалось сверстать лендинг в виде большой ёлки с новогодними шариками.

На новогодней ёлке — 50 шариков-историй собачек и кошечек. После покупки курса каждый мог выбрать, кому из питомцев приютов уйдет процент от покупки. Также каждый мог написать своё письмо-пожелание, которое останется на сайте.

Цель

По внутрянке: подключить бэкенд, чтобы отслеживать пользователей, которые подали заявку и оставили пожертвования.

Вызовы и решения

Дизайн создавался очень быстро и какие-то детали согласовывались с конечным клиентом по ходу разработки. А конечный контент в виде ёлочных шаров буквально висел на ёлке (бэкграунде) в виде шаров.

Основные блоки мы сделали в виде рождественских открыток

В период действия новогодней акции клиент мог купить себе курс от Ветворкшоп по скидке

Часть этих денег отправлялась в приют в целом или на лечение какого-то конкретного котика или собачки. А вот куда именно и кому отправлять деньги выбирал сам клиент, тыкая по шарикам.

Каждый шарик — это история о животном или приюте. Клиент её читал и делал выбор в пользу того, что его пожертвование должно идти именно сюда. Мы аккуратно перевели дизайн в код и анимировали объекты.

Например, шарики на ёлке при взаимодействии покачивались

Итоги

В процессе мы помогли дизайнерам немного довести макеты до идеала, а в своей работе выбрали простые и проверенные технологии.

По итогу проект выполнил две своих главных задачи:

1. Помог компании Ветворкшоп продать онлайн-курсы;
2. Собрать деньги на помощь животным.