媽媽實驗室

網頁設計

媽媽實驗室 – 網站架構介紹

下拉選單、內嵌部落格

媽媽實驗室 是以銷售營養健康菜品為主要經營項目，為了讓購物流程較為清晰明瞭，不讓過於多餘的頁面混淆使用者瀏覽網站的動線，因此在主選單部分設計以下拉式選單來呈現注意事項，目的是讓主商品資訊與文字較多的頁面可以讓使用者自由挑選觀看，不需要花費時間尋找。

有別於一般將網站與部落格分為不同網址的做法，媽媽實驗室網站中採用單一頁面集成所有文章資訊的方式，所有與商品菜色相關資訊在同一頁面就能瀏覽完成，避免過多頁面連結消耗使用者閱讀耐心。

網頁元素設計理念

固定式主選單、品牌網頁配色

為了讓網站在響應式設計中更符合使用者習慣，特別以 CSS 為網頁加入指令，讓網站主選單在頁面滾動時可以在特定位置固定，當瀏覽者想要切換網頁時，不需要在滾動畫面到主選單，增加網站操作便利性。 網頁整體視覺外觀設計上，採用商家品牌標誌為主要色系，透過顏色排列組合讓整體網站有效結合品牌印象，並更具有一致性，提升消費者品牌辨識度。

網站架設特色功能

社群服務串接、購物金、物流設定、會員系統

有效結合 WordPress 與 Woocommerce 為網站加入購物車及會員系統，並且就商家販售商品特性做客製化物流選項，快速完成線上銷售功能，另外在結帳頁面也針對不一樣的需求來自訂表格欄位，讓每一筆成交訂單不只具有收益，更能附加行銷管道分析的統計效果。

另外也為媽媽實驗室網站做 Facebook 與 Line 串接，與社群服務串接能導入更多外來流量，綜合所有可用管道資源，較為積極的讓網站獲得更多潛在客戶，提升曝光機率。