5.3 模組整合應用

於此章節簡單的介紹幾種不同模組整合應用的方式,透過模組的搭配即可以使企業的首頁充滿了自己的風格

5.3.1 第一印象

首頁的第一畫面作為客戶瀏覽的第一眼,如同我們的的商店給予客戶的第一印象一樣的重要,會建議使用一個『橫向篇幅』,加上『主要連結』即可呈現出一個完整的企業網站效果,包含了網站的主要形象(透過橫向篇幅的圖片),以及想要提供給客戶的主要途徑(自訂連結)

 

(橫向輪播 + 3項自訂連結)

模組組合說明:若企業網站擁有自己的主題圖片,建議使用純圖片橫向輪播加上3項自訂超連結,即可透過主題圖片營造出網站的企業形象


 

(圖片及文字輪播 + 4項自訂連結)

模組組合說明:若企業網站並未設計主題圖片,建議使用『圖片及文字橫向輪播』,可透過簡易的背景圖、商品圖片、商品或者企業標語,加上『4項自訂超連結』,即可營造出簡約的企業網站形象


 

5.3.2 主題應用

首頁除了第一眼印象以外,接著往下的內容展示也非常的重要,如果直接放上接續的內容會讓瀏覽者產生情境被跳脫的感覺,建議使用自訂分隔區塊,附上簡單的背景圖片以及標語即可使內容的切換,有如觀看電影一樣的讓主題與主題之間無縫接軌。

 

(自訂分隔區塊主題應用)

模組組合說明:若是網站擁有各項主題內容,建議透過『自訂分隔區塊』選擇一個應景的圖片,作為所有主題的起頭,接著使用『2項動態磚』或者『3項動態磚』,選擇對應的主題圖片以及標語,並依序設定其所指向的網址,即可營造出主題介紹的效果,而客戶可透過標語來了解、選擇要檢視的主題內容。


(自訂分隔區塊主題應用)

模組組合說明:若是單純的想透過圖文來呈現主題內容,建議透過『自訂分隔區塊』選擇一個應景的圖片,作為所有主題的起頭,接著使用『自訂編輯區』來編輯所要呈現給客戶的內容,即可營造出主題介紹文的效果。

 

5.3.3 商品列應用

(商品區塊主題)

模組組合說明:若是想直接呈現網站主題商品於首頁,可透過『商品列模組』來達到目的,且若想呈現的商品不只三四個,建議使用多個『商品列模組』來組合而成,以此範例來說,若有多個相同主題的商品,可讓『2項商品列』顯示標題作為商品主題,而後將『3項商品列』垂直位移向上靠近2巷商品列,即可呈現出相同主題區塊的商品區。

 

(商品區塊主題)

模組組合說明:與前述的組合相同,但如果想要更加完善的區隔可再加上『自訂分隔區塊』來呈現主題的內容,接著再補上所要呈現的各『商品列模組』。