ESG 碳盤查系統設計

Time

Jun 2024 - Feb 2024

Service Provided

Saas系統設計|UX/UI

Service Provided

資訊 / 科技

Project brief

整合「邊、源、算、報、查」五大碳盤查流程,將繁瑣的碳盤查流程簡化,從碳盤查、管理、減量到淨零目標,為企業提供完整解決方案,打造一站式的全服務體驗。

Background

專案背景與挑戰

在全球環保意識興起的影響下,臺灣跟隨國際趨勢也訂定了相關減碳政策,讓淨零碳排成為各大企業必須重視的項目,為了評估個人、企業、組織或產品的碳排放量,起初有部分的企業使用Excel作為測量載體,也有部分企業聘請專家協同計算,因應這樣的市場需求,市面上已出現許多根據不同企業規模而誕生的碳管理系統或軟體,為搶攻碳排市場,必須達到簡化流程、智慧除錯⋯等目標。


面臨的挑戰:

  1. 專業知識落差補齊:在開案前期面對全新領域,整合多本系統規格書與複雜碳盤查知識,盤點功能細項,釐清各情境流程。

  2. 時程壓力:面對緊湊時程我們依然高效執行,運用 3 個月的時程,從零開始將所盤點出的 16 組碳盤查步驟模組、超過 50 項的功能流程,轉化成符合企業使用情境的系統介面。

  3. 競爭對手:以市場後進者的角度踏入碳盤查系統市場,

在全球環保意識興起的影響下,臺灣跟隨國際趨勢也訂定了相關減碳政策,讓淨零碳排成為各大企業必須重視的項目,為了評估個人、企業、組織或產品的碳排放量,起初有部分的企業使用Excel作為測量載體,也有部分企業聘請專家協同計算,因應這樣的市場需求,市面上已出現許多根據不同企業規模而誕生的碳管理系統或軟體,為搶攻碳排市場,必須達到簡化流程、智慧除錯⋯等目標。


面臨的挑戰:

  1. 專業知識落差補齊:在開案前期面對全新領域,整合多本系統規格書與複雜碳盤查知識,盤點功能細項,釐清各情境流程。

  2. 時程壓力:面對緊湊時程我們依然高效執行,運用 3 個月的時程,從零開始將所盤點出的 16 組碳盤查步驟模組、超過 50 項的功能流程,轉化成符合企業使用情境的系統介面。

  3. 競爭對手:以市場後進者的角度踏入碳盤查系統市場,

Main Goals

Main Goals

專案目標

整合「邊、源、算、報、查」五大碳盤查流程,解決企業執行各盤查階段時的痛點,並以「一站式碳盤查管理系統」為目標,提高產品整體流程的靈活性與操作一致性,並精簡步驟與提高關鍵資訊的可視性,以這四三大設計策略將碳盤查的繁瑣遊程變得更加便利使用,縮短學習成本並減少使用斷點。

First, How to understand the requirements ?

理解專案需求

理解碳盤查知識並進行利害關係人訪談,從營運模式與流程的根本下手!

透過利害關係人訪談,面對實際操作人員、談盤查專家與系統工程師,理解釐清實際操作會面臨的情境與困難點,歸納出專案執行的目標方向。

專案客戶起初透過顧問服務連結企業客戶,並提供便捷易用的碳盤查工具。

專案客戶採取結合顧問資源,初期提供企業客戶顧問服務,當企業內部獲取經驗後,改為自行運用工具進行每年的碳盤查。便捷易用的碳盤查工具可以降低使用門檻,並增加管理效率,讓企業更仰賴本系統客戶提供的產品服務。

Find the pain points.

First,How to understand the requirements ?

尋找專案痛點

理解碳盤查知識並進行利害關係人訪談,從流程的根本下手!

透過利害關係人訪談,面對實際操作人員、談盤查專家與系統工程師,理解釐清實際操作會面臨的情境與困難點,歸納出專案執行的目標方向。

痛點一

面對複雜的盤查流程,如何降低使用者學習成本?

面對第一次嘗試碳盤查的人員,如果沒有專業顧問諮詢,要如何操作?不知道如何挑選係數、數據太多看不懂不會解讀…,利用簡易的介面操作達到明確的操作指引成為必要的項目之一,我們必須在政府規範的框架之下,將繁瑣的盤查項目分類並收整,簡化繁複的輸入過程,讓整體操作變得便利,讓企業減少對顧問的依賴,無痛輸入資料。

痛點二

多角色共用系統,如何區分功能權限?

面對不同的盤查任務情境,除了公司內部專案負責人以外,還會有盤查員、外部廠商與審查員等多角色並存,如何依照需求限縮系統權限,並明確區分工項成了首要問題,因應廠商可能會定期變動的情況,為求公司資料安全,必須將功能劃分清楚。

痛點三

專案多人分工,盤查紀錄與審查功能不斷交替,如何有效控管與紀錄?

專案執行角色眾多,如何紀錄與控管成為管理者的一大難題。對管理者而言,各項目內外部盤查人員紀錄、填寫戳記與專案進度尤其重要,而盤查人員與審查人員對各項目狀態通知提醒的設定與通知、數據登記與除錯、檢視與回饋等功能也很必須。

Design Outcome

設計成果

簡化盤查流程,針對單一專案提供引導式的操作,並設置Dashboard綜觀各專案現況。

