【資安】企業網站資訊安全檢測方案
興田企業股份有限公司 - 通過企業網站資訊安全檢測方案。
興田企業股份有限公司-企業直銷購物平台建置,整體的視覺風格延伸企業CIS,透過明亮的版面佈局、輕柔的色彩搭配,從而營造出一個年輕且現代的品牌形象。
在這次的網站系統建置,結合了一般產品、長購產品(定期定額長購)的購物車功能、並納入行銷活動,例如:滿額送贈品、滿件送贈品、購物車加購價等的行銷功能,使用者無論是從一開始的線上選擇產品、決定購買、直到最終的訂購與線上金流付款,整個過程皆可在線上輕鬆完成!
網站系統設置,考量使用者的操作與易用性,購物車會即時更新並顯示所有優惠訊息給消費者,讓消費者可清楚了解當前購物車內選擇的產品有哪些,或是否進行加價購的操作,讓每一個操作步驟都是直覺、流暢,為消費者提供一個更好的購物體驗!
✓ 線上購物車功能
提供消費者便捷的線上購物平台,從選擇商品、線上結帳皆可在網站中執行。
✓ 個人會員中心
會員從前台輸入帳號、密碼並登入後,可於我的會員管理查詢訂單、或查看歷史訂單紀錄。
✓ 客製行銷活動功能
依客戶需求客製的行銷活動功能,管理者透過後台可設定行銷活動的起始日期、滿額、滿件送贈品的設定。
✓ 訂單資料串回客戶內部系統
由客戶提供串接API技術文件,天矽協助串接以將後台訂單資料可以回傳至客戶內部系統。

興田企業股份有限公司 - 通過企業網站資訊安全檢測方案。
網站整體的前端設計風格,延伸企業CIS的形象,透過明亮的版面佈局、輕柔的色彩搭配,從而營造出一個年輕且現代的購物網站。
首頁設計的整體風格,延續企業原CIS之色系,打造一種清新且平易近人的視覺氛圍,使用者一進到網站時,在首頁中便能瞭解重點產品、明星商品等。
首頁中顯示的圖片,為使顯示不那麼單調,加入網站切版會有的效果,例如:當滑鼠游標移到圖片時,該照片會顯示顏色變化效果。
首頁整體的佈局,由上而下分別為:大圖Banner、廣告區塊、保健與主張、產品推薦、事業分享(循環經濟 共好計畫)、Footer。

▲興田企業購物平台-網站主要使用色彩 (依企業CIS色系)
在【循環經濟共好計畫】此頁面,主要需強調興田企業多元收入之選擇、如何輕鬆啟動循環經濟共好計畫。因此版面設計上,首先以流程圖方式介紹三階段的計畫說明,搭配網站設計裡的「錨點效果」,點擊對應的計畫,畫面即顯示對應該計畫的詳細說明。
整體的排版佈局呈現一種較為活潑,讓人感覺視覺上的活力與動態,且因應"共好",設計上也加入像是夥伴、笑容等元素,使整體視覺更符合興田企業的理念與價值。
可從後台建立標籤名稱,並設定顯示於「熱門搜尋」,當使用者點擊後,則會顯示與該標籤相符的資料。

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

▲後台「問答指南」可上傳大類別的ICON圖片
購物中心(一般產品)的主要功能介紹:購物中心主頁、購物產品列表、產品底層-詳細介紹、熱銷產品Top10、產品加入購物車、購物車加價購、購物車結帳。
購物中心(一般產品)的主頁,除了顯示有產品大類別(後台可擴充),於主頁裡,還設置能顯示「促銷banner」的功能,管理者可從後台建立並上傳多組的促銷banner,且可設定促銷活動的「開始日期」及「結束日期」,並可針對不同促銷活動的banner設定是否上架或下架。

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

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

