產品頁
產品頁
購物車結帳頁
購物車結帳頁
會員中心頁
會員中心頁
會員中心-訂單頁
會員中心-訂單頁
會員中心-訂單詳情頁
會員中心-訂單詳情頁
後台登入頁
後台登入頁
後台登入後首頁
後台登入後首頁
產品編輯頁
產品編輯頁
後台消息管理列表頁
後台消息管理列表頁
  • 消息內頁
    消息內頁
  • 產品列表頁
    產品列表頁
  • 產品內容頁
    產品內容頁
  • 購物車結帳頁
    購物車結帳頁
index

做了網站順便改改後台吧!

這case一開始其實很平常的,只是功能有點多:購物車系統、形象網頁、響應式網頁。而且客戶給資料也是花很多時間。導致專案時間非常長!

剛好老闆這時候想改掉以前比較舊的後台系統,於是我們幾個小員工(加上兩個前端工程師)開始用當時才小有名氣的bootstrap還有試驗用當時滿紅的前端框架的Laravel來試看看開發這個網站,於是我就試驗來設計個後台介面!

tablet
平板裝置上首頁的mockup

於是我參考外國的admin介面版型並且結合我們本來就有的功能做法做出現在這個for這個case的後台網站!

那時候切版是其中一位前端工程師在製作的,由於我當時對html、css有些基礎認知,於是協助他切版(畢竟版面還挺多頁的....呵呵),他當時是使用less來寫css。那時候我第一次知道巢狀寫法,覺得這樣的方式來寫真的很方便!不小心開啟了練習切版的大門了XDD

最後網站應該是有上線了(只是我在客戶驗收之前就離職了,後續狀況就不太理解了)。這個case對於我的前端之路確實有很大的啟發!