eHairPOS 專為美髮業設計的管理工具

專案介紹

由公司自有 POS 系統產品改版而來,eHairPOS 是專門為美髮沙龍店家提供的數位化、系統化營運智能工具。除了髮廊門市人員專用的 iPad APP 的 POS系統外,亦串接後台管理系統以統一管理倉儲、客戶與員工資料、報表等經營者所需資訊。

目標客群

  • 經營者與管理階層:鎖定在台灣的中高價位美髮沙龍經營業者。
  • 從業人員:上述美髮沙龍業者購買 eHairPOS 方案後,其店家所聘的助理與設計師將也會使用到此系統。

我所擔任的角色

  • 擔任產品改版規劃的角色,主導功能架構發想、視覺風格訂定,以及操作介面wireframe 和 UI Mockup的繪製。
  • 與一名 PHP 工程師、一名 iOS 工程師共同合作開發。
  • 亦負責 APP LOGO 與文宣品標準字設計。

※以下畫面中出現的人名、電話與生日皆為電腦隨機產生之假資料,與現實生活中的人物皆無任何關係。

具有多重篩選功能的客戶管理介面

店家經營的時間越久,會累積越來越多客戶的資料,如只是清單列出的話,在茫茫人海中尋找一個特定的客戶將是一件耗費時間的差事。在新版規劃中,我使用 分割畫面 的排版方式,使操作者可以一邊查看清單,一面確認單前客戶的資料。

他也可以打開篩選器,使用生日、星號標示…等條件尋找客戶,有效降低聯繫客戶時翻找資料的時間。

舊版客戶清單畫面

Flow Chart

重新規劃客戶管理功能的流程。

UI Mockup

客戶清單
可以為客戶標上特定的星星顏色,以代表某種意義,更能便於搜尋。
開啟篩選器,使用多重條件,精準地找到目標客戶。除了生日和星星數外,更提供消費次數、消費單價等具有營銷觀點的條件,讓設計師精準定位客群、投入行銷資源。
客戶分析系統讓每個來客的喜好和消費力一覽無遺,讓設計師更能掌握客戶的心,推薦更適合他的服務。

用直覺操作的預約系統

預約資料來自官網表單、人員手動建立兩個管道。在預約行事曆中,可以將預約排定在設計師的任一時段,在無法決定設計師Loading狀況時,也可以將其拖曳到左側 暫存區(未排定的預約),提供人員安排作業上較為彈性的操作模式。

Flow Chart

Wireframe

預約功能的規劃過程。

UI Mockup

左下角亦可紀錄當天特殊事件如教育訓練、員工旅遊...等,使排班人員能掌握營業狀況避免誤排。
點擊客戶名稱彈出視窗顯示詳細資訊,方便設計師先行準備器材;還可查看該客戶是否曾預約後不到場。

宛如真的打開皮夾的會員錢包

在會員錢包中,一次管理了所有優惠項目:會員卡、儲值卡、點折扣券等等。消費者再也不需要拿著一堆卡片到店裡消費,只需向設計師報電話即可馬上使用他擁有的優惠。

儲值卡的使用紀錄一目了然。
優惠券可以由設計師主動贈予消費者。在APP的操作介面,可以運用關鍵字搜尋或特定狀態篩選,快速取得特定優惠券。

彈性而流暢的結帳過程

一個客人同一天可能會有兩種以上的消費項目,例如燙、染後又帶了一瓶護髮油,eHairPOS 可以讓設計師針對每一項個別的消費項目套用不同的優惠方案,或者單獨給予折扣,過程中的計算皆由系統及時完成。

同樣使用分割畫面,使查看開單清單時,同時確認該項消費項目的細節資訊。
可以針對單一消費項目套用儲值卡、折扣券...等優惠方案。
純數字欄位都有小計算機,幫助打單的人員快速輸入正確的價錢。

LOGO 與標準字設計

概念|取”e”與”P”兩字,結合無限的符號和美髮專用的剪刀,猶如彩帶般蜷曲飄揚,表現出柔軟中帶有專業感的 LOGO 造型。

配色|沿用APP介面的紫色系,採用相似色配置。

運用於文宣品時,抽取出無限符號的部分作為標準 LOGO 。預設為橫式搭配,可視情況更改為直式;在淺色底、深色底各有全彩和單色的表現法。
作為 APP Icon 時,才是剪刀的形狀。有三種不同的底色供業主選擇。