Time
May 2023 - Dec 2023
Project Staffing
PM*1 / Designer*2
Service Provided
品牌策略｜UI/UX Design｜RWD｜Animation Design
Service Provided
生活 / 服務
Project brief
面對逐漸飽和的服務設計產業，需要有突破市場的新切入點，對此我們從調研到落實，替 遊石設計 擬定新的營運策略方針，重塑品牌形象與定位，打造全新官網。
Website
專案背景與挑戰
隨著科技世代的來臨，越來越多公司開始有數位產品的需求，也更重視使用者體驗，從 2009 年創立至今，遊石設計在 UI/UX 領域塑造了一定程度的影響力，但當市場變的寬廣競爭就會越來越激烈，面對不斷崛起的競爭對手，身為老字號的遊石設計更需要重視企業轉型與改革，重新釐清市場定位與品牌價值，希望藉由提升公司價值體現與深化服務項目能帶給客戶的價值，以突破逐漸飽和的市場。
願景與方針模糊，無法完整說明可以提供給客戶的設計價值，如何體現UXI的服務面向？
網站架構與視覺呈現不夠清晰，如何劃分資訊層級，讓各類使用者更快速的找到目標？
當前後台系統維運困難，頁面架構客製化程度低，如何針對不同專案需求進行調整？
現行新訊分享以部落格文章形式呈現，難以滿足現代人閱讀新知的需求，自媒體如何整合？
專案亮點
從調研到落實，替遊石設計擬定新的營運策略方針，重塑品牌形象與定位，打造全新官網。
網站視覺革新，以「商業策略」的形象出發，強化專業穩重與創新共存的視覺感受。
重整網站資訊架構，強化公司特點與服務價值，將模糊不清的市場定位。
強化品牌定位與強項，主打無障礙設計與跨領域系統整合。
整合多元觀點自媒體，UX知識文章（medium）、Podcast、pizza & beer（設計新知）
強化遊石的商業價值：「從使用者及顧客體驗出發，陪伴客戶提煉商業優勢」
融合遊石的精神價值：「玩趣、分享、懂你」
專案規劃
01｜Research 前期調研
・Desk research 桌面研究
・Stakeholder interviews 利害關係人訪談
・SWOT/PEST分析
02｜UX/UI Design 使用者體驗設計
・Information Architecture 資訊架構調整
・Visual concept 視覺提案
・Questionnaire Survey 問卷調查
・GUI Design 視覺介面執行
・Responsive Web Design 響應式設計執行
03｜Design delivery 設計交付
・IX Flow 設計交付檔案
理解專案需求
進行前期研究，運用訪談、SWOT分析搭配問卷調查梳理品牌調性與方向！
整合系統應用面向，了解利害關係人的需求，重新釐清商業模式與客戶關係，提出遊石設計的公司文化、品牌價值。
利害關係人訪談 ＆ KJ分析
針對公司經營者、資深經理人、資深研究員與資深產品設計師與合作客戶進行訪談，內容羅列「公司經營面」、「業務觸及範圍」、「專案執行面向」與「客戶管理溝通」四大面向，釐清內部人員對公司的期許與外部人員對公司的看法，以及如何提升目前公司定位，重塑品牌定位與未來目標。
SWOT/TOWS分析
藉由評估公司目前的優勢、劣勢、機會與威脅，尋找可執行的策略面向，收斂出32個策略，其中包含26個積極型策略（S優勢xO機會）
梳理設計需求與內容同步執行競品分析，重新盤點現行官網資訊架構！
競品分析
針對國內外 UI/UX 設計公司分析，大致區分出三大類型「社會創新」、「商業策略」與「設計服務」，依現行官網呈現風格，將UXI的官網呈現方式定位為「設計服務」，但實質上我們替多數公司擬定設計策略、擴及行銷與商業模式討論，執行的項目擴及至商業策略面，因此期望將官網呈現方式對此靠齊，並找尋風格相似且明確的代表公司來做詳細比較。
競品分析｜與國內外公司進行定位比較
競品分析｜專案分享頁面佈局與策略分析節錄
從需求訪談與競品分析中，發現舊版官網的架構讓使用者難以理解遊石設計的特色與服務價值所能帶來的效益，也難以分辨專案類型，且無自媒體露出的區域，行銷效益低落，我們在新版的設計中重新釐清資訊層級並改善上述問題。
設計成果
提出兩款視覺提案，以問卷調查搜集各式觀點挖掘潛在可能！
以訪談與桌面研究所得的策略，提出截然不同的設計風格，其一為：「活力、親切、樂趣、分享、懂你（speak to heart）」；其二為：「專業、突破、積極、不受拘束」，兩款提案分別強調了遊石設計的不同面向，再藉由問卷請過去客戶、內部同事、已離職同事、外部業界經理人與外部專案管理者等角色提出建議與看法後再調整整體設計與架構呈現。
視覺提案01｜親切共感
用活潑的動畫與亮色的搭配強化遊石設計年輕活絡與親切的感覺，以平易近人的口吻撰寫UX Writing ，將遊石設計的logo拆解並重組成服務項目的動態視覺去表達遊石與客戶間的互動模式，並在架構上強調遊石設計的專業能力加強客戶對 UXI 的信任度，成為客戶的貼心伙伴。
＃活力 ＃親切 ＃樂趣 ＃分享 ＃懂你（speak to heart）
視覺提案02｜創新專業
＃專業 ＃突破 ＃積極 ＃不受拘束
問卷調查結果
最終設計呈現
融合公司內部文化與外顯特質，重新賦予 UXI Design 嶄新價值與面貌！
突破原有設計，跳脫框架，帶來嶄新的視覺介面與服務體驗，利用微互動保留遊石設計的公司個性，並將沈穩安心的感受體現在介面的視覺風格呈現上，強化專業、現代、創新又不失親民的全新官網。
文字與色彩
延續遊石設計的識別色紅色與黑色，將原先的酒紅色調整為較為鮮豔的紅色，增加活潑鮮明的感受，整體大色塊以黑色與無彩色階為主，並搭配紫色作為視覺亮點，讓重點更跳脫出來。
文字使用開源的襯線字體與黑體，以襯線字體「Cormorant Garamond」作為標題應用，內文以黑體「Noto Sans TC」為主，呈現現代感的同時也兼顧易讀性。
調整原先資訊重疊與凌亂的問題，詳盡的劃分各專案的服務範疇與產業領域，明確的區分「客戶」、「求職者」與「學習者」所需要的內容，讓搜尋目標變得容易！
概覽說明公司的強項、價值、專案與自媒體
說明公司的服務核心與企業價值
強調公司的氛圍與職缺需求
