Hahow 全新視覺亮相!IF OFFICE 團隊操刀設計,設計概念回應品牌多元價值!

Hahow Brand Team
Hahow
Published in
Apr 11, 2023

2023 年是 Hahow 創立的第 8 年,我們除了在線上學習領域持續擴展優質內容,也積極為下一階段的發展與成長做準備,為此,我們決定做一次重大的品牌更新。這次的改變聚焦在品牌識別、品牌框架與視覺系統三個面向上調整,期待透過完整的品牌重塑,更明確地傳遞 Hahow 的未來走向。

為了全新的 Hahow,我們邀請 IF OFFICE 創辦人馮宇與他的團隊,替我們的全新識別進行設計。本篇文章將分享他們的設計概念,並融合 Hahow 的品牌團隊與設計團隊收束歸納與討論,進一步讓識別落地的有趣過程。

Hahow 品牌重塑 rebranding

「在決定進行品牌重塑後,我們曾經歷一段集思廣益尋找共識的過程,像是對標市場需求,找出下一個階段更具有優勢的切角等。」Hahow 品牌副總監 Gwen 回憶道,除了從市場維度思考,我們也與創辦人啟動多次討論,並針對使用者的回饋進行提煉,收斂符合期待且可行的方向,同時也邀請跨部門夥伴組成小組,進行品牌價值主張的工作坊。透過以上方式,讓品牌重塑不只是創辦人的理念,也是團隊夥伴與使用者和我們一起參與的重要過程。

IF-OFFICE 從幾何圖形創作,回應多元跨領域的品牌價值

「這次的設計以幾何圖形與線條為主,更方便搭配不同商業模式進行擴充。期待讓新識別更直覺、更能與大眾產生共鳴,就如同 Hahow 這個品牌本身給人的感受。」——馮宇

Hahow 品牌重塑 rebranding
Hahow 全新識別規劃設計

這次由 Hahow 內部的品牌團隊與設計團隊啟動,並與 IF- OFFICE 團隊進行協作,讓新版識別能夠有更宏觀的外部專業視角,完整呈現品牌的包容與多元性。

「這次的設計是為了回應品牌多元與跨領域核心價值的嘗試。」——馮宇

全新標誌我們將過去學士帽的符號取下,讓學習脫離既定學院的想像,改以「門」為意象出發,想像打開每一扇門,背後都有浩瀚的宇宙等待著持續探索學習。幾何圖形與線條色塊的意象,也象徵了持續向上的精神、直覺性強且更容易讓人產生共鳴。更俐落簡潔的設計也利於記憶,同時能組合成多元樣貌,供不同的商業模式、行銷企劃、課程內容更靈活彈性地使用。

hahow logo design
全新識別 Logo 與色彩

在色彩規劃上延續過去綠松色的生機療癒,並增添一點藍色知性,呈現 Hahow 擁有宇宙般變化與包容的特質;子品牌 Hahow for Business 希望為人才與企業提供更多元的交流管道,以充滿堅強能量的深藍色,呈現沈穩專業的形象;而 Hahow for Campus 則以暖黃色調,展現校園的溫度與活力。相應的色彩輔以同色系的深淺搭配,在應用上不僅有彈性亦能維持一致性,也能表現品牌之間的層次。

Hahow type design
直/橫中英文標準字

除了圖像與顏色,中英文標準字的設計也別具巧思。馮宇回憶創作標準字時,由於「好學校」三個中文字在筆畫上的懸殊,會有閱讀重量上的差異,特別將「學」字上方改以英文小寫「h」取代,讓「學」字更簡化,平衡整體閱讀感的同時,也回應 Hahow 希望「讓學習是容易且有趣」的期待;英文標準字則以小寫「h」擴展開「拱門」的意象,黑體的堅定呈現張力,在不同載體上都能清楚識別,同時平衡圓潤的輕盈感受。

品牌框架重整,從品牌 Persona 到溝通原則聚焦

之所以進行品牌重塑,最主要的目標之一,是希望在使用者感受上帶來更高的一致性。Gwen 提及,雖然我們有對應的準則來確保在基礎品牌識別上的一致性,但除了設計呈現本身,內部成員與客戶、合作夥伴、使用者間溝通的形式,以及是否有意識到自己正在代表品牌,都會影響大眾對於 Hahow 的認知。

