Цели и задачи
- Информировать о фонде
- Привлечь спонсоров и волонтеров
- Вызвать интерес аудитории к такой проблеме как потеря слуха
- Предоставить помощь детям и взрослым с нарушениями слуха
Главная страница сайта сделана с использованием поэкранного скролла.
Этот приём позволяет чётко структурировать информацию, грамотно управлять вниманием пользователя.
![](/media/images/content/portfolio/Frame_73.jpg)
На следующем экране мы разместили информацию о ключевых особенностях «Слышать вместе». Мы рассказали о четырех ключевых причинах, почему людям с проблемами слуха стоит обращаться именно в этот фонд. Так мы выгодно подчеркнули преимущества фонда Такой блок направлен на привлечение внимания целевой аудитории. Дополнительно этому способствуют анимированные иконки.
![](/media/images/content/portfolio/Frame_74.jpg)
Сайт направлен на три категории посетителей:
- получателей помощи;
- волонтеров;
- партнёров, благотворителей, спонсоров.
Поэтому мы разработали индивидуальные формы регистрации на сайте. С помощью них у фонда есть возможность собрать различные данные пользователей сайта.
![](/media/images/content/portfolio/Frame_75.jpg)
Фонд предоставляет прозрачную информацию о своей структуре. Мы оформили это в отдельный блок и стилизовали под общую концепцию сайта.
![](/media/images/content/portfolio/Frame_76.jpg)
Для повышения доверия к фонду мы разработали блок с отчетами, в которых размещается подробная информация о целевом использовании денежных средств. У партнёров и спонсоров есть возможность отследить траты пожертвованных средств.
![](/media/images/content/portfolio/Frame_77.jpg)
В разделе «Для кого» мы создали индивидуальные блоки для разных целевых аудиторий. Блоки являются информационными, для каждого из них предусмотрена своя кнопка целевого действия.
![](/media/images/content/portfolio/Frame_78.jpg)
Мы разработали UI kit, сделали дизайн отзывчивым, отрисовав разные состояния кнопок и инпутов. Также была разработана адаптивная версия сайта, что повысило его конверсию.
![](/media/images/content/portfolio/Frame_79.jpg)