專題文章台北外宿節官方網站設計,桌上型電腦版網站與手機版活動網頁設計介紹

24662
次閱讀
宅旅行staycation是新興的旅遊觀念,意即不用跑遠,就是在地,來一趟小旅行省去機票花費; 說走就走;只要外宿輕旅包,不用扛行李; 睡眠保證,不用和時差對抗, 跟上了宅旅行的旋風,台北外宿節,期待民眾走進台北,深度體驗台北,給自己一個留宿台北的理由,感受一下Taipei Staycation的樂趣!

台北外宿節官方網站設計,桌上型電腦版網站與手機版活動網頁設計介紹

觀光旅遊帶來的人潮,與地方產業發展息息相關,也是刺激在地經濟發展,吸引青年歸鄉打拼,推動地方創生的利基。整合各地與眾人的資源,創造最大價值,共同發想台北市觀光發展方向。

這個活動網站設計由本公司進行製作,採用響應式設計並利用html5 canvas技術設計首頁特效,首頁整合jQuery與CSS3技術搭配canvas顯示多圖更換與水波紋效果。

首頁全後台管理

網站首頁是抓住網友的第一道關卡,有許多網頁設計公司、公關公司甚至專門設計一頁式網站,企圖在第一頁決勝,可見首頁網頁的重要性,為了要吸引消費者,我們設計的與滑鼠互動的canvas水波紋效果,並且每張圖片都可以由活動執行單位由後台上傳修改。

除了圖片外,我們規劃文字與圖片抽離的網頁,所有文字都是Google可以抓取的資料,文字由企劃人員自行管理,可以針對不同的活動變更不同的網頁文字內容。

圖片尺寸1024*768pixel

圖片尺寸1024*768pixel

響應式網頁設計讓活動訊息更容易閱讀

活動網站最重要的功能之一就是發佈新聞,網頁設計考慮到手機使用者,針對不同螢幕裝置響應成方便閱讀的排版設計。

這個活動網頁設計由本公司進行建置,採用CSS3技術設計網頁,整合Google QR Code API即時顯示QR Code讓手機用戶直接掃描瀏覽。

網頁後台管理功能

網站內容是抓住網友的重要關卡,有許多公司甚至專門請文字工作者撰寫豐富的文字內容,企圖在內容決勝,可見網頁內容的重要性,為了要吸引消費者,我們整合可視化排版編輯器內容可以讓設計師由後台上傳修改,並且可以上傳貼圖,每張圖片都自動產生ALT文字標籤,以利Google抓取。

活動網站整合社群分享設計

目前Line與Facebook是網友最常使用的社群媒體,整合這兩個網站的分享API讓網友可以在電腦版網頁手機版網頁同時進行分享功能。

應用方式有許多,例如發表一篇抽獎活動的網頁新聞,現場民眾使用手機分享,即贈送摸彩券,或是分享網頁提供優惠。

圖片尺寸520*666pixel

圖片尺寸371*752pixel

手機版活動網站設計

WARC 2019年報告顯示,到了2025年時,全球近四分之三(72.6%)的網路用戶將透過智慧型手機上網,相當於37億人,遠高於目前使用手機上網人口20億。

目前Line與Facebook是台灣手機用戶最常使用的社群媒體,整合這兩個網站的分享API讓網友可以在行動版網頁進行分享功能。

  • publisher:
  • 文網股份有限公司
  • 圖片尺寸240*240pixel