維琦形象

維琦形象 - 形象網站設計

維琦形象 - 網站架構介紹

客製化子選單、文字定位連結

維琦形象 在經營項目上區分為時尚美學以及國際學院兩個系統,希望建立企業品牌形象網站時能將所有項目包含在網站資訊內,因此在主選單上為這兩個較重要的系統加入子選單區域,有別於其他較為複雜的階層式內容做法,在各別的下拉選單中均直接呈顯與此系統相關的所有頁面,配合統一呈現主選單的方式,讓使用者在不同頁面也可以快速跳轉至該系統中其他的網頁,讓整體網站架構更簡單且易於操作。

為避免過多頁面讓網站資訊變得雜亂,在海外學員專區中以分頁標籤配合定位連結的方式設計,當使用者點選標籤後將快速捲動至指定區域,所提供的是一種更利於瀏覽者閱讀的操作方式。

網頁元素設計理念

背景視差效果、頁面標題大圖

在最重要的首頁外觀上,對資訊區塊採用背景圖片滾動視差效果,讓網站在視覺上不再是單純的靜態呈現,更能吸引瀏覽者目光,增加網站停留機會。

在每一個主頁面均設計滿版標題大圖,讓網站整體更具協調一制性,從視覺上讓使用者產生慣性思維,能更好辨認當前所在頁面位置。

網站架設特色功能

作品圖片 Lightbox 效果、文章動畫輪播、

為避免單一頁面放入過多圖片導致載入速度過慢的問題,將作品圖集設計為 Lightbox 燈箱效果,點擊圖片時將會直接顯示解析度更高的滿版圖片,並且能透過左右導航列按鈕快入切換至下一張作品集,提升瀏覽者網站閱讀體驗。

在最新消息中文章的展示則使用 slider 滑動方式呈現,當游標移動至文章彙整區時將自動顯示左右捲動的按鈕,不需要以傳統瀏覽方式向下捲動網頁,就能快速瀏覽網站所有文章。

關閉