研發與設計專欄
叡揚資訊 前端設計的第一個十年
前往目錄
因應雲端服務與過往企業用軟體銷售模式的差異, 雲端開發單位迎來了第一位專職的設計師。開啟了往後叡揚在介面設計、各方面行銷與設計上的新篇章

叡揚資訊擅長開發企業用軟體,十年前叡揚開始投入雲端服務 的開發,了解到雲端服務與過往企業用軟體銷售模式的差異, 所以在雲端開發的單位投入了第一位專職的設計師。也開啟了往後叡揚在往後介面設計與各方面行銷上在設計上展現出與過往不同的時代。

企業用的軟體由與以往透過軟體本身功能的強大外,業務銷售上透過說服主要的決策者買單後,可以透過安裝服務、直接教育訓練等方式,讓企業內的員工接受任何軟體本身的操作模式。另一方面自建式軟體在銷售時,通常不會在線上可直接試用,也不會顯示給客戶看到太多系統介面,通常多著墨於軟體具有的功能或效益為主。可以說過往企業用軟體特別著重於功能內涵與業務的能耐,然而進入雲端後,隨著大環境改變,一般使用者接觸大量手機應用各種吸引人的設計後,使用者也更加重視軟體使用體驗、介面美觀、試用體驗等重點。當然雲端服務在這個時代逐步興盛起來後,過往的銷售模式依然存在,但是雲端服務大大降低企業負擔軟體的成本,較低的營收成本對於雲端服務供應商而言,放眼的雖然是長尾效應,然也需要比以往更大量的訂閱企業,才能支撐如以往企業內自建型軟體的營收。當要取得更大量的訂閱企業,甚至需要往全球市場銷售。當業務直接銷售難以負荷取得大量訂閱基數時,投入更多的行銷與產品線上銷售時的客戶體驗,變得更加重要。於是在服務線上銷售流程上我們放入更多體驗的提升,讓客戶能線上直接開通服務,透過簡單易用的介面能更快理解操作方法。如何讓產品本身有良好的體驗與設計來包裝,正需要培養一個成功的前端設計團隊,叡揚資訊就是在雲端服務開始的那年投入了設計的能量。

Vital Family視覺設計

設計團隊初始的任務,有多個不同的主軸進程,首先在行銷設計上建立產品的識別系統,並發展紙本文宣或網路行銷的設計規範是首要的任務,十年前叡揚的雲端服務主要為 VIdegree 與 Vis-a-Vis 兩者,當時兩個服務在介面上並沒有太多一致性的部分,而是先從行銷視覺設計開始著手。由於產品介面設計牽涉的人力與開發非一人所能解決,也需要更多的討論與合作。所以初期筆者先就自己所能觸及的範圍來發揮,從平面介紹的各種文宣、簡報依據當時流行的視覺風格發展出兩個雲端產品的視覺元素,並保有一定的共通性。除了平面外,也先透過開源的內容管理系統建立起兩個產品的行銷網站,介紹各種產品特色、發表成功案例、最新消息、活動訊息跟舉辦網路行銷活動等。而網站的功能逐漸在服務持續成長的過程融入了線上直接訂購付款的功能,所以當時我們將 joomla!(內容管理系統)整合了 magento(購物車系統),更在接下來 2017 年底時迎來雲端服務元年,將多個叡揚資訊強大的自建型軟體轉成雲端服務,統合為 Vital 這個雲端服務品牌,隨後一整套視覺系統、網站也進行大規模的修改。

