Сайт для сбора средств на мультфильм Ымка

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

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

Для реализации двуязычности, которая одинаково работала бы и с контентом сайта и с функциями WooCommerce, нами был выбран бесплатный модуль машинного перевода GTranslate от Google.

Главная страница сайта

На главной странице сайта собрана вся информация о снимающемся мультфильме. В первом блоке расположено видео обращения к публике режиссёра и сценариста мультфильма Оксаны Водопьяновой.

Ниже идут блоки о Цели проекта и Истории проекта. Каждый блок снабжён кнопкой перехода на страницу выбора формата поддержки проекта. Блок, знакомящий с командой, работающей над мультфильмом, проиллюстрирован отрисованными аватарками ключевых участников проекта.

Завершает главную страницу выдача свежих записей блога.

Футер содержит контактную информацию, блок ссылок на соцсети Ымки, логотип и название генерального спонсора проекта.

Страница сбора средств

Витрина призов

Ымка предлагает различные форматы финансового участия в проекте. Все виды участия, кроме безвозмездного, предполагают получение приза за помощь: это может быть скачиваемый файл на выбор, эвент или допуск к рабочим материалам и процессам производства мультфильма. Для реализации таких возможностей нами был выбран плагин для WopdPress WooCommerce. Плагин с открытым исходным кодом, он лёгок в установке и настройке, корректно работает, к тому же, имеет много расширений, позволяющих кастомизировать взаимодействие с пользователями сайта.

Мы дополнили WooCommerce плагинами:

• WooCommerce Customizer — для переименования элементов магазина (заголовков, кнопок и тп.)
• Checkout Field Editor for WooCommerce — для изменения полей в форме оформления заказа с целью максимально облегчить оформление доната. Были убраны поля адреса доставки, номера телефона и тп.
• Яндекс.Касса 2.0 для Woocommerce — платёжный модуль.

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

Страница выбранного приза

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

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

Первый слайд: акцентирована цветом кнопка, ведущая на пошаговую инструкцию по скачиванию файла. Второй слайд — инструкция.

Этапы оформления финансовой помощи

Основной целью для нас было облегчить этап перевода денег для спонсора. Мы вычистили все поля, оставив только самые необходимые. Спонсору нужно будет только написать своё имя и email, выбрать форму оплаты и уже на странице ЯндекКассы совершить платёж. В случае выбора скачиваемого приза, спонсору нужно будет со страницы ЯндексКассы по кнопке вернуться на сайт Ымки и кликнуть на ссылку скачивания

Блог

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

Желаем мультфильму Ымка успешно состояться)