Интерактивный благотворительный лендинг «Подари иголки елке»

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

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

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

Построили сценарий: форма → переход на сайт фонда → оплата → возврат на лендинг → появление фрагмента елки.

Спроектировали страницу с блоком формы, анимацией елки, объяснением механики и примером визуализации.

Сверстали форму с выбором суммы, полем для комментария и кнопкой перехода к оплате на сайте фонда.

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

Реализовали callback для получения подтверждения об успешной оплате от фонда.

Создали логику: как только перевод средств подтверждался, система фиксировала факт пожертвования и закрашивала фрагмент изображения елки.

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

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

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

Проект помог собрать пожертвования и зажег более 650 фрагментов изображения, превратив благотворительную механику в вовлекающий и эмоционально понятный digital-опыт.