View
類型 :
UI UX
/
年份 :
2025
/
負責 :
UI UX design
/
客戶 :
RH-Return Helper

RH Chat

專案概覽

背景

Return Helper 成立於 2019 年香港,後由台灣經銷商代理,擁有超過 10 年跨境電商服務經驗。專注於為亞洲電商賣家提供跨境退貨解決方案,在美國、英國、澳洲、德國、法國等 15+ 地區設有海外倉,並對接全球物流承運商。透過完善的海外倉體系,協助賣家降低正向/逆向供應鏈成本,無需對接多國服務商,即可享受統一的退貨服務體驗。

目標與目的

RH團隊希望開發一個基於內部聊天的培訓系統,以簡化員工入職流程,減少手動培訓工作量並提高整體效率。透過利用該系統,RH 力求提高知識保留率,確保培訓材料的一致性,並為員工提供關鍵資訊的即時訪問,最終優化他們的退貨流程工作流程。

角色與成果

在這個專案中,我與PM和兩位工程師密切合作。我負責整體UI 和 UX 設計,從定義問題到交付最終的視覺作品。

挑戰

由於客戶對於聊天系統的風格沒有具體想法,只希望能夠延續原有公司的設計,因此我們需要在既有品牌識別的框架內,打造既符合視覺一致性,又能提供良好用戶體驗的界面。此外,還需要確保系統的界面清晰直觀,讓內部員工能夠快速上手,並兼顧未來可能的擴展性與功能升級需求。

結果與影響

我們在兩個月內成功完成了介面設計和前端開發。但由於時間限制,客戶決定不繼續生產,無法提供模組培訓。
品牌

策略

柔和的 3D 造型搭配光滑的紋理,增強了視覺的溫暖感,體現了現代感,但又不會顯得過於企業化。淺藍色背景傳達出平靜、清晰和信任——呼應了系統簡化入職流程、簡化內部查詢和提供一致的培訓材料的目標。

這種設計彌合了技術與人際關係之間的差距,使 RH Chat 不僅成為一種工具,而且成為工作流程中友好的隊友。

RH Chat 標誌

「RH」採用藍色聊天氣泡造型設計,直接傳達了「聊天」的概念,讓人立刻聯想到即時通訊或通訊的功能。這個特定的標誌讓用戶很容易記住品牌,「聊天」這個詞清楚地表達了服務的性質。手寫風格的「RH」增添了個性化和人性化的感覺,強調了該系統在促進可訪問和直觀的內部支持方面的作用。
「RH」採用藍色聊天氣泡造型設計,直接傳達了「聊天」的概念,讓人立刻聯想到即時通訊或通訊的功能。這個特定的標誌讓用戶很容易記住品牌,「聊天」這個詞清楚地表達了服務的性質。手寫風格的「RH」增添了個性化和人性化的感覺,強調了該系統在促進可訪問和直觀的內部支持方面的作用。

顏色

- 主色、次要色和第三色
它們用於按鈕和一些文字區域來創建視覺層次和焦點,幫助引導使用者操作。它也傳達了專業和穩定的形象。

- 透明的深色、基本和淺色
這些用在整體背景中,給人一種平靜和穩定的感覺,也像徵著科技和信任。讓您感到舒適、安全。
- 主色、次要色和第三色
它們用於按鈕和一些文字區域來創建視覺層次和焦點,幫助引導使用者操作。它也傳達了專業和穩定的形象。

- 透明的深色、基本和淺色
這些用在整體背景中,給人一種平靜和穩定的感覺,也像徵著科技和信任。讓您感到舒適、安全。
次要的
主要的
第三色
深色透明
基本透明
淺色透明
Guideline

原則

我在設計新體驗時遵循了以下原則:

延續性

為了確保知識在團隊間不中斷流動,系統設計著重於知識的積累與可回溯性。聊天式的介面讓使用者能自然地在上下文中學習與複習,無論是新進員工還是資深同仁,都能快速延續先前的學習歷程。

一致性

系統中的訓練元素依循統一的格式與結構編寫,並透過設計系統建立一致的使用體驗,避免不同部門或培訓者提供資訊時出現落差,確保每位使用者獲得的學習內容準確且可靠。

清晰的

介面設計簡潔直觀,重點資訊透過視覺層級、訊息標籤與互動提示進行強調,幫助使用者更快速地找到需要的內容,並理解其在實際工作流程中的應用。
交付成果

著陸頁

整體呈柔和、視覺層次清晰、氛圍清新友善。
在進入登入頁後,向用戶提供三個常見問題。
整體呈柔和、視覺層次清晰、氛圍清新友善。在進入登入頁後,向用戶提供三個常見問題。
由於內部服務項目種類繁多,使用者可以透過RH Chat AI系統即時獲得相關問題的答案。每個問題都會在左側邊欄留下記錄,方便使用者稍後登入查看查詢歷史記錄。本系統僅供內部員工使用。

Chat Page

由於內部服務項目種類繁多,使用者可以透過RH Chat AI系統即時獲得相關問題的答案。每個問題都會在左側邊欄留下記錄,方便使用者稍後登入查看查詢歷史記錄。本系統僅供內部員工使用。
Next Project
Bobe.ai