一一突破痛點,使用引導式的操作介面一步一步帶領使用者進行專案碳盤查,並讓管理者明確劃分各帳號權限,完整控管資料輸入,

視覺提案

依照客戶訪談的內容,我們提供了一些視覺元素與客戶討論,最終以客戶期望的「親切活潑」、「專業細緻」兩個方向作為設計主軸。在layout呈現上,提供兩種類型的設計,但都以快速切換與條列分明的方式呈現,將複雜多資訊的盤查內容歸納並統整,用簡約的版型進行表單內容的層級調整與排列,並提供科技感的配色與創新親切的配色供客戶參考。

提案 01|活力永續

關鍵字:科技、永續、活力、清淨。
整體設計以大圓角要素為主,增添圓潤活潑意象,讓碳盤查不顯得生硬。色調上以溫和柔調的綠色系作為主要顏色,並運用黃色系最為點綴,讓整體介面呈現清新活潑的氛圍感,有別於一般市售產品。

提案 02|專業細緻

關鍵字:科技、專業、理性、沈穩。
以圓角要素為主,增添圓潤活潑意象,讓碳盤查不顯得生硬,以溫和柔調的綠色系作為主要顏色,並運用黃橘色最為點綴,讓整體介面呈現清新活潑的氛圍感。

視覺提案反饋

提案後依照客戶的反饋我們羅列了幾個視覺調整的項目:
1.喜歡目前提案二的專業版本,但希望顏色更輕盈
2.希望看見跳脫現有碳盤查既定印象的設計。
3. 整體配色不希望帶有政治色彩


對此我重新進行色彩定調,並以提案02-專業細緻版本進行迭代,最終改以淡紫色進行設計。

提案後依照客戶的反饋我們羅列了幾個視覺調整的項目:
1.喜歡目前提案二的專業版本,但希望顏色更輕盈
2.希望看見跳脫現有碳盤查既定印象的設計。
3. 整體配色不希望帶有政治色彩


對此我重新進行色彩定調,並以提案02-專業細緻版本進行迭代,最終改以淡紫色進行設計。

最終視覺|創新出眾 - 展現淨零決心

以突出的色系彰顯品牌差異化提升用戶操作時耳目一新的感受!

運用藍紫色與亮橘色的介面色彩計畫,建立主色系、副色系、狀態色系等色彩系統,運用於介面之中,來表現不同層級的資訊。整體色彩應用以無彩色為基底,並以主副色系作為視覺重點,達到引導使用者的效果,並且降低大量閱讀所帶來的視覺疲累感。

以突出的色系彰顯品牌差異化提升用戶操作時耳目一新的感受!

運用藍紫色與亮橘色的介面色彩計畫,建立主色系、副色系、狀態色系等色彩系統,運用於介面之中,來表現不同層級的資訊。整體色彩應用以無彩色為基底,並以主副色系作為視覺重點,達到引導使用者的效果,並且降低大量閱讀所帶來的視覺疲累感。

Design System|負責建立設計系統,讓多位設計師共同協作

在短湊的時程內,需與各設計師同步設計不同功能模組,並且達到整體系統一致性,需仰賴設計系統的規範才能有效維持。對此先進行基礎元件庫的設計,並持續溝通討論迭代組合元件,確保每個功能模組在應用元件時都能適用,除了建立設計執行的 Design system 以外,也撰寫一份設計指南與工程團隊溝通協作,加速系統建置。

色彩&文字規劃

在色彩應用上分為兩大面向,其一為設計系統的主色、輔色與基底色,其二為圖表用色,因盤查項目眾多,圖表呈現需求量大因此額外將圖表用色區分出來。文字部分也因圖表關係,特意列出Dashboard的文字規範。

Design Highlights

Design Highlights

呼應前期探究出的三大痛點,範圍擴及「知識面」、「協作面」與「管理面」,針對流程簡化、權限區分與專案控管各提出了解決方案與建議,在逐漸擴大的碳盤查市場中,協助使用者碳量化、碳減量,秉持著成為使用者的碳盤查知識庫,讓初學者也能順利完成盤查任務!

設計亮點01|將流程步驟清楚羅列,進度可追溯但不可跳著填,適當引導使用者

第一次嘗試碳盤查,使用者面對完全陌生的介面,很容易感到不安而造成操作錯誤,我們將步驟拆分並且完成後才能進行下一步,利用好理解的介面達到明確的操作指引,降低使用者困惑與誤觸的機率,並配有說明文字與提示加強引導。

設計亮點02|客製化權限區分,依照不同身份別彈性調整

針對不同的盤查任務情境,專案負責人、內部盤查員、審查員、外部廠商用戶(盤查員)與外部稽核人員等多角色並存,為明確分工,將依照需求限縮個職位系統權限,因應廠商可能會定期變動的情況,為求公司資料安全,必須將功能劃分清楚。

設計亮點03|打造碳排生態系,控管盤查計畫、減量建議與專案人員管理!

專案多人分工,建立多工能Dashboard,有效管理各專案計畫進程、狀況與人員管理即使顯示錯誤情況與了解人員績效等管理內容,亦可從簡易清晰的數據對代操維運的公司提供行銷與商品運作建議。

Guess you like

Guess you like

Create a free website with Framer, the website builder loved by startups, designers and agencies.