因此品牌團隊透過使用者訪談、問卷調查,以及使用者數據作為基礎輪廓,後續以跨部門工作坊聚焦歸納完成品牌 Persona。此外,我們從眾多形容詞中找到一個相近的交集:「有點特別的普通人」,這同時是我們所在意的價值,它背後蘊含的意義是:「我們在乎的學習並非局限於菁英式,而是相對親民且每個人能夠追求各自心中的獨一無二,透過學習成為理想的自己。」

工作坊、討論收斂與導入等內部活動(圖二左:Gwen/右:Echo)

在品牌 Persona 塑形完成後,一系列符合品牌個性的溝通原則也相應落定。對外溝通原則依據不同對象,有著不同親疏遠近的關係,但整體而言秉持堅定俐落、幽默謙遜與樂觀激勵的口吻與外部進行溝通。Gwen 也強調,雖然這是一個品牌重塑的過程,但我們並非要產出一個新的品牌個性,而是期待用更明確的品牌框架、關鍵詞或範例,讓夥伴們的想像更聚焦更具像,往同一的方向前進。

Hahow New Logo Business Card
事務品相關應用

從產品介面到插畫視覺的落地,延續風格一致性

識別落定後便是從事務品到實際產品應用了,為了找出更符合介面使用的圖紋,資深設計經理 Echo 與 UI/UX 設計師們便曾與 IF OFFICE 團隊進行多次討論,輔以介面畫面和案例進行調整。

馮宇強調,視覺應用上不應讓設計喧賓奪主,所以團隊主要提取幾個關鍵元素,如:拱門、弧形、方向感等,與 Hahow 設計師針對使用情境進行模擬,最終要能讓設計恰如其分地強調出產品核心價值。

圖紋與介面整合設計

另一個品牌風格的展現,我們期待能夠透過品牌插畫的改版來達成。Echo 提到過去 Hahow 呈現的氛圍偏向漸層、活潑可愛的感受,另外加上吉祥物小蛙的應用,也會依據不同設計師有不同的風格製作;這次的品牌重塑, Echo 與 VD 設計師們在插畫上以線條色塊的風格著手,在保留活潑的同時,添加科技感與未來性,也首次嘗試在插畫系列中出現「人」的角色,代表每一位使用者的多元性。

Hahow illustration
品牌插畫與吉祥物

吉祥物小蛙則以「陪伴者/助教」的角色出場,代表 Hahow 協助各面向的使用者完成在平台上的一站式體驗。在新版本的聲音識別與動畫上也蘊含開啟學習之門的巧思,期待在使用者在每一個接觸學習的節點上都能體驗到比以前更具有一致性的品牌感受,用學習開啟每個人的無限可能。

產品改版逐步上線,打造一站式跨域人才學習入口

在產品層面上,我們期待未來多數人都能在 Hahow 找到符合需求的多元形式學習資源。為了更宏觀地了解使用者的學習歷程,UIUX 團隊也進行使用者研究,關注使用者從學習的起心動念,到購買上課及後續產出(繳交作業)的整體流程,發現幾個我們可以持續優化的產品方向,像是透過更彈性且有掌握度的學習,幫助達成自我成長里程碑;細化課程篩選比較條件,幫助精準找到興趣的學習媒材。

在我們更了解使用者與創作者的優化需求後,下一步就是整合產品團隊將目標聚焦收攏,並逐步在未來優化上線,提供更方便實用的一站式體驗。

Hahow Multiple devices
全新介面與多媒介載具呈現

這次的品牌重塑,除了識別的煥然一新外,也希望透過更完整的產品體驗,滿足使用者在學習上的期待及解決相應的困難;當你「想到學習就想到 Hahow 」,我們也有信心在不久的未來, 到 Hahow 可以找到任何適合你的學習型態與內容。

最後,期待大家都能透過學習成為更理想的自己。

喜歡我們的文章歡迎拍手鼓勵,或將文章分享給你需要的朋友!

Written by Demi Tsai

延伸閱讀

--

--