Объяснить масштаб
Кто такой Банк еды «Русь», как работает продуктосбережение и кому уже помог фонд.
Website
Non-profit
UX architecture
Adaptive
Банк еды «Русь» дизайн сайта
Большой информационный сайт для фонда, который объединяет людей, бизнес, волонтёров и региональные банки еды. Я отвечал за архитектуру, пользовательские сценарии и UX/UI-дизайн — от первого экрана до пожертвования, заявки на помощь и календаря событий.
01 / масштаб сайта
Сайт фонда: пожертвования, заявки на помощь и события
4основные аудитории с разными целями, контекстом и входом в сайт.
10+ключевых сценариев: пожертвовать, стать волонтёром, получить помощь, стать партнёром и другие.
3адаптивных формата: desktop, tablet и mobile.
1общая архитектура для программ, регионов, новостей, событий и форм.
02 / концепция
Три шага держат весь пользовательский путь: понять → выбрать → действовать
У фонда много направлений, программ, регионов и форм участия. Главная UX-задача — не показывать посетителю внутреннюю сложность организации, а быстро объяснить смысл фудшеринга и привести к подходящему действию.
Развести сценарии
Отдельные входы для частного донора, бизнеса, волонтёра и человека, которому нужна помощь.
Довести до действия
Пожертвование, регистрация, заявка или контакт доступны без лишних переходов и поиска.
03 / архитектура
Сначала — полная карта экранов и переходов, затем визуальный слой
Прототип фиксирует всю структуру сайта: главную, программы, регионы, новости, календарь, пожертвования, формы помощи, служебные состояния и адаптивные версии. Связи между экранами проверены до перехода к UI.
04 / влияние
Через сайт фонд собирает миллионы рублей пожертвований каждый год
3,5 млн ₽пожертвований через сайт в 2022 году.
4,2 млн ₽в 2023 году.
9,5 млн ₽в 2024 году — пиковый показатель.
6,3 млн ₽в 2025 году.
05 / интерфейс
Компоненты сайта: текст, данные и формы
Интерфейс держится на ясной иерархии, крупных цифрах, карточках с мягкими углами, коротких призывах к действию и цветовой навигации по направлениям. Оранжевый отвечает за действие, синий — за доверие и информационные блоки, дополнительные цвета разделяют программы.
Навигация по аудиториямDonation formsКарточки программКалендарь событийНовости и историиРегиональные отделенияМобильные сценарии
06 / результат
Живой сайт и более 45 страниц
Обсудить проект
Нужен дизайн сайта или приложения?
Расскажите о проекте и аудитории — предложу структуру, объём работ, сроки и стоимость.
Заказать дизайн сайта