伊瑪・百優 IMMABIO

伊瑪・百優 IMMABIO 是保養品與植物芳香療法品牌，除了國內通路，也有日本沙龍的專用頁面。

保養品的網站最難的不是好看，是商品很多但每一款看起來都差不多。客人進來之後如果分不出哪一款是主力、哪一款適合自己，就只會一直滾。

首屏不放品牌故事，直接放單一主打商品：防曬保濕隔離乳。人像與產品罐並置在同一張圖裡，配「完美隔離 UVA、UVB 光線」。先讓一款商品把人帶進來，比一開始就攝出整排產品有效。

Logo 放在導覽的正上方、整列置中，七個導覽項目英文在上、中文在下。這是日系保養品牌的做法，跟這個品牌有日本通路一致。英中並置也讓導覽列自己成為一條裝飾，不用另外加圖。

十三個頁面共用同一套頁首格式：一張大圖、一個白色細框、英文大字加中文小字（NEWS｜最新消息、IMPORTANT GOODS｜重點商品），下面接麵包屑。內頁一多就容易散，固定頁首是最便宜也最有效的綁定方式。

最新消息只給一行，壓在首屏正下方。不做成區塊、也不丟到頁尾——保養品牌的消息多半是活動與通路資訊，放在這裡才看得到，但又不會拉長首屏。

系列產品用彩色圓形色塊區分。整站是米白與淡綠的低彩度基調，只有這一區用高彩度，滑到那裡自然會停一下。區塊底色在米白與淡綠之間交替，不靠分隔線也分得出段落。

更多網頁設計作品見 網頁設計，服務內容見 網站設計，方案起價見 方案費用。