Project Proposal 2026

成人用品精品品牌

數位資產

規劃書

本專案針對精品成人用品品牌的長遠營運需求，規劃了一套「Shopify 品牌旗艦重建方案」。現有自行架設的 PHP 系統不僅在伺服器維護與安全性上耗費過多人力，且在超商取貨（7-11 電子地圖）與部落格 RWD 自適應上存在重大體驗缺口。

我們將以「當代奢華極簡（Contemporary Luxury Minimalism）」 為視覺核心，將網站重塑為兼具情境故事力與極致結帳體驗的精品電商。

LINE 免費諮詢

診斷分析

經過深度系統審計，貴公司現有網站在營運與轉化上面臨以下三大核心缺口：

  1. 部落格內容行銷受阻：部落格作為成人用品品牌最關鍵的 SEO 引流與性健康教育管道，現有後台編輯器在置入圖片/影片時容易導致前台 RWD 排版破裂，嚴重稀釋品牌精品感。
  2. 超商取貨流失率高：現有 EZShip 系統未串接 7-11 門市電子地圖，消費者無法在結帳時直覺定位選店，需手動輸入店號，造成大量移動端購物車中途放棄。
  3. 批發版金物流自動化低下：中文批發版網站缺乏權限與價格階梯自動化管理，金流與配送方式不完善，仍高度依賴人工對帳與線下安排配送，無法規模化接單。
  4. 伺服器安全隱憂：主機設於搬瓦工 VPS，需自行處理 Linux 系統修補、SSL 憑證與防駭客攻擊，成人用品網站極易成為惡意流量目標，存在客戶隱私外洩風險。

解決方案

Modern Solution

為徹底解決上述缺口，我們提出以下兩種重建方案，均採用 Shopify SaaS 架構，免去伺服器維護之憂：

方案規格對照 (Tiered Pricing)

Option A：Shopify 輕量品牌建置方案

  • 定價：NT$ 25,000 TWD (一次性建置費，未稅)
  • 核心服務包含：
    • 採用 Shopify 原生 OS 2.0 免費精品主題，進行色彩與品牌排版配置。
    • 啟用 Shopify 原生 Blog 系統，支援完美 RWD 編輯，後台可自由置入圖文影片。
    • 串接台灣標準金流與基本超商取貨設定（非地圖跳轉）。
    • 協助上架至多 10 件主要商品與專屬網域綁定。
  • 適用對象：希望以最低成本快速上線、解決部落格跑版痛點的階段性品牌。

Option B：Shopify 進階客製與批發旗艦方案 (高標建議)

  • 定價：NT$ 85,000 TWD (一次性建置費，未稅)
  • 核心服務包含：
    1. 極致奢華視覺重塑：Figma 像素級還原設計，採用不對稱網格系統（Asymmetrical Editorial Grid）與優雅磨砂玻璃質感，建立無與倫比的精品成人用品品牌氛圍。
    2. 7-11 電子地圖深度串接：整合 7-11 門市電子地圖 API，買家可於結帳頁一鍵跳轉選店，支援「超商取貨」與「超商取貨付款」。
    3. B2B 批發系統完善：設置批發客戶群組與專屬價格表，支持「階梯式折扣」與「最低起批量」限制，批發商登入後自動切換為批發價結帳。

預估成效

ROI Simulation

選擇本 Shopify 重建方案，貴公司將獲得以下長遠的數位資產回報：

  1. 轉換率 (CRO) 大幅增長：7-11 電子地圖的引入預計能挽回 30% 以上因結帳繁瑣而放棄的移動端訂單，大幅提升廣告投放效益。
  2. 內容行銷資產累積：完美的 RWD 自適應部落格，能讓行銷人員輕鬆上架衛教與情境內容，快速累積 Google 自然搜尋流量 (SEO)，擺脫純靠付費廣告的引流瓶頸。
  3. 營運自動化解放人力：批發版（B2B）的價格階梯與金物流對帳自動化，將為您省下每月數十小時的手工對單時間，讓您專注於品牌商務擴張。
  4. 零主機維護成本：拋棄搬瓦工 VPS，再也無需擔心伺服器當機、資料外洩或網站遭受惡意流量攻擊，Shopify 提供全球最安全的電商雲端託管。
A screenshot of web page
（本圖示僅供設計概念參考，最終呈現將依據後續需求討論與技術規格定案。）

交付成果

deliverables & scope

1. 品牌核心價值與稀釋點分析

該品牌作為精品成人用品商，核心資產在於產品的高端調性、親膚材質的工藝精緻度，以及對性健康與親密關係的正面探討。然而，現有基於 PHP 的舊版網站（中/英/批發）存在以下價值稀釋點：

  • 視覺雜亂與 RWD 破版：部落格區塊與舊排版缺乏呼吸感，削弱了品牌應有的「精品感」，使其降格為一般情趣雜貨店。
  • 物流體驗不順暢：零售版中文網站在台灣未提供 7-11 電子地圖選單與取貨付款，對隱密性與便利性要求極高的台灣消費者而言，極大地流失了高難度取得的流量。
  • 批發版動線混亂：B2B 批發端缺乏流暢的金物流配送與自動結帳體驗，耗費過多人工對單成本。

