瑪麗蓮塑身衣首頁設計：主要配色以黑、白、金色為主，營造一種低調內斂卻帶有高級質感的視覺氛圍，在一些圖片的邊角導入圓角，平衡線條及圖片的銳利感，讓網站整體呈現更顯得精緻。

• 首頁佈局規劃：Banner、神級塑身衣(產品)、美麗推薦、孕媽咪專屬、即刻預約。

產品的表現方式，依照不同產品類別進行分類展示，消費者可一目了然地瀏覽全系列產品。

• 每個主要類別底下，清楚列出涵蓋的產品分類，例如：連身塑身衣、塑身褲、塑身裙，點擊產品名稱後，即會進到該產品的詳細介紹。

進到產品底層(詳細介紹)後，為使消費者可以清楚瀏覽該產品的不同款式，前台表現形式採用滑動效果設計，點擊右側的款式小圖示，頁面會切換不同款式之介紹。

• 規格描述：針對產品的規格描述，後台以挖欄位的方式，讓管理者可以輕鬆填入。
• 產品顏色設定：由於每個款式含許多顏色，後台以顏色吸盤，管理者可用最簡易方式設定產品的顏色。

▲後台：產品顏色設定方式

在【孕媽咪專屬】的呈現上，規劃了五大區塊，每個區塊皆可從後台上傳圖片、管理者日後如需更換資料時，直接從後台上傳圖片即可，使網站管理更顯得直覺方便。

▲後台：五大區塊可編輯圖片

▲後台：可上傳區塊圖片 (電腦版/手機版)

由於瑪麗蓮塑身衣官網在【活動優惠】、【孕媽咪專屬】、【預約諮詢】三處皆設置有「預約表單」，消費者有可能會透過不同單元進行表單填寫，因此在後台資料庫，預約表單可以記錄前台單元來源，如下圖。

▲後台：資料庫可記錄「預約表單」的前台單元來源

若是新購買、或進行塑身衣修改的顧客，網站提供問卷讓顧客進行填寫，後台主要具以下幾個功能。

• 問卷內容編輯：問卷的主題、問卷題目及答案，管理者可透過後台進行編輯！
• 問卷紀錄功能：後台可瀏覽問卷的填寫人、以及填寫的內容。
• 問卷預覽功能：管理者從後台完成問卷內容及選項設定，可透過後台的「預覽」查看問卷於前台顯示的樣子。

▲後台：問卷預覽功能

▲後台：點擊問卷「預覽」功能，能預覽問卷於前台顯示的樣子

後台提供匯入的範例EXCEL檔，管理者可將問卷的填寫名單整理成EXCEL檔，並從網站後台進行匯入。

• 備註：單次匯入資料，需要是同一個類別 (例如：都是修改/都是新購)。