解释规模
路斯食品银行是谁,食物拯救如何运作,以及基金会已经帮助过哪些人。
Website
Non-profit
UX architecture
Adaptive
路斯食品银行 网站设计
一个大型信息网站,将个人、企业、志愿者和各地区食品银行连接在一起。 我负责架构、用户场景与UX/UI设计——从首屏到捐款、 求助申请与活动日历的完整流程。
01 / 网站规模
不是基金会的宣传页,而是整个援助体系统一的数字入口
4类核心用户,各有不同目标、场景与网站入口。
10+个关键场景:捐款、成为志愿者、获得帮助、成为合作伙伴等。
3种自适应格式:桌面端、平板端与移动端。
1套统一架构,覆盖项目、地区、新闻、活动与各类表单。
02 / 概念
三个步骤贯穿整个用户旅程:理解 → 选择 → 行动
基金会拥有众多方向、项目、地区和参与形式。核心的UX任务 不是向访客展示组织内部的复杂性,而是快速讲清楚食物共享的 意义,并引导访客采取合适的行动。
区分场景
为个人捐赠者、企业、志愿者以及需要帮助的人分别提供独立入口。
促成行动
捐款、注册、申请或联系,无需多余跳转与搜索即可完成。
03 / 架构
先有完整的界面与流程地图,再进入视觉层
原型固定了网站的整体结构:首页、项目、地区、新闻、日历、 捐款、求助表单、系统状态与自适应版本。在进入UI阶段之前, 各界面之间的连接关系已经过验证。
04 / 影响
基金会每年通过网站筹集数百万卢布捐款
350万 ₽2022年通过网站收到的捐款。
420万 ₽2023年的捐款金额。
950万 ₽2024年——峰值。
630万 ₽2025年的捐款金额。
05 / 界面
同一套视觉语言贯穿内容、数据、表单与复杂的用户场景
界面依托清晰的层级、醒目的大号数字、圆角卡片、简短的 行动号召,以及按方向区分的色彩导航。橙色代表行动, 蓝色代表信任与信息模块,其余颜色用于区分不同项目。
按用户群体导航Donation forms项目卡片活动日历新闻与故事地区分支机构移动端场景
06 / 成果
已上线的网站,45个以上页面
洽谈项目