維多利亞

網頁設計

維多莉亞 – 形象網站設計案例

全版面大圖置入網站主要選單

維多莉亞 是以新娘造型與修眉為主要經營服務項目，根據產業特性，必須要讓網站訪客在瀏覽網站時能夠明確了解公司服務項目，因此在主要選單位置上採用全寬設計，並加大選單所在區塊，讓網站內部指引導航更加顯眼。

另外也在企業重要業務項目上設計下拉式子選單呈現分類內容，在滑鼠停留於選單文字上時可以直接呈現子分類內容，協助網站訪客能以直覺方式找出所需資訊。

網頁元素設計理念

搭配品牌樣式讓明亮色系選單與暗系底色產生強烈對比

以品牌標示顏色將網站整體頁面分割為兩個部分，主選單以白色文字與亮色系底圖為網頁起始，接續內文以暗色系為背景與品牌圖示為文字顏色，帶給瀏覽者主次分明的網站觀感，不會因為錯誤的色彩配置造成閱讀困難。

對於維多莉亞所能呈現的作品樣式，必定是訪客所關注的重點，因此在作品案例照片上以 Masonry (砌磚體網格) 呈現，在整體呈現樣式上讓網站訪客可以看到更完整的作品圖片，並且能對於作品內容做對比與挑選，給予更佳的瀏覽體驗。

網站架設特色功能

背景視差效果，作品圖片動畫，案例照片輪播

背景圖片視差效果是許多網站會運用的技術，對於維多莉亞此類型的產業類型卻是更加契合，透過頁面內容與圖片間位移效果，讓訪客注意可以立即轉移至文字上，發揮建立形象網站宣揚品牌的功能。

在作品圖片列表上當滑鼠移動時當前圖片會產生浮起動畫，為的是吸引瀏覽者目光能夠在眾多作品圖片展示中了解當前聚焦的部分，在與其他作品圖片比較時也有區分的方式。

單一網站頁面起始大圖均圖片輪播效果，為網站建立更加鮮明的品牌印象，降低網站訪客跳出率。