Сайт Фонда
Благотворительный Фонд Константина Хабенского
Задача
Сделать редизайн и создать современный сайт благотворительного фонда.
Объем по проекту
Срок проекта
Технологический стек решения
Над проектом работали
Результат
bfkh.ru![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/bfkh_head-bg.png)
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/bfkh_head-mobile-bg.png)
Сайт Фонда
Благотворительный Фонд Константина Хабенского
Задача
Сделать редизайн и создать современный сайт благотворительного фонда.
Объем по проекту
Срок проекта
Технологический стек решения
Над проектом работали
Результат
bfkh.ru![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/bfkh_head-mobile-bg.png)
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/bfkh_head-mobile-bg.png)
О проекте
Благотворительный Фонд Константина Хабенского с 2008 года помогает детям и молодым взрослым с опухолями головного и спинного мозга. Фонд оплачивает диагностику и лечение детей, организует реабилитационные программы. С помощью курсов и тренингов Фонд повышает квалификацию врачей, а ещё помогает оснащать профильные отделения российских медицинских учреждений. Все программы и проекты Фонда реализуются за счет благотворительных пожертвований.
Задача
Нам была поставлена задача сделать редизайн сайта, используя современные практики рынка, с целью создания информативного и понятного проекта, который поспособствует повышению сборов и донесению информации о деятельности Фонда.
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/bfkh-old_2.png)
Cтарая версия сайта
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/bfkh-new.png)
Новая версия сайта
Комментарий клиента
Комментарий генерального директора
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/comment_avatar-director.png)
Кирилл Сидоров
Генеральный директор Hawking Bros
Благотворительный Фонд Константина Хабенского — важный проект для нас. И по профессиональным задачам, и по социальной важности. Под него мы собрали большую команду: UI‑дизайнер, два веб‑дизайнера, арт‑директор, frontend‑разработчик, backend‑разработчик, два UX‑исследователя, QA‑специалист и менеджер проекта.
Старт проекта
На старте проекта заказчик обратился к нам с задачей сделать просто редизайн сайта. Мы начали делать первые макеты, но после нескольких совместных сессий поняли, что нужно сначала переосмылить функциональность всего сайта и чётче понять, какие задачи он будет закрывать, и договорились начать заново — уже с предпроектной аналитики.
Мы проанализировали 11 сайтов других НКО и поведение пользователей на текущем сайте фонда. Это позволило понять, какие удобные функции используются на рынке и к каким решениям привыкли пользователи.
Через глубинные интервью исследователи изучили опыт трёх сегментов аудитории сайта: родителей, волонтёров, частных и корпоративных благотворителей, чтобы понять, какой пользовательский путь они проходят на сайте, какие барьеры могут помешать им совершить желаемые действия и что влияет на решение. Эта информация помогла более критично взглянуть на первые макеты редизайна и найти точки улучшений.
Комментарий аналитика
![](https://hawkingbros.com/assets/image/content/project-cases/dobuy/taganova.png)
Татьяна Таганова
Эксперт по предпроектной аналитике
Исследования перед разработкой сайта прекрасны тем, что помогают избежать фичеризма и дают команде ясность и аргументацию при оценке архитектуры сайта и страниц. Опираясь на аналитику, команда снижает долю субъективного, что помогает быстрее выделить MVP и ускорить движение проекта.
Этапы исследований
Итогом работы стала карта наполнения сайта. Рабочая группа за несколько встреч приоритизировала страницы и фичи, распределив последовательность разработки.
Решение
Фонду было важно запустить ежегодную акцию «Уроки добра» к 1 сентября. Так как процесс создания сайта достаточно долгий, мы начали с разработки MVP‑версии. В качестве технологического стека выбрали 1С‑Битрикс.
Нам удалось завершить MVP и запустить ее спустя 4 месяца после старта проекта. В итоге был выпущен раздел «События», который функционирует до сих пор.
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/mvp_1_2.png)
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/mvp_2.png)
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/mvp_3_2.png)
Раздел MVP «События»
Процесс
После успешного запуска MVP‑версии раздела «События» наша команда перешла к работе над созданием нового сайта. Дизайн‑концепцию и современный удобный интерфейс выпущенной MVP‑версии было принято использовать на страницах всего сайта.
![](https://hawkingbros.com/assets/image/content/project-cases/dobuy/studioDisplay.png)
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/main-page.png)
Главная страница сайта
На этапе разработки мы создали удобный список благотворительных программ и проектов в виде карточек, в которых пользователю открывается всевозможная информация о деятельности Фонда. Также мы интегрировали различные платежные системы, удобные и доступные для каждого пользователя как среди частных лиц, так и среди бизнеса.
На каждой странице сайта в верхней части есть кнопка «Помочь», которая позволяет пользователю сделать пожертвование в любое время. Кликнув на эту кнопку, пользователь будет перенаправлен на страницу, где можно сделать пожертвование.
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/order-page.png)
Окно "Сделать пожертование"
Для аккуратного и качественного ведения проекта мы использовали правило трех П: приоритеты, планерки, постмиты. Распределение менеджером задач по проекту в соответствии с этим правилом позволяет быстро сориентироваться в приоритетности различных этапов, а для ускоренного погружения в процесс дважды в неделю проводились митинги с представителями Фонда. Со временем их количество сократилось до еженедельных, а зафиксированные постмиты помогали команде быть в курсе последних принятых решений по проекту.
Комментарий клиента
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/comment_avatar-client.png)
Александр Рицик
Руководитель направления онлайн сервисов Благотворительного Фонда Константина Хабенского
С менеджером проекта мы всегда находили точки соприкосновения. Не было безвыходных ситуаций, решения находили всегда. Старые договоренности сохранялись даже при смене условий.
Ещё один нюанс — с нашей стороны сайтом занимается целая рабочая группа. И здесь нужно уметь держать баланс между желаниями каждого. Мы все стремимся к тому, чтобы выпустить качественный продукт по итогу, из‑за чего порой происходят довольно долгие согласования. Но даже при этом ограничении работа ведётся слаженно.
Комментарий менеджера проекта
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/comment_avatar-meneger.png)
Арсений Анатольев
Менеджер проекта
Когда со стороны заказчика участвует большая команда — это всегда сложный в управлении проект. Находить компромиссы между несколькими участниками — нетривиальная задача, но мы с ней справились.
Мы в Hawking Bros умеем держать слово и по ходу проекта принимаем только те решения, которые пойдут на пользу проекту.
Для ускорения процесса работа над проектом велась итерациями, и со временем доверия к команде ХБ стало больше, а согласования начали проходить быстрее.
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/scroll-top.png)
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/scroll-top.png)
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/scroll-bottom.png)
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/scroll-bottom.png)
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/scroll-all-img.png)
Как выглядят разные разделы сайта
Комментарий менеджера проекта
![](https://hawkingbros.com/assets/image/content/project-cases/bfkh/comment_avatar-meneger.png)
Арсений Анатольев
Менеджер проекта
Реализация проектов подобных проекту Фонда заставляет задуматься о том, насколько, все‑таки, важные вещи мы делаем. Приятно наблюдать, что новый продукт помогает финансировать лечение людей со сложными заболеваниями и осознавать, что в этом есть твой вклад и вклад твоей команды.
Благодарим команду БФКХ за оказанное нам доверие и желаем здоровья для них и их подопечных!
Результат
В результате проделанной работы нашей команде удалось создать и запустить за 4 месяца работы MVP‑версию раздела «События», которая позволяет пользователям самостоятельно организовывать благотворительные акции.
После запуска MVP-версии мы создали технологичный сайт с современным дизайном, в котором получилось реализовать все поставленные задачи заказчика. Разработанный интерфейс сделал сайт удобным в пользовании, а дополнительные встроенные фичи сделали его информативным, что поспособствовало повышению сборов Фонда.
Интеграция вариативных платежных систем сделала процесс пожертвований комфортным и доступным для каждого пользователя. У нас получился очень развитый и удобный сайт, который полностью оправдал ожидания Фонда.
Александр Рицик
Руководитель направления онлайн сервисов Благотворительного Фонда Константина Хабенского
В 2020 году нам потребовался сайт, куда мы могли бы интегрировать платежные сервисы, чтобы благотворителям стало удобнее переводить деньги или оформлять регулярные платежи. К этому моменту команда уже отчётливо понимала, что текущий ресурс устарел и не отвечает всем функциональным ожиданиям аудитории. Поэтому мы хотели современный и удобный сайт с акцентом на способы оплаты и надежность.
Для поиска подрядчика мы проводили аналитику и сравнивали агентства — кому‑то не хватало опыта, кому‑то — экспертизы. В итоге остановились на Hawking Bros, которых нам порекомендовали в Partners’ Club by AGIMA.