- 首先用心智圖整理思緒，把預計要做的事情整理出來後，設計就可以進行得快一些
- 心智圖完成後
第一步先做分類資料庫，因為這個資料庫會關聯到作品集，所以要先完成。
- 接著就是
第二步設計學員作品資料庫，延續第一步的成果，把學員資料庫整理出來，並且從Hahow上複製貼上一些學員的作業和圖片當作素材，讓資料庫看起來煞有其事。 - 其實在做第二部時為了測試是否可以如預期使用，特別辦另一個帳號來替自己測試，測試看看限定編輯權限後，會是長什麼樣子，並測試如何複製自己的作品。
- 完成所有資料庫後，
第三步就是設計首頁，根據事先構想的網頁大綱，先把#大標題全部打出來，再開始拖曳排版，接著把 Link to 資料庫放入每個區塊，調整檢視方式和篩選排序。
- 完成首頁後，
第四步開始美化各個頁面，包含封面圖、icon、配色等等。
- 最後，
第五步開始製作使用說明，包含管理員和學員，然後開啟無痕視窗debug。
進行系統設計時，千萬不要一開始就衝進去系統做，要先釐清整個架構和脈絡，每個元素之間彼此的關聯是什麼，知道自己的位置和目標是什麼，才比較不會驚慌失措，也就能順利完成資料庫摟！
