Логотип Sirius.png

Задача. Спроектировать и задизайнить сайт-агрегатор для ервиса который помогает коммерческим организациям переводить деньги некоммерческим организациям на конкретные проекты. Выбирать проекты, смотреть отчеты, общаться с организациями.

Главная страница

Group 167.jpg
Превью проекта 4.jpg
Превью проекта 3.jpg
Превью проекта 1.jpg
Превью проекта 2.jpg

Для маркировки проектов используются пиктограммы проектов UN Global Goals

Планета плюс палитра.png

17 Целей глобального развития, принятые ООН

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

Иконки целей.png

Главная страница

Главная страница.png
Адаптивная версия.png
Колличество активных проектов.png
Прогресс выполнения.png

Прогресс выполнения проекта

Мобильное меню.png

Колличество активных проектов в отдельной категории

Иконка категории проекта

Фильтр проектов по параметрам

Фильтр проектов 1.png
Фильтр 1.png
Фильтр 2.png

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

Фильтр по проектам

Иконки на первом экране соответствуют направлениям в которых работает организация

Страница некоммерческой организации

Страница некоммерческой организации.png

Страница проекта

Основная кнопка на странице проекта - пожертвовать. Также можно связаться с организацией или перепостить проект в соцсети

Ежемесячные отчеты по проекту

Страница проекта.png
Страница коммерческой компании.png

Страница коммерческой компании

Три основных шаблона страниц

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

Шаблон 3.png
Шаблон 2.png
Шаблон 1.png

Система администрирования

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

Создание аккаунта организации

Создание аккаунта организации.png

Создание страницы проекта

Создание страницы проекта.png

Редактирование проекта и добавление новостей

Редактирование проекта и добавление ново

Инструменты для перевода денег

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

Чат с некоммерческой организацией

Просмотр прогресса и отчетов по проектам

Просмотр прогресса и отчетов по проектам
Чат 2.png
Чат 1.png
Различные способы перевода пожертвований

Различные способы перевода пожертвований

Этапы проектирования

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

Прототипы всех экранов сайта
и карта переходов между ними

Финальная иллюстрация.png
Прототип.png