你财富项目
360集团旗下互联网金融服务平台，该小程序是针对用户研发的基金类产品，包含投资和财富管理等功能，将专业的基金投资人做为产品亮点，吸引用户付费学习，实现流量变现。
本人负责：上线App内新功能模块的增加、衍生产品0-1的UI设计、Web端设计、日常的更新迭代及资源位设计
AIGC Design ｜ Visual Design ｜ App Design | Product Design
项目负责内容：定义风格 ｜
UI界面设计 ｜
交互设计 ｜
开发跟进
Copyrights©ˉ杨璐 2023_06_01
Vision1.0
设计流程
Design Flow
触发
反馈
整合
拓展
用户调研
改变习惯
1
3
2
4
5
6
明确业务目标
用户调研阶段
用户体验设计
价值阶段
原型信息整合
跟进开发
了解用户需求
明确设计目标
项目总结复盘
设计前
最新设计趋势
配合跟进开发
归纳整合信息
信息降噪
充分理解功能点
UI设计走查
分析竞品优缺点
归纳整理组件
发现用户痛点
跟进数据反馈
排布信息优先级
情感化设计
设计中
设计后
1
AIGC Design ｜ Visual Design ｜ App Design | Product Design
Copyrights©ˉ杨璐 2023_06_01
Vision1.0
财富星球模块
你财富项目中“财富星球模块”开发，一开始作为单独小程序独立运行，后续嵌套在你财富APP中，该模块将专业的基金投资人做为产品亮点，吸引用户付费学习，实现流量变现。

