HOMEE App UIUX

HOMEE App Hero BN

重新定義買家具的方式

HOMEE App 是為現代生活打造的智慧家具選購應用程式。

透過數位分身技術與家具品牌上傳的 3D 模型,用戶可以輕鬆預覽家具在自家空間中的樣子,並直接下單購買。
這項無縫的創新,徹底改變了從瀏覽到購買的整個體驗流程。

HOMEE App Large Screen

問題

買家具總是很難想像擺在家裡會是什麼樣子。商品照片無法呈現真實空間感,尺寸不確定、風格可能不搭,常讓人猶豫甚至後悔。線上購物雖方便,但風險也更高。

解決方案

HOMEE 以「 家 」為核心設計購物體驗。

用戶可以透過手機掃描房間、在 3D 空間中預覽家具,免去猜測,放心選購。

HOMEE App Phone on Sofa

目標

讓選家具變得直覺又值得信任。透過沉浸式體驗與貼心設計,幫助用戶更有信心地說出:「 這就是我的家 」

挑戰

除了設計乾淨易用的介面外,我與研發團隊合作,持續優化 3D 掃描精準度與家具模型的真實感。

因掃描結果不同,UI 架構與互動也需彈性調整,以符合不同情境。

HOMEE App Stages of work_1HOMEE App Stages of work_2

設計流程階段

品牌識別

>

線框規劃

>

UI 設計

品牌識別

使用 HOMEE 品牌色與 Open Sans 字體,打造乾淨、友善且一致的品牌視覺。

HOMEE App Branding Identity
HOMEE App Wireframing

線框規劃

從草圖與線框圖開始,定義使用流程與主要畫面,先確立核心架構,再進入視覺設計階段。

UI 設計

最終版面著重於熟悉感、易用性,並與品牌視覺保持一致。

HOMEE App UI design
HOMEE App Wireframes

啟動畫面

進場動畫以 After Effects 製作,簡潔流暢,從第一秒就呈現品牌調性。

首頁與商品頁

首頁以網格呈現精選商品與分類。商品頁提供清晰照片、規格與購買選項。

HOMEE App Home
HOMEE App Product

MySpace 功能

用戶可掃描房間並在 3D 空間中預覽家具。介面簡潔無干擾,搭配直覺操作,讓擺放家具更自然。

作為核心功能,MySpace 縮短了想像與現實的落差,幫助用戶自信下單。

HOMEE App MySpace_1HOMEE App MySpace_2HOMEE App MySpace_3

購物車

介面簡單明瞭,清楚顯示價格、可編輯數量,並提供流暢的結帳流程。

HOMEE App Items
HOMEE App Profiles

個人資料

個人頁面包含訂單紀錄、HOMEE Points 及帳號設定,介面乾淨有條理。

無縫且智慧的
購物體驗

HOMEE App Icon