友友商務飯店集團

友友商務飯店集團

整合四個網站至同一網域底下,優化seo利於搜尋排名。網站風格大版面多圖為主,主要方便使用者瀏覽飯店介紹圖。單元多有後臺管理,方便管理端自由方便更換飯店資訊。

  • 【友友商務飯店集團】

    【友友商務飯店集團】

    自1995年成立迄今,旗下計有:友友、友統、觀海樓等三家連鎖飯店。

     本站為舊網站改版,網站語系有繁體中文、英文以及日文。這次的改版除了要將旗下四間連鎖飯店之網站統一之外,還要在新網站中加入RWD響應式設計,讓行動裝置的使用者更好瀏覽與閱讀!

     將四間連鎖飯店的四個網站,整合至同一個網域底下,語系與各個飯店的區別,則是以子目錄的方式建立,將類似內容的網站頁面收錄於同一個網域底下,可有益於SEO搜尋排名,網址如下(以繁體中文為例):

    • 主要歡迎頁: www.ffh.com.tw/tc/yoyogroup
    • 友友大飯店:www.ffh.com.tw/tc/yoyo
    • 友統大飯店:www.ffh.com.tw/tc/yotong
    • 觀海樓旅店:www.ffh.com.tw/tc/see

     在網站風格方面,設計多以大版面且多圖為主,如此設計在於方便使用者瀏覽飯店介紹圖。在後台管理系統中,則可統一管理不同集團的不同資訊,方便網站管理者自由更換飯店資訊。

     

  • 【友友大飯店】

    【友友大飯店】

     友友大飯店主要的視覺顏色是深藍色,以大版面之布局安排照片,中間加入客房介紹,讓使用者可以點擊查看房型介紹或訂房。

     而在最下方處,則嵌入了Google Map的地圖畫面,讓使用者可以更加快速的了解該飯店的座落地點。

  • 【觀海樓旅店】

    【觀海樓旅店】

     觀海樓旅店主要的視覺色彩為青綠色,且同樣採用大版面的照片展示。

  • 【友統大飯店】

    【友統大飯店】

     友統大飯店視覺色彩為橘色,頁面設計與另外兩間旅店相同,利用色彩作為分隔,製造出差異化。

  • 【後台管理】

    【後台管理】

     後台管理系統可同時管理飯店集團的四個網站資訊,也可以在資訊編輯頁面中,管理要顯示的語系,此設計有利於資料的同步,不必分開登入就可以同時管理到不同的網站與語言資訊。

ID:@323foylw