99Design
01
Component Library:
Design
&
Build
Slected works 2025
Rendora
creator reward
#
Operational Design
Strategize
&
Execute
(what)
As AIGC shifts from "technical monopoly" to "mass creation," Rendora reshapes its brand aesthetics to encourage more creators to join the digital persona movement.
(Project Goals)
To dismantle 3D creation barriers by building a systematic visual language, transforming complexity into intuitive experiences to ignite global participation.
Client
xmov
my role
DESIGNER
date
2025
What problem are we trying to solve?
我们想解决什么问题？
Rendora数据上的反馈是用户注册、进入编辑器、完成3D生成、导出视频、付费转化的关键环节比例远低于有言。基于用户体验五要素进行视觉策略分析：视觉设计其实是在整个产品链路中处于下游的角色 ，第一步我们务必纵向充分理解需求底层问题，同时横向思考视觉设计的整体思路。而传递到视觉设计这里提炼出的关键问题：
01
No Accessibility?
3D数字人视频生成涉及的参数众多，用户不知道平台到底有什么/能做出什么
02
No Distinction?
缺乏情感连接，品牌理念“人人皆可生成3D数字人视频”没有树立，让用户产生技术隔阂
色
更多样、更大胆的色彩
质
组合的材质搭配
形
几何、模块化、点线面
brand
design system
Rendora 借鉴孟菲斯美学，希望通过模块化的几何拼贴和多样配色的视觉语言，将冰冷的 3D AI 技术解构成一场低门槛、可玩性极强的视觉创作游戏。
头图
根据不同页面表达的意思不同设计不同的头图。
比如这张要表达：编辑器可满足多种应用场景，强自定义模块给予用户最大创作自由。因此做了一些类似于编辑选中锚点/同一物体不同材质等效果。
固定悬浮CTA转化按钮
避免用户因滚动页面丢失转化入口，解决长页面 “转化按钮易被遮挡 / 遗忘” 的问题。
信息模块
海外市场对工具类平台的高频促销的活动容易有防御心理（参考Notion与Canva等），思路是弱化推销感，通过简约的层级，引导用户快速建立“我能用这个工具做什么”的产品认知。
页面信息模块拆分成三大块，123明确标清，延续孟菲斯体系以几何模块作为信息容器，加入点线面和少量的同风格三维辅助元素，保证阅读性的同时避免太强的视觉噪音。
信息模块
展示虚拟人，与产线和运营协作，挑选或微调成品，核心要点：多样化。男女均衡/人种多样/动作表情丰富/应用场景多元等（实际效果以上线为准）。
头图
根据不同页面表达的意思不同设计不同的头图。
比如这张的主题：创建你的数字分身。因此做了实体手画出了一个相同但材质不同的手，表达出创建分身的概念。
#
启动你的虚拟实验室
#
AI Design Flow
Think
&
Create
Rendora Creator
Rewards
#
AI Design Flow
Think
&
Create
#
新的模板，新的灵感
官网轮播
首屏CTA
进入到平台的用户大多是使用意愿较高的用户，此处设置两类CTA：个人/企业用户。
官网活动页
海外市场互联网产品的活动页投放逻辑与国内有些许差异：国内倾向于强运营、高频促销和复杂的玩法；而海外更倾向于“产品驱动增长”,尤其工具类产品（Canvas Design Challenge/Notion Design Collaboration/Spotify Wrapped)。
通常海外促活“活动”被包装成：xx挑战/功能上新体验等形式丝滑嵌在平台中。参考这个逻辑，投放在官网的详情页需要考虑两点：1.放在平台风格统一与否；2.如何保证减少营销感的同时实现转化率。
#
创建你的数字分身
#
AI Design Flow
Think
&
Create
Rendora Creator
Rewards
Creator
Rewards
#
AI Design Flow:
Think
&
Create
#
AI生图
（ 工作流 ）
梳理
Rendora Creator
Rewards
1.构思先行 ⇀ 2.反推提示 ⇀ 3.生成 ⇀ 4.优化
工具：脑子
1.构思先行 ⇀ 2.反推提示 ⇀ 3.生成 ⇀ 4.优化
2.1整理思路（配色/材质/构图/视角等）
Organize ideas (color, material, composition, etc.)
选择2-3张参考图丢给Gpt/Gemini反推提示词（大部分AI生图思考对英文提示词反应更敏感，早期可以尽量让Gemini生双语对照），生成大方向合适的以后需要精准修改再切中文。这个阶段尽量多琢磨，因为AI不确定你选的参考图原因，可能不同的参考图出彩的地方不同：构图？配色？材质？灯光？这个过程捋顺有利于提高生图效率。另外整合提示词也是整理思路的过程。
2.2画草图
2.2.1总结特征
2.2.2极简提炼
思路：1倾斜增添趣味性（因为这个系列不止一张图，而主题又不同也不是固定主体如logo变体，因此需要某种一致性暗示系列感）；2点线面的搭配；3所有图都保持同一视角，非强透视，利用平台上的物体前后遮挡/玻璃的折射等来拉开前后关系，至少分3层。（如图：玻璃-箱子-色块板-点缀物
2.2.3绘制草图
工具：Chat Gpt+Figma
1.构思先行 ⇀ 2.反推提示 ⇀ 3.生成 ⇀ 4.优化
3.1根据需求组合使用LibLib和Lovart
Combine LibLib and Lovart as needed.
根据需求组合使用LibLib和Lovart（草图或材质迁移可以使用LibLib抽卡， 生成效果差不多的以后用Lovart的Nano banana模型，实现单个元素的精准修改）。
工具：LibLib / Lovart
1.构思先行 ⇀ 2.反推提示 ⇀ 3.生成 ⇀ 4.优化
4.1调色
Color grading
利用Figma原生Ai去除背景，如需要也可HD修复。随后调色，通常来说AI生的图偏灰，一般思路是增加亮度，同时拉低暗部提高明暗对比。色相稍稍往冷色偏移使整体质感更通透。
4.2 手搓修复细节/添加背景/元素
绘制矩形添加背景模糊修复细节
增加元素，表达「多风格」概念
工具：Figma