月老喵

品牌介紹

「月老喵」以月老廟的諧音作為發想，我們整合月老文化資訊、求籤、旅遊行程及獨家商品，致力提供使用者一個全台月老文化最完整的服務平台，由療癒的品牌代表－－小玉、小黑、金寶引領大家進到月老喵，與我們一起享受沉浸式體驗。

網站特色

品牌風格

採用復古橘紅色為主要色調，促使使用者將品牌網站與廟宇作聯想及加深印像。更有別於般廟宇官網風格，以手繪插圖結合復古元素，創造現代與傳統交融的唯美，將廟宇文化推廣到年輕族群。

沉浸式體驗

透過品牌代表－－牽紅線專家小玉、斬桃花高手小黑及幸福美滿導師金寶，以故事性將使用者帶入網站，營造身歷其境的體驗，增加使用者愉悅度。

線上求籤

讓工作繁忙沒有時間前往現場，或考量疫情不敢出門的使用者不再受地點限制，隨時都能向月老求籤。

月老廟整合平台

整合月老文化、全台月老廟資訊、參拜流程、參拜禁忌及還願方式，提供使用者完善的相關資訊。

獨家商品

月老喵與全台月老廟合作，推出許多可愛又靈驗的聯名和文創商品，也為了想參拜或是還願的使用者準備供品，還有小玉、小黑和金寶的相關產品，守護使用者的戀情。

網站建置

網站功能

首頁
- 整合月老喵網站提供的服務，以品牌大使－－小玉、小黑及金寶故事性漸進介紹網站功能，加深使用者印象。
- 首頁視覺以動畫及對話框呈現，增加視覺層次，加深品牌印象。
- 一頁式設計，精準整合網站服務內容，幫助使用者快速找到所需資訊。
- 100vh版面設計，讓視覺效果更為聚焦。
月老文化
- 提供全台月老廟相關資訊，以互動地圖與功能篩選的方式，讓使用者能快速找到符合自己需求的月老廟資訊。
- 側邊子導覽幫助使用者快速跳轉至特定位置，輕鬆檢視自己感興趣的內容。
- 參拜流程使用紅線SVG動畫，引導使用者循序漸進向下滑。
- 月老廟互動地圖，使用者可以直接從地圖點擊，或由選單選擇地區及祈求選項，取得廟宇詳細資訊，雙向互動增加使用者的便利性。
線上求籤
- 以滑鼠拖曳模擬實際求籤動作，及民間祈求擲筊詢問神明，擲得聖筊才能取得該詩籤，營造使用者親臨現場求籤的步驟及體驗。為營造使用者能夠專注、虔誠不受干擾的氣氛，求籤過程提供背景音樂，使用者也可以根據需求隨時開關背景音樂。
- 以滑鼠拖曳模擬實際求籤動作，擲得聖筊可取得該詩籤，營造使用者親臨現場求籤的步驟及體驗。
- 詩籤可以收藏至我的最愛。
商品和旅遊頁面
- 首頁
  - 商品首頁以圖文交錯排版設計，使整體視覺更為活潑輕鬆，提供使用者快速導覽商品分類，並可連結至該分類列表。
  - 行程首頁以輪播牆自動切換交友及文化行程，可以快速連結自該頁面。
- 列表頁
  - 關鍵字搜尋: 輸入任何關鍵字作為搜尋條件
  - 側邊欄篩選: 依據商品/行程種類、價格作篩選
  - 排序欄位: 依據最新上架、熱門程度、價格高低排序
  - 點擊商品/行程卡片愛心可加入收藏
- 詳細頁
  - 側邊欄:提供使用者更快找到符合需求的內容
  - 底邊欄:使用者可以快速將商品加入最愛、購物車或立即購買
購物車系統
- 包含完整結帳流程、購物車、金流（匯款及信用卡）及物流功能。
- 購買項目數量可增減或刪除指定品項。
- 購物車可切換分頁查看商品及行程購物車。
- 可自動匯入會員資料，節省會員填寫的時間及流程。
會員系統
- 包含註冊、登入、忘記密碼與個人資料及密碼的修改。
- 會員可修改頭像，提供會員三種預設頭像，也提供頭像上傳功能。
- 我的最愛可查看加入收藏的旅遊行程、商品及詩籤，供後續考慮，也可以刪除收藏。
- 查詢訂單可查看訂單明細、訂購人資訊、物流及付款資訊，並評論購買過的商品。
RWD響應式網頁設計
- 全站以RWD響應式網頁設計，桌機與手機皆可流暢的體驗網站功能。