• 通過資安檢測 - 弱點掃描，各項檢測排除嚴重、高、中風險。
• 天矽科技(股)資安檢核部 - 核發合格證書。
• 證書有效日期：114年01月15日至115年01月14日。

首頁設計的整體風格，延續企業原CIS之色系，打造一種清新且平易近人的視覺氛圍，使用者一進到網站時，在首頁中便能瞭解重點產品、明星商品等。

首頁中顯示的圖片，為使顯示不那麼單調，加入網站切版會有的效果，例如：當滑鼠游標移到圖片時，該照片會顯示顏色變化效果。

首頁整體的佈局，由上而下分別為：大圖Banner、廣告區塊、保健與主張、產品推薦、事業分享(循環經濟 共好計畫)、Footer。


▲興田企業購物平台-網站主要使用色彩 (依企業CIS色系)

在【循環經濟共好計畫】此頁面，主要需強調興田企業多元收入之選擇、如何輕鬆啟動循環經濟共好計畫。因此版面設計上，首先以流程圖方式介紹三階段的計畫說明，搭配網站設計裡的「錨點效果」，點擊對應的計畫，畫面即顯示對應該計畫的詳細說明。

整體的排版佈局呈現一種較為活潑，讓人感覺視覺上的活力與動態，且因應"共好"，設計上也加入像是夥伴、笑容等元素，使整體視覺更符合興田企業的理念與價值。

可從後台建立標籤名稱，並設定顯示於「熱門搜尋」，當使用者點擊後，則會顯示與該標籤相符的資料。

▲後台建立熱門標籤畫面

4階層問答指南， 除了大類別可透過後台擴充新增，管理者亦可從後台上傳ICON 圖片。當使用者滑鼠移動到「標題問題」時，會有色彩變化效果，並下拉顯示問題的詳細解答。

▲後台「問答指南」可上傳大類別的ICON圖片

購物中心(一般產品)的主頁，除了顯示有產品大類別(後台可擴充)，於主頁裡，還設置能顯示「促銷banner」的功能，管理者可從後台建立並上傳多組的促銷banner，且可設定促銷活動的「開始日期」及「結束日期」，並可針對不同促銷活動的banner設定是否上架或下架。

▲後台「促銷banner」建立之畫面

• 特點標籤：產品頁除了列表顯示不同產品、 後台還可以針對不同產品，分別設定最多兩個「特點標籤」。
• 選擇排序：產品能依「選擇排序」(價格低至高、價格高至低)顯示。
• 篩選器標籤功能：如使用者需以產品種類尋找產品，例如：護具、搖擺有氧，可運用「篩選器標籤」篩選需要的產品。

• 產品圖檔：產品的圖檔，管理者最多可上傳8張。

• 產品規格：可依不同產品建立分別的產品屬性(規格)、例如：顏色、尺寸、功能。

• 加價購產品：如果該產品有額外的可以加價購之產品，可透過後台進行設定。
  
  ▲後台「產品加價購」設定畫面

• 開合內容：商品特色、使用方法、商品詳情、配送及退換貨須知，版型設計上運用「開合效果」，假使管理者需要上傳較多的文字資訊，亦不會讓資訊顯示的繁雜，透過點擊及收合方式，讓資訊文字清晰呈現。

管理者每當新增產品時，可另外設定該產品是否顯示於「熱銷產品Top10」；亦可設定是否顯示於其它宣傳區，例如：新品專區顯示、本期促銷活動顯示、經典熱銷套組、、等。

▲後台「產品」可設定是否顯示「熱銷產品Top10」或其它宣傳區

當產品加入購物車，準備結帳前，會進入一個清晰、易使用的結帳畫面，會員可再次確認欲購買的品項、數量是否正確，若有不需購買的產品亦可直接點擊刪除，如會員有優惠劵，也可在此購物車畫面輸入代碼或選擇優惠劵。

• 購物車加價購：除了單一產品可進行加價購，會員於購物車結帳畫面可以進行「購物車加價購」，以選擇需要加購的產品，當購買資訊皆確認無誤後，點擊「結帳」即會進入購物車結帳的第2個步驟(資料填寫)。

購物結帳的第2個步驟， 購買者填寫訂單資訊、確認訂單資訊(步驟3)且完成線上付款後，即完成購買流程，購買者會獲取下單成功的畫面，亦可點擊「查看訂單」瀏覽訂單的詳細內容或選擇繼續購物。