Vital 這個品牌推出後,從視覺形象設計統一與產品名稱改變後,前端設計團隊也針對一些改版到雲端版本的產品推出新的介面視覺與使用體驗的概念。而這樣統合的系統設計介面不單單思考雲端 Vital 家族的介面視覺,同時公司其他產品也逐漸往新的設計語彙進行改版或建立新產品,於是我們建立出 Vital UI Kit 這樣的概念來包裝出一套完整的 Design System,並將整套設計與前端工程的內容公開在外部 Github 上,同時建立了 https://www.vitaluikit.com 這樣網站公開相關程式碼。同時在公司內部推廣介紹給叡揚更多開發團隊能直接使用,當然在產品生命週期中也會有不同的狀態,新產品或大型改版諸如:SPEED 3.0、QuEye、iota C.aiVital TTCVital BizForm 的改版與新產品設計即直接都以新的介面安排與設計語言進行改版,同時也有客戶注意到並讚揚叡揚在產品介面設計上有不錯的一致性,也更美觀更好用;另外也有部分產品本身規模龐大,需要等待適合時機進行改版,例如 Vitals ESPVital CRM 即在 2020 開始開啟改版與系統架構的演進,這都會是相當大的工程,也由於客戶較多,如何讓客戶習慣往後改版的設計,也需要較多考量。整個設計系統也不會一成不變,會持續融合吸收當下設計趨勢演進改版,Vital UI Kit 即演變為 Vital Design,將當下流行的模糊、建層、陰影等設計語彙融入 Vital Design 中。

Vital UI Kit

叡揚在除了在內部產品設計與行銷視覺設計外,在客戶持續看到我們設計能量後,也逐步有些設計專案的需求發生,除了最早在台北市政府 1999 單一陳情系統成功的在介面設計上頗受民眾好評,後續在臺灣 Open Banking 的議題中,設計了諸如永豐銀行等金融單位的 Open API 開發者網站平台的設計,這些網站設計有別於以往系統介面設計類型,提供較多元化的設計風格給客戶,也讓設計人員發揮出更多不同設計可能。另一方面叡揚長年與智慧財產局有密切合作,在 IPKM 專利知識庫平台專案上一直投入了很好的 NLP 技術展 現優秀的技術能量,智慧財產局不會滿足於技術跟平台上的功能,其資訊局長更著眼於智慧財產局各種系統上都能有更好的使用者體驗與介面設計,在 IPKM 一案中初步有了介面設計的合作,團隊為智慧財產局進行了完整的使用者訪談進行整體系統使用者體驗改良,智慧財產局也對叡揚團隊的設計能量相當滿意,後續持續開展了網路公報、商標線上申請等系統之介面設計,其中商標線上申請具相當的指標,以往政府專案在前端設計領域都是附屬與後置的流程,然這次智慧財產局認為先以設計優先的思維先行,以使用者的體驗及前端開發為主,後續後端開發廠商在依據這個成果開發新的後端程式。在專案上確實需要設計團隊與想法前瞻勇於突破的客戶緊密合作才能達成好的成果。

商標公報視覺設計叡揚資訊前端設計團隊的業務從公司內的行銷設計、網站設計開發、產品介面設計進展到對外提供設計服務外。近年也負責將雲端服務中的 Vis-a-Vis 演變出新的生命為 Vital BizForm,希望提供給客戶一個獨特有新意的表單簽核雲端服務,也有自信的說,我們提供出的會是全世界最美、最好用的表單簽核雲端服務,雖然還需要努力滿足許多功能,但是創新的表單設計模式與彈性的架構將會是市場上相當具有特色的產品。在持續開發自有雲端服務外,我們也負責代理國外知名的雲端服務 monday.com,擴展叡揚資訊除了 Vital 雲端家族外,加入代理服務滿足客戶工作管理的需求,並在代理的同時刺激服務升級, monday.com 在業務、行銷、開發、設計上的模式都相當成熟,了解到國外一流且年輕的雲端服務的運作流程後,對我們雲端產品設計、服務體系也是很好的參考。

我們從早年的一人持續滾動至今,設計團隊已經十來人,並持續追求讓叡揚資訊除做到讓世界眼睛一亮的產品,也追求團隊業務在成長過程中能與成員共同成長,讓產品、設計服務都能在臺灣成功外,也希望在世界中被看到。目前的成果也是因為這個團隊成員優秀的能量,未來的成就也會是仰賴團隊成員持續成長的成果。

前端設計部團隊