ANOTHERZOUZOU‘s Design Portfolio

Design starts

with a question

问题浮现
洞察成形
结构生长
体验发生
设计不是在画面上不断增加什么,而是在复杂信息中建立秩序,在模糊需求中找到清晰的表达方式。
我并不急于寻找答案。先观察、提问、推翻,再重新组织。一个按钮为什么被点击,一个流程为什么被放弃,一个动效为什么让人感到安心——这些细微的反应,往往比画面本身更接近设计的核心。
观察
提问
设计不是在画面上不断增加什么,而是在复杂信息中建立秩序,在模糊需求中找到清晰的表达方式。
我并不急于寻找答案。先观察、提问、推翻,再重新组织。一个按钮为什么被点击,一个流程为什么被放弃,一个动效为什么让人感到安心——这些细微的反应,往往比画面本身更接近设计的核心。
信息被梳理,行动被引导,品牌被感知,信任也在短短几秒内被建立。每一个像素、每一次转场、每一个反馈,都应有它存在的理由。
梳理
信息被梳理,行动被引导,品牌被感知,信任也在短短几秒内被建立。每一个像素、每一次转场、每一个反馈,都应有它存在的理由。
结构
语言
节奏
反馈
结果
个人经历
2017
2021
2024
2025
2026
Sep
JanJul
May
Feb
Today

The Foundation

The Beginning

The Growth

The Exploration

The Expansion

The Frontier

吉林动画学院 · 视觉传达设计 | 2017.09 – 2021.07在视觉传达设计的系统训练中,建立了对版式、品牌、图形与信息表达的基础理解。四年的设计学习让我开始关注:设计不仅是视觉呈现,更是信息如何被组织、被理解,并最终被感知。

北京世纪好未来科技有限公司 · 设计实习生 | 2021.01 – 2021.07从脑科学实验室相关产品开始进入真实业务场景,参与 Mental-Bridge 教育知网、云梯计划小程序、阅读表达内容推荐系统等项目设计执行。同时对接小猴 AI 课、学而思培优、学而思网校等业务线,支持产品与运营设计工作,逐步理解设计在教育科技产品中的落地方式。

小糖互联(北京)网络科技有限公司 · 产品 UI 设计师 | 2021.07 – 2024.05围绕糖豆 App 与会员业务展开长期设计实践,从 0 搭建会员权益功能,主导整体视觉风格与运营设计支持。参与主站功能迭代、页面改版、用户调研、趋势分析与设计规范制定,也负责天猫、拼多多会员店铺、官网及课程业务相关设计。这个阶段让我从执行走向系统化思考,开始关注产品体验、运营转化与设计一致性之间的关系。

半糖去冰科技(北京)有限公司 · 产品 UI 设计师 | 2024.05 – 2025.02作为葫芦时刻 App 业务制作人,负责基础业务搭建、商业变现跟进与新领域探索。结合智能体完成文案、业务流程与交互文档输出,并参与移动应用 ASO、UI 标准与规范维护。在付费业务、免费业务与轻应用业务的设计中,持续推动用户转化与会员增长。

领岳科技 · 高级 UI 设计师 | 2025.02 – 至今负责墨西哥业务端内 UI、运营活动交互与视觉设计,参与官网品牌宣传及组内资源站建设;同时支持波兰业务 Web 与 App 从 0 到 1 的搭建设计,并完成组件库搭建与维护;日本理财业务上线前设计支持,围绕页面结构、模块补充与视觉一致性进行优化调整,配合业务完成开业发布。

领岳科技 · 高级 UI 设计师 | 当前进行中当前也在将 AI 引入设计流程,通过 vibe coding、智能化辅助与设计自动化探索,提升从概念到落地的效率。

Credmex

Credmex 是一个面向墨西哥市场的线上个人贷款 / 小额信贷平台,主要通过手机 App 提供快速贷款服务。

规范

产品品牌色品牌色

组件库

首页基础卡片优惠卡片
Search
SearchAddRefreshCloseReduceBackQuestionCustomer ServiceMessageIllustrateFeedbackEditUnfoldFoldAdd PurpleAdd GreenConfirmarConfirmar PurpleFindGuidePhoneBankBankcard

Type Hierarchy

Aa

While we have a wide range of font weights at our disposal, we should still exercise restraint in their usage.

Lexend

Bold 700

Headline, Key Content, Label

Regular 400

Sub-Title, Body, Caption

Fugaz One

Fugaz One

Headline, Derivative

HeadlineLexend

Headline,Sub-title

Line Height 130%

Line Height 130%

HeadlineFugaz One

Headline

Line Height 145%

Line Height 145%

BodyLexend

Body,Caption

Line Height 160%

Line Height 160%

Variable value 60px *160% = Line Height 96

Paragraph Spacing

There were no fences at all by the roadside now, and the land was rough and untilled. Toward evening they cametoa great.

Paragraph Spacing > 2/3 Line Height

There were no fences at all by the roadside now, and the land was rough and untilled. Toward evening they cametoa great forest where the trees grew so big and ciose together that their branches met over the road of yellow brick.

0
30
60
90

Too Narrow

Body text and explanatory text should maintain an appropriate character count per line.

Ideal Range

Body text and explanatory text should maintain an appropriate character count per line. Excessive character count in a line can lead to prolonged fixation, making it challenging to concentrate.

Too Wide

Body text and explanatory text should maintain an appropriate character count per line. Excessive character count in a line can lead to prolonged fixation, making it challenging to concentrate. Conversely, too few characters per line can result in frequent eye movements and disrupt the reading flow. Optimal character count in text contributes to improved comprehension of lengthy content and enhances readability.

品牌宣传

