億力光電股份有限公司

億力光電股份有限公司

由於億力光電的產品與型號非常多,且有兩種語系(中/英),所以不論是在分類、歸納與整理上需要做到容易找尋的規劃與安排,而在網址方面,也同樣需要做到合理且邏輯正確的設計。

  • 【億力光電】

    【億力光電】

    首頁右側選單以收闔的方式顯示,讓使用者可以透過該選單快速到達想要前往的頁面。

    本網站最大的特色在於網址的規劃
    由於億力光電的產品與型號非常多,且有兩種語系(中/英),所以不論是在分類、歸納與整理上需要做到容易找尋的規劃與安排,而在網址方面,也同樣需要做到合理且邏輯正確的設計。

    網址的安排為:
    自家網址→ 語系→ 產品→ 產品類別→ 產品型號
    https://www.evervisionlcd.com/en/products/standard_tft/VGG322419-A

    若使用者透過右上方的搜尋功能來尋找某項產品時,我們會將搜尋結果集結在某一頁,使用者再點選產品後,網址會直接跳轉到該產品的頁面,而非繼續延伸,如以下。

    • 搜尋產品:https://www.evervisionlcd.com/tc/products/search
    • 產品頁面:https://www.evervisionlcd.com/tc/products/standard_tft/VGG322419-A

    在網站頁面的設計,以Logo的藍色為主、白色為輔,整體視覺與品牌感受相同、相得益彰。

     

  • 【產品中心】

    【產品中心】

    此頁面為產品集結頁,在左側設計了篩選搜尋的功能,使用者可利用這個欄位來快速尋找要找的產品,若為手機板,該功能則放置於產品最上方,讓搜尋更便利。

    而在電腦桌機顯示的網頁中,最上方安排了較大類別的產品的分類,讓空間不浪費、讓搜尋查找更快速。

    在產品下方有兩個按鈕,了解更多與加入詢價。

    點選加入詢價,該產品則會放入右側購物車籃中,這樣的方式可以讓使用者選擇多樣產品並一起詢價,在詢價頁面就會有點選的產品以及填入聯絡人資訊的表格可以使用;點選了解更多,就會進入下一頁產品型號頁面。

  • 【產品型號頁】

    【產品型號頁】

    這一頁有詳細的產品說明,包括Pin功能定義、產品應用、產品設計圖、規格說明…等。

    在這裡,我們還能點選「分享」按鈕,一鍵將產品分享至Facebook、LinkedIn、Wechat、WhatApp或LINE。

    再來,我們還能點選「檔案下載」來了解更詳細的產品資訊,這裡也同樣有加入詢價的功能,讓使用者可以看完詳細資料後,不必回到上一層即可將產品加入購物車去詢價。

  • 【新聞中心】

    【新聞中心】

    這裡的功能就像是部落格,在右上方可以篩選年分與月份,讓使用者可以快速找到先前的資訊!

    點擊進入新聞後,在最下方有一欄訂閱的功能,使用者如果想要收到企業的最新消息,就可以輸入姓名與電子信箱來訂閱電子報(如圖)。

  • 【後台權限】

    【後台權限】

    在這裡,管理者可將後台分配給其他人員管理

    只要在最高權限的帳號中,設定其他帳號與可使用的權限功能即可,這樣就能將網站中的某些部分交由合適的人員操作囉!

     

ID:@323foylw