用技術與管理驅動視覺設計團隊的成長 ( 二 ) — 里程碑與影響

Getter Chen
7 min readJul 1, 2023

--

本系列文章旨在回顧非視覺專業背景的我,在擔任視覺設計團隊的主管時如何用”技法指導”以外的手段來帶動團隊成長、並提升 CMoney 的品牌設計形象,今天這一篇我將會介紹我們視覺設計團隊所完成的里程碑與影響。

2022 Q1 — 統一企業識別系統(CIS)

在 CMoney 過去近 20 年的歷史中,我們的 Logo 不曾有過明確的規範,原有的 Logo 使用就如下圖上排中一樣隨性又傷眼,甚至連一套統一的紅色色碼都沒有。

CIS 重整前後對比圖

透過設計師 — Erin 的操刀,我們制定了一套統一的設計規範,並將整個標誌重新繪製為符合現代風格的單色樣式,全面推展到公司的對外媒體、自家 APP、活動製作物中。

CMoney’s CIS

也正好碰上 2022 與 2023 CMoney 開始積極參加國內各名校的校園徵才,我們基於這套系統讓公司的實體輸出物能始終保持一致的形象。

2022, 2023 校園徵才

2022 Q2~3 — 上百小時的大型設計

透過我運行的看板管理方式,我們的團隊具備了承接大型設計項目的能力。在消化 1~3 天粒度的行銷圖任務的同時也能進行跨 2 個月以上的長線設計任務追蹤。

當時仍是使用 Trello 看板來收單,後來改為 Jira

以下圖我們為關係企業「口袋證券」所設計的吉祥物 / 網頁 / 企業識別系統為例,這些設計任務涉及上百小時的迭代。

設計師 — ErinJudy 共同進行口袋證券吉祥物角色設計、提案以及定義三視圖,延伸設計成多樣姿勢。

設計師 — Monroe 為口袋證券的 Logo 進行數十組方案提案,並進一步完成全套 CIS 規範與週邊輸出物的設計。

口袋證券 — 吉祥物 / 網頁 / CIS 設計

2023 Q1~2 對外簡報形象再提升

我們在 2023 年初利用一段機動人力足夠的時期 ( 過年到端午間沒有大行銷售活動,且校召製作已完成 ),主動找行銷部合作對企業簡介進行重新設計。

設計師 — YuanLisa 各自執行了一波設計提案,我們最終完成了 Q2 的版版,將文字分級、定義格線系統、重製所有內嵌圖片,以 UI 的驗收標準去要求我們的簡報。如今行銷部門已對外使用了數個月,在我主動關懷 2 次的情況下沒有提出新的優化需求,我可以理解為他們對改版後的方案足夠滿意。

CMoney 企業簡報改版

2021 ~ 2023 Q3 培養視覺設計師的表達與數據思維

儘管視覺設計師多數不擅長口語表達,但在 CMoney 的價值觀中認為勇於表達意見、甚至能舉出案例或數據作為證據,來說服他人採用更好的解決方案的人,才會是有影響力且公司長期想要擁有的人才。

為了培養設計師在職期間能順應此價值觀成長,我制定了輪流設計分享的週會形式 — 設計師們平均每月會輪到一次分享自己的設計任務心得。並一季一季逐步提高要求,最初只要能少量的口述就及格,後來要求大家要提出有案例和過程的簡報。我自己當然也會穿插其中分享,以身做則。

下圖是設計師 — Yatsu Monroe 的部分簡報,前者積極的在她雜誌封面設計的時候試用 Midjourney 作為主圖;後者則養成習慣,為自己每一波的廣告設計向行銷索要成效報告,並在設計分享會議中說明自己根據數據所做的設計策略調整。

設計師在週會分享的簡報截圖

2021 ~ 2023 Q3 設計品質提升

前面介紹了不少標準化與對視覺設計師的培養,然而最核心的本質仍是設計產出的質與量應該要隨著團隊實力的增長而提升

在這裡我先說明品質的部分 — 讓我們來看下方的對比圖,它展示了團隊中 3 位視覺設計師前後一個年度間設計質感的進展。

前後一年度設計品質的提升

可以看到我們的 Logo 使用更加規範化,Logo 統一出現在左上角優先位置。設計師不再需要費盡心思隨機安排版面佈局。此外,他們的個人技法也有所提升,特別是右下角這款是設計師 - Judy 在設計數案 A/B Test 後得出高點擊率設計,她發現比起標語和價格,大量露出特色 UI 更能吸引點擊和後續的轉換率,這個現象在她後續的數波活動中依然成立。

為了促成這樣的進步,我建立了 Logo 使用規範、視覺設計資料庫廣告成效 Dashboard讓設計師能基於過去的團隊經驗出發做設計,而非每一次從零開始

Logo 使用規範與視覺設計資料庫
廣告成效 Dashboard 與其中的排行榜

2023 Q1~2023 Q3 設計產量提升

在最後,回到設計產量的部分,我會鼓勵設計師延用廣告版型來做變化,並在設計回顧時對有創造了易於複用的設計成果給予可複用性好評、對有複用舊設計快速完工且質感仍佳者給予效率面的好評。

我們鼓勵透過設計師複用設計、提高效率

除此之外,我也親自為團隊開發一套 Resize 系統 — 考慮到我們需要製作各種尺寸和組合的廣告 Banner,而市面上尚沒有一個能夠滿足我們需求的工具 — 因為 50% 以上的 CMoney 廣告想傳達的資訊量有很豐富,例如 : 做知名投資作者的聯名 APP 時我們需要同時呈現作者、手機APP界面、主標 ( 商品名 ) 、副標 ( 價值主張 )、特價、原價以及 Call-to-Action 按鈕等內容。

而我根據我們目前的工作情境所建立的這套系統能夠幫助我們更高效地處理各種廣告尺寸的製作,將設計師的設計任務從設計數十款尺寸的 BN 簡化為 5 款,我能透露的大致的操作情況會如下圖。

將「為數十尺寸設計」化簡為「為 5 組尺寸設計」

我希望藉此將視覺設計師花在 Resize 的心力保留給精緻做圖和商品頁的設計上 ( 商品頁是長條的商品介紹圖文,提供資訊以說服使用者購買商品)。

這次的分享介紹了我領導 CMoney 視覺設計團隊期間 ( 2021.9 ~ 2023.9 )達成的里程碑 — 為公司重新定義和實施統一的企業識別系統,完成數個大型平面設計項目,改善對外簡報形象,培養設計師的表達和數據思維,提升設計品質與產量等方面的工作。

以上是這次分享的內容,感謝您的觀看 ~

與本系列相關的文章

--

--

Getter Chen
Getter Chen

Written by Getter Chen

Getter, a 10-year product design expert. Blend design thinking and tech to drive innovation across SaaS, e-commerce, and ads. Former CMoney Design Lead.

Responses (1)