Computer monitor displaying a project management or content creation platform on a wooden block against a plain background.

打造以數據分析視覺呈現內容生成為核心的 SaaS 行銷平台,強化企業用戶的操作效率與決策品質

讓行銷部門快速洞察消費者需求,並整合行銷活動來吸引更多認同品牌理念的新顧客和留住更多的舊顧客。

前言

當同一個數位平台遇上截然不同的兩種使用者,您的品牌是否有應對方案來滿足他們的各種需求呢?

在這個專案裡,主要目的在於設計一個由AI驅動的新SaaS行銷平台,並讓其主要的兩大類企業用戶-內容創作者與數據分析師能夠快速上手並使用SaaS行銷平台的各種功能來達成企業的專案目標。

一個平台,兩種主要使用者,兩種截然不同的使用者需求與故事脈絡。

請往下滑動來閱讀更多細節,夏樂設計會詳細介紹該如何去佈局與設計這樣的數位產品。

專案簡介 Brief

此專案的目的是要設計一個新的企業用SaaS行銷平台,其平台特點是藉由AI人工智慧去驅動其核心功能,讓使用這個平台的核心使用者都可以更有效率的完成工作上的代辦事項。

此專案的核心使用者分成了兩大類,分別是內容創作者與數據分析師,而他們各自有著截然不同的需求。

內容創作者的另一個名稱是小編,是企業裡對外的重要門面之一,不但曝光度較高,且一舉一動往往能大幅度的影響著品牌形象。在日常工作事項中,小編通常會在社群媒體上定期發文,且偶爾到處海巡與各種用戶互動。而這些技能往往不只是靠著他們的硬實力,更重要的反而是一種能掌握趨勢、了解社群媒體近期風向、且能爆發出各種金句來吸引用戶與品牌互動的軟實力。

另一方面來說,數據分析師往往是一個企業裡的重要幕後推手之一,他們每天總是與數字打交道並進行著各種趨勢分析。對數據分析師來說,一個好的平台不只是要能夠快速的提供他們所需要的數據,更重要的是能針對這個數據給出及時的觀測動向和通知,好讓數據分析師去判斷要建議品牌採取什麼行動才好。數據分析師往往會透過數據與過往經驗來去推演出未來可能出現的品牌機會或危機,並將資訊反應給相關部門單位來幫助品牌提升各方面在市場上的競爭力。

在提出能滿足這兩種核心使用者的設計之前,會需要透過用戶訪談來更進一步瞭解他們在使用類似產品上的一般流程與潛在痛點,以便之後在設計策略與實作階段時提供更適合的解決方案。

用戶訪談 Interview

在初步市場分析時,透過資料搜集與整理來找出一般企業用戶在使用現有的數位行銷工具時,會遇到的一些常見問題點(如左圖所示)。

針對這些常見問題點,如果需要進一步的去分析其用戶隱藏的痛點和需求的話,會建議採用質化分析來探索。本次的質化分析採用訪談(Interview)形式來探討不同用戶在使用數位行銷工具時的常見流程與相關用戶痛點。

如對於訪談(Interview)的大綱和內容有興趣,歡迎點擊下方的文件檔去看更多說明。

A printed informational flyer or brochure with Chinese text, a landscape photograph of mountains and water, and the word "Marketplace" partially visible.

人物誌 Persona

透過訪談後可以更精準的定義出兩種不同的核心使用者的需求,而人物誌(Persona)的呈現則可以幫助整個團隊了解核心使用者的想法、情緒和行為,可以幫助團隊討論並做出更客觀更適當的決策。

以下是此專案的人物誌(Persona),分別依照兩種核心使用者來呈現出不同的內容。

用戶體驗地圖

User Journey Map

藉由用戶體驗地圖(User Journey Map)的繪製,可以讓團隊對於核心使用者會如何與產品戶動,以及旅程中哪個階段的痛點有更進一步的瞭解。可以幫助團隊能更快聚焦核心使用者的真正需求,找到改善與創新的切入點,並讓專案方向成果能更貼近使用者的期待。 

以下是此專案的用戶體驗地圖(User Journey Map),分別在同一張圖上依照兩種核心使用者來呈現出其對應的旅程與雙方互動點。

A detailed infographic in Chinese about marketing and data analysis processes, featuring sections on goal setting, planning strategies, content creation, publishing, tracking, data analysis, and teamwork, with associated emojis illustrating each step.

設計成果

Wireframing

設計成果會藉由線框圖(Wireframe)來呈現出產品最終的樣貌,目標是藉由去解決幾個關鍵痛點來準確的提升核心使用者的滿意度,讓整個產品設計能更加符合使用者的動機與行為。藉由提出線框圖(Wireframe)可以去幫助整個團隊對於最終上線的產品有著更加一致想法,來加速團隊裡的產品的開發。

以下是針對此專案裡不同核心使用者-內容創作者和數據分析師來做出的線框圖(Wireframe)。不同身份的使用者去登入系統時,會看到不同的首頁內容,然後使用者可以輕鬆的透過左側功能列去完成他們每日的工作任務。

A digital infographic with multiple overlapping screenshot panels displaying a web design process, including wireframes, templates, and editing tools, with Chinese annotations and a smiling portrait of a content creator at the top.
A digital interface with various data dashboards and analytics charts, including line and pie graphs, informational text in Chinese, and a profile picture of a woman labeled as a data analyst. The interface is decorated with notes and design tips in Chinese, highlighting features such as automatic data summarization and visual data representation, with a light pink background.

設計規範 Guideline

在專案最後會去做了簡單易懂的UI設計規範,以便讓團隊未來需要延伸更多功能時,可以依此設計規範去做出同一風格的產品功能與介面設計。

Color palette with circles displaying hex color codes, and iconography of various digital symbols, set against a beige background, with the text 'COLOR PALETTE', 'TYPOGRAPHY', and some character descriptions in a modern design layout.

聯繫夏樂設計

如果您的品牌有遇到上述的相關挑戰,歡迎聯繫夏樂設計來討論合作方案!