2. 數位重塑目標

我們將透過 Shopify 品牌旗艦重建，實現以下定錨：

  • 視覺定錨：導入「當代奢華極簡（Contemporary Luxury Minimalism）」風格。使用深邃的暗黑色系、微距親膚光影特寫與不對稱網格系統，將成人用品提升至「精緻生活美學與自我關懷（Self-Care）」的層次。
  • 隱密與便利定錨：全面整合 7-11 門市電子地圖選購，讓取貨與付款體驗流暢且安全，寄件外箱採用 100% 隱密包裝標記。
  • 批發與零售雙軌自動化：在同一個 Shopify 系統下（或透過獨立雙商店佈局）實現零售與批發的客製化金物流與權限區隔。

3. 風格與體驗定錨規格

  • 字體與排版：採用高端襯線體（如 Playfair Display）搭配現代無襯線體（Montserrat），以精細的字距與優雅留白創造高貴氛圍。
  • 色彩計畫：以奢華深邃炭黑（#121212）、溫柔肉粉/親膚暖沙色（#E8D8D0）與質感香檳金（#D4AF37）為主，搭配半透明磨砂玻璃質感。
  • 互動微動畫：按鈕懸停時呈現微幅縮放與柔和漸變，商品滑過時展現親膚特寫轉變，建立極致的情緒共鳴。

資訊架構

Information Architecture

05 視覺化報告：站點地圖與資訊架構 (Sitemap & IA)

本報告定義全新 Shopify 品牌旗艦站的資訊架構（Information Architecture）與站點地圖（Sitemap），以確保零售與批發雙軌業務流程皆具備直覺的導覽動線。

1. 資訊架構總覽 (Information Architecture Overview)

【此處圖表已在同步中略過】

2. 零售版頁面結構規劃 (Retail Page Structures)

首頁 (Home Page)

  • Hero Area：極致優雅的微距親膚光影特寫與情境影片，搭配極簡懸浮導航列（Frosted Glass Effects）。
  • Brand Value Pitch：不對稱網格系統（Asymmetrical Editorial Grid）展示產品的精緻設計與親膚無毒材質，強調自我關懷。
  • Feature Products：主推精品玩具，使用磨砂玻璃卡片設計，滑過時顯示互動式產品細節。
  • Blog Sneak Peek：最新文章預覽，引導用戶點閱高質感的性教育與情境生活文。

部落格專區 (Blog Section)

  • Blog List Page：不對稱兩欄式設計，首篇主打大圖，其餘以網格排列，維持雜誌排版風格。
  • Article Page (RWD)：文字兩側留白以提高閱讀舒適度。後台編輯器上傳的圖片與影片將自動壓縮為 WebP 格式，並採用寬度 100% 自適應代碼，確保任何螢幕尺寸皆不破版。

3. 台灣 7-11 物流結帳流程 (Taiwan 7-11 Checkout Flow)

  1. 購物車頁 (Cart)：點選「前往結帳」。
  2. Shopify 資訊輸入頁 (Information)：輸入收件人姓名、電話，配送方式選擇「7-11 超商取貨」或「7-11 超商取貨付款」。
  3. 門市選擇跳轉：點選「選擇 7-11 門市」按鈕。系統叫用 API 開啟 7-11 電子地圖視窗（支援 GPS 自動定位與地區/路名搜尋）。
  4. 門市定錨確認：消費者點選門市後，電子地圖自動關閉，並將門市名稱（如：7-11 鑫安門市）、門市店號（如：123456）與地址自動帶回 Shopify 配送地址欄位。
  5. 完成結帳 (Payment)：選擇信用卡刷卡（取貨不付款）或於超商取貨時現場付現。

預估報價

建置總計：NT$ 68,000 - 85,000

(未稅)

開發時程

本專案預計於 5 週（工作天 25 天）內完成上線，具體時程如下：

  • 第 1 週：品牌定位與視覺設計定案
    • 確認整體視覺風格、字體、奢華深黑色彩計畫。
    • 完成首頁與 Blog 頁面的視覺 Mockup 設計與確認。
  • 第 2 週：Shopify 零售版基礎架設與 Blog 遷移
    • 建置中/英文零售站點，匯入現有商品圖文資訊。
    • Blog 系統佈署，將現有文章匯入並確保 RWD 編輯自適應。
  • 第 3 週：台灣 7-11 電子地圖金物流深度串接
    • 串接台灣本地金流（信用卡、ATM）。
    • 安裝並調試 7-11 超商取貨/取貨付款電子地圖 API。
  • 第 4 週：B2B 批發版功能佈署與測試
    • 設定批發會員帳號權限、專屬階梯價格表、最低起批量限制。
    • 優化批發版的金物流配送方式。
  • 第 5 週：全站壓力測試、雙語校對與正式上線
    • 進行跨瀏覽器與手機端下單測試，確保結帳流暢。
    • 專屬網域綁定與後台操作教學（Blog 編輯器、批發單管理）。