梳理并整合现有品牌资产,提炼 Credmex 的核心品牌特性,并结合 Framer 组件动画,搭建具有品牌识别度与传播力的官网宣传页面。

hover slide

产品搭建

从需求出发,系统梳理产品逻辑与用户路径,构建清晰、高效、美观的 APP 功能体验。

01

围绕降息券领取场景,设计动态弹窗反馈。通过券包弹出动效,强化优惠到账的惊喜感,并以清晰的权益信息和按钮引导完成后续转化。

降息优惠弹窗
02

围绕用户流失节点设计动态挽留反馈,通过优惠额度对比与倒计时强化限时感,突出权益升级感知,提升用户留存与即时转化。

优惠挽留弹窗
03

成长体系中的等级切换体验,让用户可以清晰查看不同等级对应的权益和升级路径。通过视觉层级、标签状态和权益对比,帮助用户快速理解当前等级与下一等级之间的差异,增强成长激励感。

成长体系等级切换
04

通过“5周年”标识、0%利息标题与3D金币、礼盒、优惠券等资产入场,快速建立庆典氛围与促销感;以面板下拉展开承接权益信息,清晰呈现分期优惠与额度提升福利,最终通过按钮点击动效强化转化引导。

5周年大促活动
05

以节日氛围建立活动情绪,通过信封展开、卡券领取、礼花反馈等动效串联权益领取流程,突出“25%降息”利益点,增强节日专属感与转化引导。

妇女节大促活动

额度选择

当前问题

在信贷额度选择场景中,用户通常需要判断“可借多少、选择多少更合适、当前是否有优惠”等问题,决策成本较高。结合业务数据发现,首贷与复贷用户的额度使用率存在明显差异:首贷用户平均使用额度约为 80%,复贷用户约为 40%,复贷场景仍有提升件均金额的空间。

设计策略

界面从原有的单一金额编辑方式,优化为“手动输入 + 推荐额度快捷选择”的组合模式。用户既可以自由调整借款金额,也可以直接选择系统推荐的额度卡片。通过突出推荐标签、选中态反馈与金额层级对比,让用户在高信息密度的金融场景中快速识别更优选项。

实验结果

实验观察时间:墨西哥时间 9.22 - 10.12,9.22 - 10%分流、9.29 - 30%分流、10.12 - 50%分流

阶段性结论(数据为相对 %): 实验组表现略好,当日下单率+1.39%,当日额度使用率+0.79%,当日放款效率+1.58%

拆场景来看,首贷优势更明显,当日下单率+3.89%,当日额度使用率+2.77%,当日放款效率+4.57%

实验结果显示,额度选择机制有效提升了用户额度选择效率,验证了推荐策略对关键转化路径的正向作用。

*数据已做脱敏处理,仅保留核心趋势与设计验证结论

额度推荐

当前问题

在信贷额度选择场景中,用户需要判断“借多少更合适、是否满足优惠门槛、如何使用降息券”等问题,决策成本较高。尤其是有降息券用户,当输入额度低于券的起用金额时,用户容易忽略优惠条件,导致降息券未被使用,也影响额度使用率与件均金额提升。

设计策略

针对持有降息券的用户,在下单页点击修改额度后,若当前额度低于降息券起用金额,则在页面下方展示凑满减提示条,引导用户提升至满足优惠条件的推荐额度。 用户点击提示条后,可一键应用推荐金额,减少手动计算与反复输入成本。 同时保留手动输入能力,避免强制推荐,让用户在理解优惠价值的基础上自主决策。

实验结果

实验观察时间:墨西哥时间 9.22 - 10.14(9.22 - 10% 分流;9.29 - 30% 分流;10.10 - 50% 分流)

阶段性结论(数据为相对 %): 实验组用户略有优势,当日额度使用率 + 2.15%,当日放款效率 + 1.30%

实验结果显示,额度推荐机制对核心指标产生正向影响。 整体组当日下单率、额度使用率与当日放款效率均有小幅提升;其中,有修改金额行为的用户提升更明显,说明该策略能有效降低额度选择成本,并提升用户对优惠额度的感知与使用效率。

*数据已做脱敏处理,仅保留核心趋势与设计验证结论

邀新活动邀请页
邀新活动排行榜页
邀新活动分享弹窗
邀新活动邀请页
邀新活动排行榜页
邀新活动分享弹窗

邀新活动 排行榜玩法

需求背景

新增排行榜玩法,实现邀新活动的用户参与度和邀请数量的双向提升。

邀新活动邀请页
邀新活动排行榜页
邀新活动分享弹窗
新用户 / 没有邀请 / 被邀请阶段
突出:未绑定基础奖励 + 排行榜玩法
被邀请人已绑定但未放款
突出:基础奖励 + 排行榜玩法
有放款但未进榜
突出:距离进榜名次 + 额外奖励 + 已获得基础奖励
有放款且进榜,但不在最高梯度
突出:距离下个档位 + 奖励升级为XX + 已获得全部奖励
有放款且进入第一档
突出:当前名次 + 维持排名 + 已获得奖励

新用户 / 没有邀请 / 被邀请阶段突出:未绑定基础奖励 + 排行榜玩法

用户还没有投入行为,对活动价值感知弱。先用确定可获得的基础奖励降低参与门槛,再用排行榜额外奖励建立预期,让用户愿意开始邀请。

素材库搭建

系统盘点并归类现有品牌资产,沉淀视觉规范与高频素材,形成标准化素材库,提升后续素材使用效率

InstacashInstacashInstacashInstacash
InstacashInstacashInstacashInstacash
InstacashInstacashInstacashInstacash
InstacashInstacashInstacashInstacash
AI
AI Design Token

Vibe Coding

AI 项目分享 · Figma Slides
D
E
S
I
G
N

Designed by ANOTHERZOUZOU

©2026