媽媽實驗室

媽媽實驗室 - 網站製作案例

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

下拉選單、內嵌部落格

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

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

網頁元素設計理念

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

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

網站架設特色功能

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

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

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

關閉