TinTint 網站改版

TinTint 2017 Web Design

「點點印」網站重新設計,以主流程的三個頁面優先規劃:首頁 / 單一產品頁 / 產品系列頁。
為迎合使用者螢幕越來越大,以及配合多種裝置的需求,希望逐步將舊有框架:頁寬 980px 改為滿版,
原本電腦版與手機版分開設計、維護的架構,也逐步調整成 RWD。

  • 頁面內容規劃
  • Mockup
  • RWD 與 F2E 合作進行
  • CSS 調整
  • 註:目前線上版本可能與提案版本不相符
改版前 / 首頁
改版 / 首頁 / Desktop
改版 / 單一產品頁 / Desktop / 輪播大圖放大,原本以文字條列的產品資訊,重新以標籤方式呈現
改版 / 單一產品頁 / Mobile
新設計 / 產品系列頁 / Desktop / 隨著產品線的增加,需要產品系列頁來介紹各個系列的特色
上一個作品 下一個作品