Net Protections Inc. PROJECT

讓企業員工引以為傲的組織魅力・
日本 Fin Tech 產業巨擘重新奠定企業風格官方網站

Introduction

用自己的語言來傳達組織魅力及事業價值

Net Protections Inc.是一間活用科技創造新形態信用──「Fin Tech」的先驅企業。(以下簡稱為NP),NP自2002年提供日本首創保證回收款項的後支付服務 「NP後支付 『AFTEE』 」,累積交易次數已超過1億4000萬次。隨著事業版圖、組織擴大,NP更加感受到企業品牌的重要性,訂定出組織文化層面和事業版圖層面的企業使命,並決定翻新網站把這個部分也呈現出來。希望能從每位員工心中的「NP風格」為發出點,完成展現組織文化和事業版圖兩種魅力的網站。

「如今的NP不論是組織還是事業版圖都在穩定成長,進入了成熟期,舊網站有著無法呈現出來這個狀態的性質問題。除此之外,網站方面過去不曾用文字以外的方式展現『NP風格』,因此這次希望也能運用文字以外的要素(設計、顏色、形式等)來表現,盡可能地讓來訪的使用者感受到NP風格。」

Net Protections Inc.專案負責人 池田先生

Story

為好的結果而從頭來過

將企業的根本化為文字,用能夠傳達給他人的形式來呈現,是一件不容易的事。如果許多擁有各自想法的人們同時要做這件事,難度就會更加提升。有鑑於此,Loftwork經常會邀請相關人員,舉辦工作坊來腦力激盪、整合意見。

只不過這個方法未必適用所有的專案。

「專案開始1個月左右,我收到了來自池田先生的信表示『我對專案後續發展有些疑慮。由於希望能有好的結果,請再撥冗與我討論』,池田先生在感受到不對勁時,就在第一時間提供了反饋,讓我們得以更新整個流程。」

Loftwork 製作人 柏木先生

我們放棄用1次2小時的工作坊來統整多數人意見的方式,改成和數名專案核心成員針對每一個主題,進行半天~三天左右集中且深入的討論。從頭來過後,我們變得比過去更重視大家一起思考的時間。並花上整整一天反覆發想和整合文字、服務等資源的關聯,以及網站的線框圖。

不是訴說寫好的故事,而是讓每個人自己去理解

經過討論,我們得出的翻新概念是「Narrative」。這個字要表達的不是像說故事那樣,從企業觀點訴說已經寫好的故事,而是更有彈性地讓每個人都能從自己的角度去談論這件事。

面對需求多元的使用者,Net Protections Inc.理想的官方網站,不只是單方面傳遞簡單易懂的故事,而是由使用者去解釋並理解Net Protections Inc.的風格。

以下是專案管理金指說明得出「Narrative」的其中一個理由。

「我和各個員工們聊過,從我獲得情報中,發現企業使命都有深植在每個人心中。但那種事情絕對無法強行灌輸給對方,而是要看對方如何理解。因此得出了『Narrative』這個代表每個人自己去談論此事的詞彙。」

重新分解、表現Narrative的過程。運用文字交織出設計的方向性

我們從翻新概念、到目前為止收集到的情報,重新分類能讓人感受到Net Protections Inc.風格的視覺設計和關鍵字。接著從分類好的關鍵字地圖中,篩選出決定設計方向的文字。

訂定評價軸,找出最適當的呈現方式

從重新分解的概念中,多多少少可以看見文字形塑設計的輪廓。

「Net Protections Inc.很推崇實踐員工自律、分散、協調的青色組織(Teal Organization),不只企業使命深植人心,也很重視每個人的想法及思考模式。尤其是在決定概念和設計的階段,我認為應當更謹慎地處理。為了協助決策流程,我們和總監山田他們訂定了獨特的評價軸,運用巧思讓決策流程能以具有邏輯性的方式進行。」

Loftwork 專案管理 金指先生

決定設計的方向性和翻新概念後,從企業使命設定出評價軸,讓一般容易憑感覺來判斷呈現方式的狀態,變得可以用依循邏輯做判斷。

不僅如此,我們也給每一個設計案加上標題。最後對照討論6個評價軸在「組織」和「事業」之間,會處在哪一個位置。

Output

凝聚每個人的想法,從邏輯導出網站

https://corp.netprotections.com/

為了讓各項內容都能讓人有記憶點,採用了全螢幕的方式呈現。每當切換畫面,就會有複數圖層交錯,帶入不同的要素和動畫,儘管只是稍微滾動滑鼠,畫面也會有很大的變化。主視覺方面則以不斷變化的背景顏色和簡潔的訊息,來表現「創造下一個恰到好處」的企業使命。

「Net Protections Inc.是個在好的意義上,大家意見都不同的公司。『每位員工的個人風格』,累積成了『企業風格』。也是因為這樣,即使朝『NP給人這種印象!』的固定形象去設計,也無法表現出NP的優點。因此我們選用包含顏色變化等,含有許多動態要素的設計。Net Protections Inc.經常會因應時代變化及員工想法產生改變。我們這次打造的網站,體現了透過信念及科技的力量打破常識的組織。」

Loftwork網站設計 美術總監 山田先生

結合事業版圖與組織文化的表現方式。我們在個別網頁的動線之間,設置了聯結文脈的框架區域,以利結合乍看之下目標相異的內容。協助使用者理解事業版圖及組織文化各自跳轉到的頁面。

Impact

仔細思考組織魅力及事業價值表現出來的結果

官方網站於2019年1月正式上線,展現出了NP的組織魅力、事業價值。

以下是負責人池田先生回顧專案時,提出的內容。

「專案完成後,我發覺以前只是自以為很了解自家公司的組織文化、事業版圖。回想起自己過去不曾這麼深入地去思考關於公司的事情,有種非常充實的感受。該說是Net Protections Inc.的輪廓變得很清晰嗎?

其實我本來就對NP身為一間企業的思考模式很有共鳴,才會在此工作到至今,但經過這次的專案,不只是有共鳴,我更感受到了必須好好將它傳達出去的責任感,是個讓我有顯著成長的機會。」

除了成員明確的反饋,這次也在定量、定性兩個面向獲得了積極的回饋。

池田先生表示:「從合作企業相關人員、學生等各式各樣的人口中聽到『好棒的網站喔』的機會變多了。最近國內外都採用新網站,也獲得了外國學生的好評。當我知道有學生在SNS上分享我們的網站時,我真的很高興。」

專案成員絞盡腦汁思考的結果,在數字上也產生了大幅度的變化。

+77%

工作階段

76,584→136,642

+105%

瀏覽量

154,315→317,284

+44%

平均工作階段時間長度

00:01:25→00:02:02

翻新前後6個月的成長率比較

Member

山田 麗音

株式會社loftwork
創意總監

Profile

高井 勇輝

高井 勇輝

株式會社loftwork
創意總監

柏木 鉄也

株式會社loftwork
資深製作人

Profile

小野村 香里

株式會社loftwork
技術總監

Profile

Keywords

Next Contents

一個讓新商業空間實踐「場域營造」的專案設計