Crowd Ease:餐廳管理及市場推廣策略業務生產力應用程式

0:00 / 0:00
角色:
  • 研究
  • 設計系統
  • 地圖設計
  • 專案管理
工具:
  • Figma
  • Adobe Suite
  • Jira
  • Slack
時間:
  • 策劃與研究:3 週
  • 構思與設計:3 週
  • 開發與測試:6 週
01

焦點

Capstone Award

Langara College 觀眾票選獲獎

跨職能團隊

4 位開發人員及 3 位設計師

8 週建成 MVP

敏捷開發

Crowd Ease 宣傳單張:應用程式標誌及標語「Be in the Know - Track Events and Monitor Live Crowds with Ease!」,旁為展示實時活動人流數據的手機模型
02

問題

餐廳推廣可以十分困難。

管理層可能難以找到合適的業務推廣策略。他們需要了解有效策略的洞見,以及達致最佳成效的具體行動步驟。若缺乏管理輔助工具,小型餐廳將難以維持服務質素及銷售數量。

餐廳管理層在資源規劃上遇到困難。

資源規劃是餐廳東主及管理層最頭痛的問題之一,因為他們普遍缺乏顧客流量資訊。因此,他們可能會遇到附近有活動導致顧客湧至,或某晚生意特別淡靜的情況,結果令人手及存貨安排出現誤差。

03

方案

Crowd Ease 主頁畫面,展示每週活動參與人數的柱狀圖、「View Full Report」按鈕及推廣建議提示

以數據視覺化呈現業務規劃洞見

主頁的第一個元素是展示一週內活動參與人數的圖表,因為這個應用程式的主要目的是協助用戶準備業務規劃。數據視覺化的目標是讓用戶一目了然地輕鬆分析。然後,我們提供一些行動呼籲,提醒用戶應留意哪一天。

Crowd Ease 主頁畫面連接至完整每週報告,提供深入數據分析及業務策略建議

深入數據分析與策略建議

這是應用程式的核心 —— 用戶可在此找到市場推廣及業務規劃所需的所有分析及建議。用戶可先探索應用程式、發掘其價值,然後才需要註冊或登入以查看完整報告。從那裏,頂部箭嘴會展示簡短的每週預覽。Crowd Ease 會拆解每日活動,並提供詳細分析及業務建議。

Crowd Ease 活動列表畫面,設有每週日期選擇器、搜尋欄及可篩選的附近活動列表

活動總覽與智能篩選

日曆讓用戶可輕鬆切換日期。用戶可透過文字搜尋、語音搜尋、活動分類或地點篩選結果。

Crowd Ease 活動詳情畫面,展示「Cocktail for a Cure 2023」活動資訊、地點及實時人流密度熱力圖

實時人流密度與活動地點

團隊透過從多個 API 擷取數據建構此地圖,以顏色梯度顯示人流密度,讓用戶了解人流動態並作出相應規劃。為讓用戶對數據準確性更具信心,我們將熱力圖與顯示各活動確實地點的地圖釘結合。

0:00 / 0:00
04

研究

管理及宣傳成效不佳

由於缺乏輔助工具,我一直難以追蹤本地活動資訊。雖然我們有銷售點系統,但管理及宣傳流程並不順暢,對業務造成一定挑戰。

– 餐廳經理

餐廳店面夜間 3D 渲染圖,設有條紋遮陽篷及亮燈招牌

準備時間短促

作為管理層,我通常會提前一週規劃存貨及員工排班,以確保運作暢順,避免任何臨時狀況。

– 餐廳東主

紫色及綠色的 3D「Oops!」文字插畫
競爭對手分析,比較 Crowd Ease 與 Crowd Alerts、Crowd Vision 及 Crowd Connected 在實時人流追蹤、數據分析及報告,以及活動追蹤三方面的表現 —— Crowd Ease 三項均達標

競爭對手分析

與競爭對手一樣,我們在高流動性行業中運用人流數據。但我們提供的不只是實時數據 —— Crowd Ease 結合附近活動資訊與人流分析,為企業提供所需洞見,以度身訂造市場推廣策略及規劃營運。

Crowd Ease 用戶流程圖,展示新手引導、登入、主頁、地圖、活動、報告及個人檔案畫面之間的導航路徑

用戶流程

團隊在初期於用戶流程上遇到困難,因為在展開互動設計及資訊架構之前,我們尚未就核心功能達成一致意見。我們與開發人員及主要持份者舉行會議,收集有關應用程式功能流程的意見,並以此釐定項目範圍。

插畫描繪團隊圍坐桌前,使用手提電腦及設計素材進行協作
05

設計

線框圖

團隊最終掌握了核心功能 —— 數據分析與報告,考慮到活動數據是決策的有效指標,加上餐廳東主的痛點在於難以坐滿餐枱。

這是一個重要的肯定,我很感激隊友信任我的設計建議。其後,我們就運作方式達成共識,並在此基礎上製作線框圖。

手繪線框草圖,規劃 Crowd Ease 的主頁、地圖、活動列表及人流報告畫面,並附有註解
06

視覺形象

設計系統

我負責製作 UI 套件,並根據 Google Material Design 指引使用 Illustrator 繪製圖示。我亦建立了設計系統,以維持所有畫面的一致設計美學。

Crowd Ease 品牌色彩系統:紫色、綠色、藍色及黃色色卡,色碼分別為 B687FF、90EE90、68B5DE 及 FFFA6E Crowd Ease 標題及內文所用的 Circular STD 字體示例 Crowd Ease 使用的線框風格 UI 圖示網格,涵蓋導航、個人檔案、通知等功能
Crowd Ease 資訊架構圖,展示應用程式的畫面層級及導航結構
07

總結

Crowd Ease 團隊向評審團及觀眾展示項目,簡報投影片展示團隊成員頭像及聯繫用的 QR code

UX 設計中的獲客漏斗

從業務角度而言,獲客漏斗是推動用戶獲取及留存的關鍵因素。在 Crowd Ease 中,我們的工作是消除障礙,確保用戶在被要求註冊或作出購買承諾之前,先發掘產品的價值。我明白用戶下載新應用程式時會充滿期待 —— 我的工作是維持這股動力,確保他們在被要求作出承諾之前,已清楚了解當中的好處。