作品介紹祥瑞機電工程有限公司企業形象網站設計案

18062
次閱讀
祥瑞機電工程有限公司位於桃園楊梅,公司成立於民國86年,主要營業項目為甲級電器承裝業輸配電機電工程承攬。配合電業法、電業民營化及提高輸電地下電纜工作從業人員之技能水準,提升輸配電工程服務品質。 主要客戶有:台電、奇異、古河電氣、洋華光電等。服務區域遍及台灣、巴林、荷蘭、卡達 、中國、阿布達比。

祥瑞機電工程有限公司企業形象網站設計

我們採用Bootstrap設計祥瑞機電工程有限公司企業形象網站,由於Bootstrap主要功能就是讓網站針對顯示寬度改變網頁排版配置,搭配可視範圍設定,讓這個網站成為同時支援手機、平板、桌機的響應式網站。

圖片尺寸1024*768pixel

網站首頁採用滿版形象大圖4張進行淡化輪播,不同圖片傳遞不同企業形象。形象大圖為了同時支援響應式設計與不同比例顯示皆滿版的設計,利用CSS3背景新屬性background-size,判斷寬與高,以圖片能對齊最短邊為主,等比例改變形象圖大小。

形象大圖具有後臺管理功能,管理人員登錄帳號與密碼後,可以選擇電腦中的圖片上傳,圖片會自動改變成適合大小儲存在網站伺服器中。

圖片尺寸1152*900pixel

圖片尺寸1152*900pixel

本公司專案人員在洽談網頁設計時了解企業有許多外商客戶,祥瑞機電工程有限公司希望呈現專業形象,網頁設計需要符合現今潮流,以此重點羅列3大設計要點。

  • 滿版形象大圖。
  • 響應式設計。
  • 卡片式設計。
網頁設計的主體需結合圖片、文字、區塊...等元素,新式設計大多採用簡約的卡片式網頁設計,這也是響應式設計常使用的的配置,搭配JavaScript程式展示互動式特效,有效提升使用者體驗,此技術也是客戶端網頁技術主要使用的腳本語言。網頁和應用程式需要乾淨俐落、精美且實用的設計,才能吸引來去匆匆的使用者。

網站內容針對祥瑞機電工程有限公司實績規劃兩區【實績列表】與【實績案例】。

  • 實績列表:

    主要表達豐富的實績案例,以數量清單傳達經驗豐富的形象,實績以清單的方式呈現。

  • 實績案例:

    以圖文方式展示實績,每個案例單獨設計一篇文章介紹。

網站管理後台

網頁內容皆可以管理,使用功能強大的HTML及免編寫程式碼的所見及所得網頁編輯器,除了可以建構更出色的網站和應用內容,操作管理也很人性化,熟悉HTML語法與不懂網頁語法的用戶皆可管理。

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