本人负责：定义页面风格、优化产品交互、从0到1的UI设计，支撑产品的后续更新迭代及推广设计需求
项目负责内容：定义风格 ｜
UI界面设计 ｜
交互设计 ｜
开发跟进 ｜
AIGC Design ｜ Visual Design ｜ App Design | Product Design
Copyrights©ˉ杨璐 2023_06_01
Vision1.0
财富星球模块手机界面
整体颜色采用主色红色搭配辅色橙色，降低用户对金融产品的心理壁垒，通栏的资源位引导核心转化的同时，强化品牌色与品牌信任度。
顶层：利益吸引（VIP 领取），以及品牌的背景介绍。
中层：常用的理财工具的金刚区，以及成为会员才能查看的基金大咖的持仓及收益，强调投资回报，引起用户关注；同时明确的操作引导，满足用户对账户信息和交易情况的了解需求。
下层：卡片式布局展示大咖信息，增加可信度和专业感，同时也是产���亮点板块，放���操作热区，用户易操作。
金融产品的交互设计，核心是降低 “决策成本” 与 “操作成本”。
亮点功能占用最显著视觉位置，让用户在 “���一眼” 的时间里就能定位到目标功能，避免 “层层寻找” 的低效体验。
数据模块的 “红黑配色”，用视觉对比快速传递 “收益成果”，让用户无需 “复杂解读” 就能感知价值。
视觉策略：
“暖感金融” 的信任构建
信息架构：
交互逻辑：
“用户视角” 的体验分层
“高效决策” 的路径优化
模块首页
Index layout
Copyrights©ˉ杨璐 2023_06_01
Vision1.0
个人中心
Log in/Sign up
Copyrights©ˉ���璐 2023_06_01
Vision1.0
温暖感与专业感
降低认知负荷强化反馈
进入个人中心
核心权益区
会员权益/新手礼
低频功能区
交易记录/设置
高频功能区
基金/收藏/问答
品牌延伸区
VIP推广/情感传递
操作闭环
注册/登录 权益领取
平衡
个人中心是承载用户个性化功能、传递品牌价值与服务权益的地方，因此页面采用暖色调为主、轻量化设计为辅的视觉风格；
层级区分：通过 “大标题加粗 + 卡片形式” 突出 “尊享 9 大会员权益” 的核心卖点；功能入口以 “图标 + 文字” 的轻量化组合呈现，既降低视觉负担，又可以通过改变展示形式明确信息层级。
品牌强化：底部 “360财富星球VIP” 推广栏结合卡通形象，以趣味化设计软化金融产品的严���感，同时强化 “财富陪伴” 品牌主张。
操作反馈：进入个人中心页面时设计 “微交互”（如卡片高光闪过、轻微缩放等），强化重点信息，提升交互的体感；
路径简化：从 “注册 / 登录” 到 “领取权益”“管理资产” 的路径尽可能线性化，减少冗余步骤，比如 “免费领 VIP 卡” 按钮可直接引导用户完成权益领取流程。
Copyrights©ˉ杨璐 2023_06_01
Vision1.0
未登录
已登录
目标定位
信息架构
情感连接
转化导向
获客逻辑
利益刺激
未登录
已登录
服务导向
留存逻辑
身份认同
核心目标是引导用户注册/登录，通过交互路径极致简化，确保“转化路径”的最短链路，降低用户决策门槛，推动转化行为。
核心是 “我能获得什么好处”，因此功能优先级为「权益入口 > 基础功能入口」，权益类按钮（免费领VIP卡）是视觉重心。
采用“暖色调 + 利益型文案”，传递“有利可图、值得尝试”的认知，激发用户的探索欲与注册动机
核心目标是为用户提供个性化服务与资产管理，交互路径更丰富但有序，满足用户多样化操作需求，同时保证路径的清晰性。
核心是 “我能管理什么资产、享受什么服务”，用户资产数据、VIP会员权益是视觉重�����提升用户粘性。
通过会员独有标识、专属会员权益，以身份认同、专属服务的方式强化用户与产品的情感连接。
实时估值:
1,34682
估值涨幅:
-0.55
%
13:24
9.0%
6.0%
3.0%
0.0%
-6.0%
-3.0%
03-19
04-03
04-19
收益走势
净值估算
估值数据仅供参考，实际涨跌及交易以基金公司公告的基金净值为准
更多数据
日期
日涨幅
单位净值
累计净值
2021-05-28
2021-05-28
2021-05-28
2021-05-28
-1.89
-1.89
1.89
1.89
%
%
%
%
2.2178
2.2178
2.2178
2.2178
3.2257
3.2257
3.2257
3.2257
历史业绩
历史净值
设计优化策略
基于小白用户经验少、金融垂类专业知识多晦涩难懂、数据复杂难理解，同时品牌信任度、交易强时效是金融产品周期性交易的重要特征；
基于上述背景，对详情页进行「信息重构」和「页面框架搭建」，梳理信息层级，提升内容聚合度，确保框架更为清晰、易理解；同时强化业务合规性，提升用户信任度，从而达成商业目标；
通过图表图形化表达、关键信息可视化等方式提高信息获取效率，降低用户获取信息门槛，因此制定了易触达、易理解的设计策略。
Copyrights©ˉ杨璐 2023_06_01
Vision1.0
基金详情
Details Page
当前A股资产证券化率
2021-08-08 19:42更新
TTM
沪深300
A股资产证券化率
2004年起A股资产证券化率与沪深300走势对比
38%
74%
111%
102.45
%
5000
90.00%
105.00%
4000
75.00%
3000
50.00%
2000
25.00%
0
1000
0.00%
2020-03-19
2020-04-03
2020-04-19
2020-03-19
2020-04-03
易触达：结合用户需求和业务理解对信息模块进行梳理，排列信息优先级，强需内容放在头部，弱需满足放在中部，附加转化放在底部，如多收益走势+历史业绩作为搜索强需置于上方，关��指数信息置于头部，基金档案及简报内容置于中部，基金买入等激发需求入口置于下方置顶悬浮，并结合设计策略展开整个改进体验设计。
易理解：通过数据结构化、图形可视化、标签化字体等用户更易理解的设计表达语言，帮助用户更简单快捷的获取信息。如设计证券化率热力图，直观查看当前市场的资产证券化率高低。
易触达 易理解
Copyrights©ˉ杨璐 2023_06_01
Vision1.0
密码登录
验证码登录
注册
登录注册模块
梳理各端��面交互规则，协同产品经理一起完善页面流程
Copyrights©ˉ杨璐 2023_06_01
Vision1.0
其他模块展示
AIGC Design ｜ Visual Design ｜ App Design | Product Design
Other Modules
Copyrights©ˉ杨璐 2023_06_01
Vision1.0
Copyrights©ˉ杨璐 2023_06_01
Vision1.0
Copyrights©ˉ杨璐 2023_06_01
Vision1.0
官网设计
WEB Design
Copyrights©ˉ杨璐 2023_06_01
Vision1.0
AI 网站交互展示
WEB Design
生成式代码
AI生成基础
动态用户界面
人工智能辅助导航
动态内容
用户参与度指标
从概念到实时网站
人工智能辅助开发
交互式网站功能
利用OPEN CODE AI驱动网站创建
实时网站建构��
项目展示
组件自动布局
交互式预览
OPEN CODE