项目 OneEleven

重新构建科技孵化器的数字门户

项目背景

位于多伦多的初创企业孵化器 OneEleven，希望拥有一套数字体验，能够匹配其线下社区的高水准。然而，它原有的网站却界面混乱、设计过时，尤其在向新访客和潜在申请者传达组织价值方面，表现不佳。 通过一系列审查和用户操作路径的分析，我们发现关键信息被埋藏在页面深处，页面结构支离破碎，申请流程也缺乏清晰引导。对许多用户来说，这个网站更像是一道门槛，而非沟通的桥梁。

位于多伦多的初创企业孵化器 OneEleven，希望拥有一套数字体验，能够匹配其线下社区的高水准。然而，它原有的网站却界面混乱、设计过时，尤其在向新访客和潜在申请者传达组织价值方面，表现不佳。 通过一系列审查和用户操作路径的分析，我们发现关键信息被埋藏在页面深处，页面结构支离破碎，申请流程也缺乏清晰引导。对许多用户来说，这个网站更像是一道门槛，而非沟通的桥梁。

客户

OneEleven

服务范围

视觉设计（Visual Design） UI 与 UX 设计（UI & UX Design） 用户研究（Research）

视觉设计（Visual Design） UI 与 UX 设计（UI & UX Design） 用户研究（Research）

所属行业

科技初创企业（Tech Start-up）

项目时间

2024年7月

Dashboard Sidebar Close Up
Dashboard Sidebar Close Up
Dashboard Sidebar Close Up

项目成果


我们为 OneEleven 提供了全面的网站重设计，将混乱转化为清晰。全新设计包含：

✅ 主页直观呈现 OneEleven 的核心价值
✅ 更清晰、更快捷的申请流程
✅ 支持筛选与搜索的成员目录
✅ 可交互的空间平面图和活动日历
✅ 支持扩展性的平台级设计系统

以用户为核心的更新不仅强化了空间展示和申请引导，也通过数字化手段增强了社区归属感。

项目成果


我们为 OneEleven 提供了全面的网站重设计，将混乱转化为清晰。全新设计包含：

✅ 主页直观呈现 OneEleven 的核心价值
✅ 更清晰、更快捷的申请流程
✅ 支持筛选与搜索的成员目录
✅ 可交互的空间平面图和活动日历
✅ 支持扩展性的平台级设计系统

以用户为核心的更新不仅强化了空间展示和申请引导，也通过数字化手段增强了社区归属感。

  1. 首次访问者体验优化


  • 首页信息结构更清晰，引导性更强

  • 突出展示物理空间、孵化项目与初创社区的核心价值

  • 明确展示申请条件及入口

  • 增加可交互地图，提升空间感知

  1. 社区成员浏览体验


  • 重构信息架构与成员页面标签结构

  • 加入搜索与筛选功能，便于查找资源

  1. 活动浏览与报名


  • 增加日历/列表双视图切换

  • 弹窗形式展示活动详细信息

  • 实现活动页面直接报名功能

  1. 入驻申请流程


  • 流程更简洁明确

  • 起始阶段验证申请资格

  • 加入进度状态条，提供透明进展反馈

设计流程回顾


发现与研究


我们首先基于 Nielsen 的10条可用性原则进行了启发式评估，并按照严重程度对问题进行分级。同时对现有成员及初创创始人进行可用性测试和访谈，识别出用户旅程中的关键痛点。


为了更好地可视化用户困境，我们创建了主用户角色——“创始人 Fred”，他代表着我们主要的目标用户。他的用户体验地图揭示了导航混乱、申请流程不清、活动信息难找等关键问题。

设计流程回顾


发现与研究


我们首先基于 Nielsen 的10条可用性原则进行了启发式评估，并按照严重程度对问题进行分级。同时对现有成员及初创创始人进行可用性测试和访谈，识别出用户旅程中的关键痛点。


为了更好地可视化用户困境，我们创建了主用户角色——“创始人 Fred”，他代表着我们主要的目标用户。他的用户体验地图揭示了导航混乱、申请流程不清、活动信息难找等关键问题。

创意发想


“Fred” 成为了整个设计的锚点。他的需求与困扰直接影响了我们的设计优先级，确保每一个改进都精准回应用户的真实痛点。


我们与利益相关者合作绘制了 价值主张图（Value Proposition Canvas），定位 OneEleven 如何更好地服务现有及潜在成员。

创意发想


“Fred” 成为了整个设计的锚点。他的需求与困扰直接影响了我们的设计优先级，确保每一个改进都精准回应用户的真实痛点。


我们与利益相关者合作绘制了 价值主张图（Value Proposition Canvas），定位 OneEleven 如何更好地服务现有及潜在成员。

未来体验地图


头脑风暴中脱颖而出的关键创意包括：


  • 明确的落地页与品牌口号

  • 可交互的楼层平面图

  • 可筛选的成员页面

  • 双视图活动日程 + 弹窗详情页

  • 从资格验证起步的精简申请流程


我们据此绘制了“未来状态体验地图（Future-State Experience Map）”，展示新功能如何彻底改善 Fred 的体验 —— 从初识到加入社区，每一步都更加顺畅、透明、有引导。

相较于原有流程的割裂与模糊，新设计为用户提供了一种统一、明确、以人为本的体验路径。

未来体验地图


头脑风暴中脱颖而出的关键创意包括：


  • 明确的落地页与品牌口号

  • 可交互的楼层平面图

  • 可筛选的成员页面

  • 双视图活动日程 + 弹窗详情页

  • 从资格验证起步的精简申请流程


我们据此绘制了“未来状态体验地图（Future-State Experience Map）”，展示新功能如何彻底改善 Fred 的体验 —— 从初识到加入社区，每一步都更加顺畅、透明、有引导。

相较于原有流程的割裂与模糊，新设计为用户提供了一种统一、明确、以人为本的体验路径。

我们据此绘制了“未来状态体验地图（Future-State Experience Map）”，展示新功能如何彻底改善 Fred 的体验 —— 从初识到加入社区，每一步都更加顺畅、透明、有引导。

相较于原有流程的割裂与模糊，新设计为用户提供了一种统一、明确、以人为本的体验路径。

我们据此绘制了“未来状态体验地图（Future-State Experience Map）”，展示新功能如何彻底改善 Fred 的体验 —— 从初识到加入社区，每一步都更加顺畅、透明、有引导。

相较于原有流程的割裂与模糊，新设计为用户提供了一种统一、明确、以人为本的体验路径。

项目总结 通过将清晰的信息架构、实用的功能与富有表现力的视觉叙事相结合，我们帮助 OneEleven 将官网真正打造成了一个能够体现其创新社区精神的数字窗口。

项目总结 通过将清晰的信息架构、实用的功能与富有表现力的视觉叙事相结合，我们帮助 OneEleven 将官网真正打造成了一个能够体现其创新社区精神的数字窗口。