Nitori AR App
How can AR help us?
客戶能輕易辨識預找產品,在輕鬆下單宜得利商品時,也能透過內建AR系統感受日系傢俱的魅力
Role / UI UX
Tools / Figma, Photoshop
Timeline / 1 months

01. Competitive Analysis / 競爭品牌分析

少了透過 AR 虛擬實境確認傢俱是否合適時......
1.花很多錢買到與空間風格差異很大的傢俱
2.沒有準確測量空間和傢俱的比例導致尺寸不符
3.降低顧客線上購買傢俱的慾望
Pain Points 痛點
02. User Personas / 人物誌






Feature Goals / 專案目標
整合三項 App 特點,重新開發 Nitori AR
範圍侷限於 Nitori Product: 目的是促使消費者購買宜得利產品,同時新增方便儲存設計和分享社群功能,有助於推廣宜得利商品。
空間內新增測距儀,物件原尺寸置入虛擬實境:考量到購買產品後的尺寸正確性,要求電腦自動算好產品比例和空間尺寸。
簡易的介面和有限的客製化功能:功能太多反而使用起來複雜,關鍵按鈕讓使用者方便想像即可。
— 分析 IKEA, HouseCraft, Houzz 的結論
客群無論男女老少都需要情境式體驗
買方相當重視挑選的傢俱擺在自己家適不適合?
一定要掃描現場空間為主,可以輕易掃描自己家
買方需要時間評估是否購買?
每樣產品都有彈跳視窗協助點擊進該產品頁面
— Persona 的結論
03. Sketch / 草圖發想
04. AR 虛擬實境 /
網站架構利用編號完成 Wireframe


05. AR 虛擬實境流程圖
1.設定任務:分類任務,單一任務只做一件事情
2.判斷式:有迴圈
3.站在使用者角度,思考使用者操作





06. Icongraphy 視覺意象
Nitori AR Prototype
07. Nitori AR Features / 簡單六步驟享受情境式體驗

3. 開始測量!

6. Here you go !