Сайт для благотворительного фонда "Дорога к дому"

Благотворительный Фонд «Дорога к дому» осуществляет благотворительную деятельность в 7-ми регионах присутствия компании «Северсталь» по основным направлениям: профилактика социального сиротства, профилактика правонарушений несовершеннолетних, поддержка и развитие одаренных школьников, поддержка специалистов сферы детства (обучение)

Создание нового сайта преследовало за собой следующие цели:

1. Обеспечить простой и удобный сбор пожертвований от физ.лиц и юр.лиц, визуализировать остаток средств, которые нужно собрать в адресной помощи;

2. Мотивировать людей подписываться на регулярные платежи;

3. Осветить деятельность фонда в рамках проектов, отобразить в проектах новости, документы, мероприятия;

4. Выделить программу для развития одаренных и талантливых детей Череповца;

5. Привлечь волонтеров/добровольцев, готовых помочь не деньгами, но делом;

6. Обеспечить легкий доступ к информации о расходовании средств, для выполнения требования прозрачности работы;

7. Обеспечить хорошую индексацию страниц поисковыми машинами;

8. Обеспечить высокую скорость загрузки страниц сайта;

9. Учесть требования SEO оптимизации, контент должен корректно индексироваться после переноса в новую версию.

Работа над проектом состояла из нескольких этапов:

1. Аналитика

2. Прототипирование

3. Изучение брендбука компании и создание дизайна на его основе

4. Разработка функционала будущего сайта

Далее подробнее расскажем про этапы.

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

Аналитика для сайта благотворительного фонда включала:

— Анализ российский благотворительных фондов 

— Проведение интервью со всеми стейкхолдерами и составление общих и непротиворечивых требований к проекту

— Глубокая проработка структуры проекта

— Сбор семантического ядра

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

Логотип и фирменный стиль был предоставлен заказчиком, над брендбуком работали коллеги из HEADSPACE 

Логотип состоит двух элементов: названия благотворительного фонда и графического элемента. 

В цветовом оформлении ориентировались на брендбук фонда. Акцентными цветами на сайте выбрали оранжевый и желтый. 

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

Для проекта использовали 24-х колоночную основную сетку макетов. Такая сетка позволила решить задачи по разработке удобных и доступных для восприятия карточек 

Для структурирования страницы и размещения контента мы определили модульную систему, в которую вписвается весь контент на сайте. Это поможет покрыть потребности нового дизайна при развитии продукта.

Дли проекта мы выбрали гарнитуру шрифтов Montserrat и использовали два варианта начертания: Montserrat Medium и Montserrat Semibold. 

Это низкоконтрастный гуманистический гротеск с почти классическими пропорциями, легко и приятно читается.

Для улучшения взаимодействия с интерфейсом выбрали невысокий контраст размеров шрифтов гарнитуры.