▲後台「產品」可設定是否顯示「熱銷產品Top10」或其它宣傳區
當產品加入購物車,準備結帳前,會進入一個清晰、易使用的結帳畫面,會員可再次確認欲購買的品項、數量是否正確,若有不需購買的產品亦可直接點擊刪除,如會員有優惠劵,也可在此購物車畫面輸入代碼或選擇優惠劵。
購物結帳的第2個步驟, 購買者填寫訂單資訊、確認訂單資訊(步驟3)且完成線上付款後,即完成購買流程,購買者會獲取下單成功的畫面,亦可點擊「查看訂單」瀏覽訂單的詳細內容或選擇繼續購物。
「已下單成功」畫面,整體風格與品牌形象達到融合,以帶給使用者更好的線上購物體驗。

▲已下單成功畫面
購物中心(長購計畫)的主要功能介紹:長購計畫主頁、長購計畫產品詳細介紹、長購計畫購物車結帳。
除了一般產品購物車,興田企業還提供長購計畫讓購買者選擇,透過「定期定額」方式,可以一次下單3期(3個月)的產品, 藉由每期的自動配送將產品送達購買者手中。
長購計畫主頁設計,清楚顯示訂購流程與購買說明,確保使用者能輕鬆理解每個購買步驟。
有別於一般產品,針對長購計畫的產品底層介紹頁,會顯示「循環期數(3期)」,並會顯示每期贈送的贈品、產品的開合詳細介紹。
長購計畫的購物車結帳畫面,使用者可選擇每月5/15/25號進行配送, 選擇完成一樣會進到填寫訂單資訊畫面,依指示完成操作即完成下單流程。
結帳時,使用者亦會得知本次的下單金額,可以獲得多少紅利點數。

▲可得知本次下單金額獲得多少紅利點數
個人會員中心主要功能介紹:會員登入&註冊頁、會員總管、歷史訂單查詢。
後端管理系統主要功能介紹:購物車開關、首頁形象可設定主標語&副標語、促銷Banner、篩選器標籤、產品可設定特點標籤。
網站管理後台設置有購物車開關,管理者可視行銷狀況快速設定購物車是否開啟;購物車開關影響範圍:購物中心、長購PCP、購物車。
若將購物車關閉,則產品即無法加入購物車。
管理者可透過後台新增Banner形象、每則Banner可以設定「主標語(前)」、「主標語(後)」、「副標語」以及可以設定主標語字體顏色。
由於企業有多種不同產品、因此針對「購物中心主頁」中顯示的促銷Banner,亦可從後台新增、編輯;且Banner可設定標題、簡介,同時也可設定字體顏色(顏色吸盤)。

▲後台 : 可調整購物中心主頁的Banner字體顏色
管理者可從後台手動建立標籤,需要先建立標籤→新增產品時即能直接勾選該產品的標籤(可勾選多個標籤)。

▲手動建立標籤完成→新增產品資料時可勾選該產品的標籤
新增一般產品、長購產品資料時,可針對不同產品分別設定特點標籤,例如:「新品」、「新品上市」;管理者可從後台設定特點標籤的文字顏色、背景顏色。
後端管理系統(訂單管理)主要功能介紹:一般訂單管理&長購訂單管理、運費管理。
後端管理系統(行銷管理)主要功能介紹:滿額送贈品(進階版)、滿件送贈品、紅配綠+優惠金額、會員折價券+N天使用完畢。
後台可設定「滿額送贈品」(限定單種產品) 的活動開始日期、結束日期, 並可選擇贈品贈送方式:滿額or滿pv(紅利點數)。
贈送規則:自訂級距、以此類推兩種。
管理者可從後台設定多個滿件送贈品活動,並可分別設定活動開始日期、結束日期、贈送門檻(滿多少件送贈品) 。
贈送規則:不重複贈送、以此類推(可以設定上限)。
管理者可從後台設定紅配綠活動、並可設定可優惠的金額,例如:折價100元可輸入「100」;如果優惠的方式是「比例折扣」,打九折可輸入「90」、打八五折可輸入「85」。
紅區、綠區商品,可手動方式自行加入需參與活動的產品。
考量如果折價券的結束日期是2025/4/21,但會員於2025/4/20才收到折價券,則會員可以在收到折價券後的+N天使用完畢。