Upgrade to Pro — share decks privately, control downloads, hide ads and more …

網站重構 – 喜帥棉織廠有限公司

網站重構 – 喜帥棉織廠有限公司

147632037be442ce84b060e01d8d64ae?s=128

Bleu (Jia-Huei Ren)

September 17, 2013
Tweet

More Decks by Bleu (Jia-Huei Ren)

Other Decks in Design

Transcript

  1. www.kones.com.tw 重構設計者 : 四資管四甲 任家輝 bleu.tw@gmail.com

  2.  因為學校的產學合作案,而認識了喜帥棉 織廠的老闆,並且負責其公司網站進行重 構。

  3. None
  4.  首頁  企業理念  周董語錄  製造流程  會員管理

     最新消息  新品上市  產品管理  購物車  代理合作
  5.  程式碼使用了大量的<table>標籤,不利於 SEO  無導入CMS,系統可讀性較差  使用了大量的Flash,造成效能上的問題  版面沒有妥善分配,呈現資訊太少 

    含有SQL-injection漏洞。  會員密碼沒加密,有安全性風險
  6. None
  7. None
  8. None
  9.  首頁  管理者選單  產品管理  訂單管理  會員管理

     頁面管理  產品  企業理念  周董語錄  製造流程  訂購說明  聯絡我們
  10.  版面導入下拉式選單以及使用分欄分列設 計,使頁面能夠容納更多資訊  採用Responsive Design,能夠適應所有的 解析度以及行動裝置、平板。

  11.  將不必要的Flash效果以CSS及Javascript取 代。  使用mod_deflate壓縮網站,加速讀取速度。

  12.  以<div>取代<table>標籤,增加程式碼的 可讀性  使用結構化資料(hatom-feed&rdfa-node) 語法做SEO  改善meta語法。  導入google網站管理員工具以及網站分析

    工具進行關鍵字最佳化。  加入行銷影片及標語,增加顧客的印象, 並提升企業形象。
  13.  導入CMS,讓管理者能夠更方便的修改網 頁。  導入存貨管理系統,能夠有效的監控即時 庫存數量。  導入收益分析系統,能夠即時得知銷量、 銷售額及利潤百分比。 

    使用PDO及htmlentities做XSS及SQL- injection的防禦  使用md5+salt進行密碼加密
  14. None
  15. None
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None