產業
美容護膚、男士做臉、健髮培植服務項目
品牌標誌、網站設計與開發、UI/UX 設計、視覺影像製作、資訊架構重整開發工具
全客製化靜態網站
專案背景
謝明錦美顏館在台北內湖經營近三十年,專注粉刺、面皰、毛孔粗大與痘疤的外觀護理,客人裡有不少是第一次做臉的男生。舊網站內容其實不少:服務項目、調理前後對比、健髮培植、專欄文章都有,但畫面以勾選清單和零散的照片拼成,看不出一間老字號美顏館該有的質感與信任感。

核心挑戰
美容護膚是「先信任、才預約」的生意。訪客要在幾秒內感受到乾淨、專業,接著看到真實成果,最後找到預約入口。舊網站的服務列表、對比照與文章各自獨立,圖片風格不一,預約按鈕也埋在選單裡。
解決方案
新的品牌標誌
以襯線中文字搭配英文副標的橫式標誌,取代舊的小圖示,並另外設計一枚 HMC 圓形標作為網站圖示。主色定為沉穩的藍(#2B4C99),在白底上讀起來像醫美診所一樣乾淨,又保有美顏館的溫度。
2–3 欄滿版、沒有白邊
整站改用 2 欄與 3 欄的滿版格線:照片貼齊邊緣、文字區留足空白,卡片之間不再有零碎的白框。做臉流程、問題性皮膚調理、健髮培植與環境介紹,都用同一套格線排列,讀起來像一本型錄。

像抽卡一樣的前後對比
九張調理前後的對比照排成 3×3 的卡片牌組,滑過時卡片微微抽起,點擊後在右側放大展開並附上說明。真實成果是美容業最有說服力的內容,所以我們讓它成為首頁最好玩的一區。
一致的影像與專欄封面
所有服務圖、保養品與 14 篇專欄文章的封面,都重新整理成同一種冷調、自然光的攝影風格:保養品去背、照片統一調色,文章封面也依主題重新製作,避免一眼就看出來的 AI 感。專欄因此像一份持續更新的刊物,而不是零散的部落格。
每一頁都通往預約
頁首固定的「LINE 預約」、各區的「預約諮詢」,以及頁尾前的滿版預約區,讓訪客在任何位置都能一鍵聯絡。

設計決策
為什麼用藍色而不是粉色
美容網站常見粉色與金色,但這間店的客人有很大一部分是男生,主打的也是粉刺、痘疤這類「問題性皮膚」。藍色傳達的是乾淨與專業,讓男女都能自在地點進來,也和其他美容沙龍拉開距離。
把內容放進格線,而不是把格線塞滿
我們刻意保留舊網站的所有內容,只改變它們被看見的方式。滿版格線讓照片撐起畫面,文字只負責說清楚一件事,整站因此安靜下來,對比照與服務也更容易被讀到。
影像風格比單張照片更重要
一張好照片撐不起一個網站,一致的風格才可以。從主視覺、服務圖到文章封面,我們用同樣的光線、色溫與構圖原則整理所有影像,讓訪客在任何一頁都感覺是同一個品牌。
給美容與護膚業的建議
- 前後對比是最好的內容。 把它放在首頁、好好設計,比十段形容詞更有說服力。
- 影像風格要統一。 服務照、產品照與文章封面用同一種調色,網站馬上就有質感。
- 預約入口永遠在眼前。 客人想預約的那一刻,不該還要找按鈕。