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

探究日本地方的創意迭代者,
從採訪到編輯的《AAA 城市藝術生活誌 vol.8》Cover Story