Сайт Фонда
Благотворительный Фонд Константина Хабенского
Задача
Сделать редизайн и создать современный сайт благотворительного фонда.
Объем по проекту
Срок проекта
Технологический стек решения
Над проектом работали
Результат
bfkh.ru
Сайт Фонда
Благотворительный Фонд Константина Хабенского
Задача
Сделать редизайн и создать современный сайт благотворительного фонда.
Объем по проекту
Срок проекта
Технологический стек решения
Над проектом работали
Результат
bfkh.ruО проекте
Благотворительный Фонд Константина Хабенского с 2008 года помогает детям и молодым взрослым с опухолями головного и спинного мозга. Фонд оплачивает диагностику и лечение детей, организует реабилитационные программы. С помощью курсов и тренингов Фонд повышает квалификацию врачей, а ещё помогает оснащать профильные отделения российских медицинских учреждений. Все программы и проекты Фонда реализуются за счет благотворительных пожертвований.
Задача
Нам была поставлена задача сделать редизайн сайта, используя современные практики рынка, с целью создания информативного и понятного проекта, который поспособствует повышению сборов и донесению информации о деятельности Фонда.
Cтарая версия сайта
Новая версия сайта
Комментарий клиента
Комментарий генерального директора
Кирилл Сидоров
Генеральный директор Hawking Bros
Благотворительный Фонд Константина Хабенского — важный проект для нас. И по профессиональным задачам, и по социальной важности. Под него мы собрали большую команду: UI‑дизайнер, два веб‑дизайнера, арт‑директор, frontend‑разработчик, backend‑разработчик, два UX‑исследователя, QA‑специалист и менеджер проекта.
Старт проекта
На старте проекта заказчик обратился к нам с задачей сделать просто редизайн сайта. Мы начали делать первые макеты, но после нескольких совместных сессий поняли, что нужно сначала переосмылить функциональность всего сайта и чётче понять, какие задачи он будет закрывать, и договорились начать заново — уже с предпроектной аналитики.
Мы проанализировали 11 сайтов других НКО и поведение пользователей на текущем сайте фонда. Это позволило понять, какие удобные функции используются на рынке и к каким решениям привыкли пользователи.
Через глубинные интервью исследователи изучили опыт трёх сегментов аудитории сайта: родителей, волонтёров, частных и корпоративных благотворителей, чтобы понять, какой пользовательский путь они проходят на сайте, какие барьеры могут помешать им совершить желаемые действия и что влияет на решение. Эта информация помогла более критично взглянуть на первые макеты редизайна и найти точки улучшений.
Комментарий аналитика
Татьяна Таганова
Эксперт по предпроектной аналитике
Исследования перед разработкой сайта прекрасны тем, что помогают избежать фичеризма и дают команде ясность и аргументацию при оценке архитектуры сайта и страниц. Опираясь на аналитику, команда снижает долю субъективного, что помогает быстрее выделить MVP и ускорить движение проекта.
Этапы исследований
Итогом работы стала карта наполнения сайта. Рабочая группа за несколько встреч приоритизировала страницы и фичи, распределив последовательность разработки.
Решение
Фонду было важно запустить ежегодную акцию «Уроки добра» к 1 сентября. Так как процесс создания сайта достаточно долгий, мы начали с разработки MVP‑версии. В качестве технологического стека выбрали 1С‑Битрикс.
Нам удалось завершить MVP и запустить ее спустя 4 месяца после старта проекта. В итоге был выпущен раздел «События», который функционирует до сих пор.
Раздел MVP «События»
Процесс
После успешного запуска MVP‑версии раздела «События» наша команда перешла к работе над созданием нового сайта. Дизайн‑концепцию и современный удобный интерфейс выпущенной MVP‑версии было принято использовать на страницах всего сайта.
Главная страница сайта
На этапе разработки мы создали удобный список благотворительных программ и проектов в виде карточек, в которых пользователю открывается всевозможная информация о деятельности Фонда. Также мы интегрировали различные платежные системы, удобные и доступные для каждого пользователя как среди частных лиц, так и среди бизнеса.
На каждой странице сайта в верхней части есть кнопка «Помочь», которая позволяет пользователю сделать пожертвование в любое время. Кликнув на эту кнопку, пользователь будет перенаправлен на страницу, где можно сделать пожертвование.
Окно "Сделать пожертование"
Для аккуратного и качественного ведения проекта мы использовали правило трех П: приоритеты, планерки, постмиты. Распределение менеджером задач по проекту в соответствии с этим правилом позволяет быстро сориентироваться в приоритетности различных этапов, а для ускоренного погружения в процесс дважды в неделю проводились митинги с представителями Фонда. Со временем их количество сократилось до еженедельных, а зафиксированные постмиты помогали команде быть в курсе последних принятых решений по проекту.
Комментарий клиента
Александр Рицик
Руководитель направления онлайн сервисов Благотворительного Фонда Константина Хабенского
С менеджером проекта мы всегда находили точки соприкосновения. Не было безвыходных ситуаций, решения находили всегда. Старые договоренности сохранялись даже при смене условий.
Ещё один нюанс — с нашей стороны сайтом занимается целая рабочая группа. И здесь нужно уметь держать баланс между желаниями каждого. Мы все стремимся к тому, чтобы выпустить качественный продукт по итогу, из‑за чего порой происходят довольно долгие согласования. Но даже при этом ограничении работа ведётся слаженно.
Комментарий менеджера проекта
Арсений Анатольев
Менеджер проекта
Когда со стороны заказчика участвует большая команда — это всегда сложный в управлении проект. Находить компромиссы между несколькими участниками — нетривиальная задача, но мы с ней справились.
Мы в Hawking Bros умеем держать слово и по ходу проекта принимаем только те решения, которые пойдут на пользу проекту.
Для ускорения процесса работа над проектом велась итерациями, и со временем доверия к команде ХБ стало больше, а согласования начали проходить быстрее.
Как выглядят разные разделы сайта
Комментарий менеджера проекта
Арсений Анатольев
Менеджер проекта
Реализация проектов подобных проекту Фонда заставляет задуматься о том, насколько, все‑таки, важные вещи мы делаем. Приятно наблюдать, что новый продукт помогает финансировать лечение людей со сложными заболеваниями и осознавать, что в этом есть твой вклад и вклад твоей команды.
Благодарим команду БФКХ за оказанное нам доверие и желаем здоровья для них и их подопечных!
Результат
В результате проделанной работы нашей команде удалось создать и запустить за 4 месяца работы MVP‑версию раздела «События», которая позволяет пользователям самостоятельно организовывать благотворительные акции.
После запуска MVP-версии мы создали технологичный сайт с современным дизайном, в котором получилось реализовать все поставленные задачи заказчика. Разработанный интерфейс сделал сайт удобным в пользовании, а дополнительные встроенные фичи сделали его информативным, что поспособствовало повышению сборов Фонда.
Интеграция вариативных платежных систем сделала процесс пожертвований комфортным и доступным для каждого пользователя. У нас получился очень развитый и удобный сайт, который полностью оправдал ожидания Фонда.
Александр Рицик
Руководитель направления онлайн сервисов Благотворительного Фонда Константина Хабенского
В 2020 году нам потребовался сайт, куда мы могли бы интегрировать платежные сервисы, чтобы благотворителям стало удобнее переводить деньги или оформлять регулярные платежи. К этому моменту команда уже отчётливо понимала, что текущий ресурс устарел и не отвечает всем функциональным ожиданиям аудитории. Поэтому мы хотели современный и удобный сайт с акцентом на способы оплаты и надежность.
Для поиска подрядчика мы проводили аналитику и сравнивали агентства — кому‑то не хватало опыта, кому‑то — экспертизы. В итоге остановились на Hawking Bros, которых нам порекомендовали в Partners’ Club by AGIMA.