Новогодний спецпроект для онлайн-школы Ветворкшоп

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

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

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

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

Основными трудностями проекта были сжатый срок на реализацию и работа в изменяющихся условиях. Поскольку дизайн создавался очень быстро и какие-то детали согласовывались с конечным клиентом по ходу разработки.

Основные блоки мы сделали в виде рождественских открыток. Контент в виде ёлочных шаров буквально висел на ёлке (бэкграунде) в виде шаров. 

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

Мы аккуратно перевели дизайн в код и анимировали объекты. Например, шарики на ёлке при взаимодействии покачивались.

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

Из чего состоит API и как работает:

1. Отдает информацию (описание) по животным и приютам.

2. Принимает пожелания для животных.

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

4. Владелец сайта может посмотреть какие токены еще не использованы.

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

По итогу проект выполнил две своих главных задачи: помог компании Ветворкшоп продать онлайн-курсы и собрать деньги на помощь животным.