项目描述
翻译我们的B2B SaaS管理面板在过去三年中积累了设计债务。不同的部分在不同的时间由不同的人设计,导致视觉语言不一致,信息层次差,以及用户体验经常在支持票中受到客户的投诉。我们希望投资于全面的重新设计,建立一个连贯的设计系统,并创建一个可扩展的界面——一个产品开发人员可以在不破坏视觉一致性的情况下扩展的界面,客户可以在没有培训的情况下导航。
新设计应从现代B2B管理界面如Linear、Vercel和Stripe中汲取灵感——干净、信息密集但从不杂乱,具有出色的深色和浅色模式支持。我们需要的不仅仅是漂亮的模型:我们需要一个完整的设计系统,包含文档化的颜色令牌、排版比例和开发人员在实施过程中可以参考的组件库。互动Figma原型应涵盖所有关键用户流程,以便我们在开发开始之前与实际客户验证设计。开发者交接注释至关重要——每个间距、颜色和交互状态必须明确说明。
设计页面:
1. 仪表板概览 — KPI、图表、最近活动动态
2. 用户管理 — 列表视图、角色、权限矩阵
3. 分析 — 流量图表、转化漏斗、比较视图
4. 账单和订阅 — 计划概览、支付历史、升级流程
5. 设置 — 个人资料、通知、集成、API密钥
6. 入职流程 — 三步设置向导,带进度跟踪
设计要求:浅色和深色模式变体,桌面优先,具有平板响应能力,完整设计系统,互动原型,带注释的开发者交接。
新设计应从现代B2B管理界面如Linear、Vercel和Stripe中汲取灵感——干净、信息密集但从不杂乱,具有出色的深色和浅色模式支持。我们需要的不仅仅是漂亮的模型:我们需要一个完整的设计系统,包含文档化的颜色令牌、排版比例和开发人员在实施过程中可以参考的组件库。互动Figma原型应涵盖所有关键用户流程,以便我们在开发开始之前与实际客户验证设计。开发者交接注释至关重要——每个间距、颜色和交互状态必须明确说明。
设计页面:
1. 仪表板概览 — KPI、图表、最近活动动态
2. 用户管理 — 列表视图、角色、权限矩阵
3. 分析 — 流量图表、转化漏斗、比较视图
4. 账单和订阅 — 计划概览、支付历史、升级流程
5. 设置 — 个人资料、通知、集成、API密钥
6. 入职流程 — 三步设置向导,带进度跟踪
设计要求:浅色和深色模式变体,桌面优先,具有平板响应能力,完整设计系统,互动原型,带注释的开发者交接。
网页编程 现金, 银行转账