Реализация
Прежде всего мы провели интервью с командой фонда и обсудили структуру платформы, пользовательские сценарии и переходы, а также визуальный стиль: внешний вид страниц и цвет сайта. Затем составили и согласовали с фондом бриф, по которому дизайнер Philgood отрисовал экраны платформы.
Главный экран платформы «Эстафета чудес»
Далее последовал этап разработки. В начале личный кабинет подразумевал набор полей для заполнения стандартной информации — имейл и телефон. Однако в процессе мы договорились расширить функционал и дать пользователю возможность добавлять до 10 фотографий и релевантные хештеги, создавать события и редактировать их через личный кабинет. Сейчас на платформе семь категорий событий: торжества, игры, спорт, искусство, мастер-классы, тренинги, прочее.
Уникальность платформы волонтёрского фандрайзинга «Эстафета чудес» состоит в том, что сбор может организовать не только отдельный человек, но и группа по интересам, объединяющая компании или просто людей со схожими увлечениями.
Организовать событие может как группа, так и отдельный участник
Ещё одним важным этапом работы стала настройка платёжной системы: после того, как пользователь площадки создал мероприятие, он предлагает друзьям и знакомым присоединиться и поддержать фонд. Перечислить деньги может каждый — для этого не нужно регистрироваться на сайте. Все переводы отображаются прямо на странице события, что помогает благотворительному фонду сохранять прозрачность, поскольку сразу видно количество доноров и пожертвований. Там же предлагается помогать не разово, а постоянно, и оформить ежемесячные платежи в пользу фонда «Жизнь как чудо» — это позволяет организации планировать долгосрочные проекты.
Форма «Поддержать событие» позволяет подписаться на рекуррентные платежи
Кроме того, мы сделали на платформе открытую статистику, благодаря которой можно посмотреть, какие события создал пользователь и какие у них результаты. Участники и команды, получающие больше всего средств, отображаются в блоке «Наши герои» на главной странице.
Раздел «Наши герои» на главной странице
«Платформа разрабатывалась с учётом многолетнего опыта фонда «Жизнь как чудо» в волонтёрском фандрайзинге и анализа того, что нужно его сторонникам. Мы проделали большую работу, чтобы платформа получилась нативной и была как удобной для пользователей, так и эффективной для некоммерческой организации» — рассказывает Александр Аверин, руководитель диджитал-проекта.
Этап работ №1
Аналитика
Мы провели аналитику бизнес-процессов фонда для того, чтобы интегрировать их в структуру платформы.
Этап работ №2
Дизайн
Мы разработали и защитили дизайн-концепцию будущей платформы. А затем на основе концепции отрисовали макеты всех публичных и приватных разделов сайта.
Этап работ №3
Вёрстка и программирование
На этом этапе мы сверстали дизайн-макеты, разработали бэкенд проекта, настроили CMS (систему управления контентом), интегрировали вёрстку с бэкендом и внешними сервисами. Важно было сделать всю механику максимально удобной и понятной для пользователей, а также прозрачной с точки зрения отчётности.
Этап работ №4
Наполнение контентом, тестирование и запуск
Этап комплексного тестирования — обязательная часть всех диджитал-проектов. Команда проверяет сценарии пользовательского поведения, тестирует сайт на популярных устройствах, составляет список с выявленными ошибками и все их устраняет. Только после этого происходит запуск сайта.