3D Web / AI Interaction
Soul Atelier
以 3D 互動視覺與生成式 AI，重新想像人格測驗如何成為一段探索自我的旅程。
- 我的角色
- 概念發想、互動設計、前端與 3D 開發
- 方法
- 體驗流程、3D 場景、生成式 AI 回饋
- 成果
- 可操作的 AI 人格探索網站
01 / CONCEPT
讓 AI 不只回答，
也參與自我探索。
Soul Atelier 是一個融合 3D 互動場景與 Gemini 2.5 AI 的人格測驗網站。專案把問答、視覺氛圍與回饋結果串成連續體驗，探索 AI 除了產出答案之外，如何參與敘事與自我理解。
我將原本線性的表單重新想像成一段有空間感的旅程，讓使用者的每次選擇都能在場景與最後的回饋中留下痕跡。
02 / EXPERIENCE
一段從提問、感受，
走向個人化回饋的旅程。
- 01
進入場景
以 3D 空間建立情緒與探索感，讓使用者準備進入問答。
- 02
留下選擇
把測驗題目融入連續流程，維持清楚進度與即時回饋。
- 03
生成映照
由 AI 整理選擇脈絡，產生能被閱讀與反思的個人結果。
03 / DESIGN FOCUS
在沉浸感與可用性之間，
保留清楚的方向。
- 01
空間化問答
把問答流程轉化成具空間感與節奏的互動體驗。
- 02
AI 回饋
整合生成式 AI 回饋，同時維持清楚的使用者流程。
- 03
體驗效能
在 3D 視覺、載入效能與響應式操作之間取得平衡。
- Next.js
- Tailwind CSS
- React Three Fiber
- Gemini 2.5