「已下單成功」畫面，整體風格與品牌形象達到融合，以帶給使用者更好的線上購物體驗。

▲已下單成功畫面

除了一般產品購物車，興田企業還提供長購計畫讓購買者選擇，透過「定期定額」方式，可以一次下單3期(3個月)的產品， 藉由每期的自動配送將產品送達購買者手中。

長購計畫主頁設計，清楚顯示訂購流程與購買說明，確保使用者能輕鬆理解每個購買步驟。

有別於一般產品，針對長購計畫的產品底層介紹頁，會顯示「循環期數(3期)」，並會顯示每期贈送的贈品、產品的開合詳細介紹。

長購計畫的購物車結帳畫面，使用者可選擇每月5/15/25號進行配送， 選擇完成一樣會進到填寫訂單資訊畫面，依指示完成操作即完成下單流程。

結帳時，使用者亦會得知本次的下單金額，可以獲得多少紅利點數。

▲可得知本次下單金額獲得多少紅利點數

設計風格與企業形象一致的會員登入、註冊頁，介面強調資訊清晰易讀、操作步驟簡單，提升整體使用體驗與品牌辨識度。

會員登入後，可進到個人專屬的會員管理介面，查看目前累積的紅利點數。透過【常用資料管理】功能，使用者亦可檢視、修改或更新個人資訊。

在歷史訂單查詢中，分有「一般訂單查詢」及 「長購PCP訂單查詢」，每筆訂單皆能展開明細觀看詳細內容，例如：訂購日期、訂單總金額、付款、配送方式等。

如果是「長購PCP訂單查詢」，每筆訂單會顯示預計配送日、訂單狀態進度條、並可查看「每期配送歷程」。

▲長購PCP訂單查詢 : 每期配送歷程

網站管理後台設置有購物車開關，管理者可視行銷狀況快速設定購物車是否開啟；購物車開關影響範圍：購物中心、長購PCP、購物車。

若將購物車關閉，則產品即無法加入購物車。

管理者可透過後台新增Banner形象、每則Banner可以設定「主標語(前)」、「主標語(後)」、「副標語」以及可以設定主標語字體顏色。

由於企業有多種不同產品、因此針對「購物中心主頁」中顯示的促銷Banner，亦可從後台新增、編輯；且Banner可設定標題、簡介，同時也可設定字體顏色(顏色吸盤)。 

▲後台 : 可調整購物中心主頁的Banner字體顏色

管理者可從後台手動建立標籤，需要先建立標籤→新增產品時即能直接勾選該產品的標籤(可勾選多個標籤)。

▲手動建立標籤完成→新增產品資料時可勾選該產品的標籤

新增一般產品、長購產品資料時，可針對不同產品分別設定特點標籤，例如：「新品」、「新品上市」；管理者可從後台設定特點標籤的文字顏色、背景顏色。

產品透過自動化排程處理， 串接興田內部API資訊，以更新一般非促銷商品、一般促銷商品、定期購商品的資料。

• 網站含系統自動排程部分：會員資料、產品資料、訂單付款資料。

一般訂單管理：管理者可從後台查看每筆訂單詳細資料、訂單狀態、編輯訂單資訊。

長購訂單管理：詳細列出每筆長購訂單的期數、配送日、訂單處理進度。

▲長購訂單：後台管理畫面

※一般訂單、長購訂單：後台訂單資料皆可匯出。

 一般訂單、長購訂單皆能分別設定運費，可設定免運費門檻(金額滿多少免運)、運費金額。

後台可設定「滿額送贈品」(限定單種產品) 的活動開始日期、結束日期， 並可選擇贈品贈送方式：滿額or滿pv(紅利點數)。

贈送規則：自訂級距、以此類推兩種。

管理者可從後台設定多個滿件送贈品活動，並可分別設定活動開始日期、結束日期、贈送門檻(滿多少件送贈品) 。

贈送規則：不重複贈送、以此類推(可以設定上限)。

管理者可從後台設定紅配綠活動、並可設定可優惠的金額，例如：折價100元可輸入「100」；如果優惠的方式是「比例折扣」，打九折可輸入「90」、打八五折可輸入「85」。

紅區、綠區商品，可手動方式自行加入需參與活動的產品。

考量如果折價券的結束日期是2025/4/21，但會員於2025/4/20才收到折價券，則會員可以在收到折價券後的+N天使用完畢。