案例整理

Meepshop Website Design Case

荷漾麗泉平價小舖|Meepshop 醫美藥妝選品電商設計

面對多品牌、多品類的醫美藥妝商品,網站不能只是把商品全部放上去。百變花樣協助荷漾麗泉整理首頁導購、品牌入口、保養需求分類、品牌專區與信任內容,讓顧客可以依「品牌」或「保養需求」更快找到適合的商品。

  • Meepshop 官網設計
  • 醫美藥妝電商
  • 多品牌商品導購
  • 商品分類規劃
荷漾麗泉平價小舖 Meepshop 官網首頁設計,包含醫美藥妝主視覺、會員入口、品牌快速選購與臉部、防曬、洗髮及身體保養商品導購

荷漾麗泉平價小舖官網首頁整體畫面|點擊圖片可查看完整截圖

專案概要

品牌名稱
荷漾麗泉平價小舖
網站平台
Meepshop
產業類型
醫美藥妝/多品牌保養選品
執行內容
首頁導購、品牌專區、需求分類、品牌內容
設計方向
白色、青綠、乾淨藥妝感與多品牌導購
Project Challenge

商品很多,不代表網站就一定好逛

荷漾麗泉平價小舖累積超過 15 年藥妝選品經驗,網站同時包含多個醫美藥妝品牌,以及臉部、防曬、洗髮護髮、身體保養等不同需求。這類網站真正需要解決的,不只是商品上架,而是如何讓顧客快速理解「去哪裡找、怎麼選、為什麼可以放心買」。

01

顧客找商品的方式不只有一種

有人直接找雅漾、理膚寶水等品牌,也有人從臉部保養、防曬或洗髮需求開始找,因此網站需要同時建立「品牌導購 × 保養需求導購」。

02

多品牌商品容易讓網站看起來零散

不同品牌的包裝、商品照片與素材風格不完全一致,需要透過版面、卡片、留白與色彩系統,建立整體一致的瀏覽體驗。

03

藥妝電商除了價格,更需要購買信任

顧客會在意商品來源、公司貨、售後服務與店家經驗,因此網站除了導購,也要把這些資訊整理成清楚的信任內容。

多品牌網站的重點,不是把商品放得更多,而是讓知道品牌的人找得到品牌、不知道品牌的人也能從需求開始選。
Design Strategy

本案的四個網站規劃重點

從多品牌選品電商的實際購物行為出發,把網站整理成「品牌找得到、需求逛得懂、素材看起來一致、平價也有信任感」的購物架構。

01

建立「品牌 × 需求」雙重導購

首頁同時提供品牌快速選購,以及臉部、防曬、洗髮護髮、身體保養等需求入口,承接不同購物習慣。

02

用版面統一多品牌視覺

商品素材來源不同,不強迫全部重製,而是透過白底、青綠色、卡片比例與留白規則,降低畫面零散感。

03

品牌專區降低選購成本

針對主要品牌建立獨立入口,讓原本就有品牌偏好的顧客,可以直接瀏覽該品牌商品。

04

把「平價」建立在信任上

不只強調價格,而是透過經營年資、公司貨來源、正品資訊與售後服務,補足多品牌藥妝購買需要的安心理由。

01

從品牌、需求到商品,建立完整購物入口

首頁先以醫美藥妝選品建立整體定位,再安排會員資訊、品牌快速選購,以及臉部保養、防曬、洗髮護髮、身體保養等商品區塊,讓顧客不論從品牌或使用需求出發,都能快速開始逛商品。

  • 主視覺先建立「皮膚科嚴選/醫美熱銷品」的選品印象。
  • 品牌快速選購,承接原本就知道想買哪個品牌的顧客。
  • 以保養需求分區,讓沒有指定品牌的顧客也能快速進入商品。
  • 白色、青綠與大量留白,統一多品牌商品的整體視覺。
查看首頁完整截圖
02

平價之外,更要回答「為什麼可以放心買」

品牌介紹頁將多年藥妝選品經驗、公司貨來源、品牌選擇與售後服務集中整理,讓第一次認識荷漾麗泉的顧客,可以快速理解店家的選品定位與購買保障。

  • 以「15+」快速傳達長期經營與藥妝選品經驗。
  • 整理主要醫美藥妝品牌,建立多品牌選品專業印象。
  • 集中呈現官方授權、原廠公司貨、正品保證與售後服務等安心資訊。
  • 從「高 CP 值」延伸到來源、服務與品牌信任,不只停留在低價訴求。
查看品牌介紹完整截圖
03

商品很多,也要讓分類一眼看懂

以「臉部保養」等實際保養需求建立商品分類頁,維持一致的圖片、品名與價格層級,讓不同品牌商品可以放在同一購物情境中比較與選擇。

  • 以消費者熟悉的保養需求作為分類主題,而不是只靠品牌名稱。
  • 跨品牌商品集中呈現,符合實際選購與比較行為。
  • 商品圖片、名稱與售價維持一致的閱讀順序。
  • 減少不必要的裝飾,讓大量商品仍然清楚、好掃讀。
查看商品分類完整截圖
04

已經知道想買哪個品牌,就直接帶他去找

針對雅漾等主要品牌建立品牌專區,讓熟悉品牌的顧客不用重新從全站篩選,直接瀏覽該品牌商品,形成與需求分類互補的第二條購物動線。

  • 品牌名稱與英文識別清楚呈現,讓頁面主題一眼可辨識。
  • 商品卡片維持一致尺寸與資訊層級,方便快速比較。
  • 品牌專區承接指定品牌搜尋與熟客購物習慣。
  • 品牌導購與需求導購互補,避免所有顧客只能走同一條路徑。
查看品牌專區完整截圖
Before → After

網站整理後,改變的不只是畫面

本案不使用沒有數據支持的流量或轉換成長數字,而是以實際完成的網站結構、導購與內容改變呈現規劃成果。

多品牌商品 → 有系統的品牌導購不同醫美藥妝品牌都有更清楚的瀏覽入口,熟客可以直接進入指定品牌。
商品分類 → 購買需求分類從顧客真正會找的臉部、防曬、洗髮護髮與身體保養開始整理。
平價印象 → 平價+安心補上公司貨、選品經驗、正品資訊與售後服務的信任內容。
商品素材不一致 → 網站視覺一致透過卡片、留白、色彩與版面規則,降低不同品牌素材造成的零散感。
Case FAQ

多品牌藥妝電商常見問題

從這次實際案例延伸,整理多品牌、多品類電商網站在分類、導購與視覺整合上常見的規劃問題。

多品牌藥妝網站商品很多,要怎麼分類?

除了依品牌分類,也可以按照臉部保養、防曬、洗髮護髮、身體保養等消費需求建立第二層導購。讓知道品牌的顧客可以找品牌,不知道品牌的顧客則可以從需求開始選。

Meepshop 適合做多品牌商品的電商網站嗎?

可以。透過商品分類、品牌入口、首頁導購與內容頁規劃,可以把不同品牌與商品整理成較清楚的購物架構,而不是單純把所有商品集中在同一個列表。

商品圖片風格不同,網站還能有一致的品牌感嗎?

可以。多品牌選品網站本來就很難要求所有商品素材完全一致,因此可以透過網站背景、色彩、商品卡片、字體、留白與圖片比例建立一致的視覺規則,降低整體零散感。

Meepshop Website Planning

商品很多,卻不知道網站該怎麼分類?

如果你的 Meepshop 官網同時販售多個品牌、商品數量很多,或顧客常常不知道該從哪裡開始找,百變花樣可以從商品分類、首頁導購、品牌入口與網站視覺一起重新整理。