終於來到個人作品介紹拉，現在回想還真是不可思議，竟然已經做出來了，那時候可是對這些都非常陌生的，每天都在查要怎麼做好。

WHY先問為什麼

這是個因爲個人興趣而做的作品，以前常瀏覽的攀岩網站Taiwanrocks.net關站了，只剩下臉書粉專可以尋找部份文章的片段，在思考要做什麼作品的時候，就直覺的想到這個網站。

另一方面我也很想做人物誌，因為看到了Hanchor的部落格專欄，專文介紹台灣攀岩人物誌，就覺得好想為周遭的攀岩朋友撰寫文章，也很好奇大家踏入攀岩這條不歸路的原因，因此在這個作品上我有強烈的動機，想要完成他！！！

想當然......動機強烈是敵不過人性的（惰性？！完美主義？！）

這邊就直接公佈答案，一開始是難產到連雛型都生不出來，差點就做不出來了

現在的樣子 >>>> https://nobodyclimb.web.app/

HOW怎麼做

• 撰寫使用者故事 User Story
• 規劃網站地圖
• 做出wireframe
• 跟設計師合作討論產出設計稿
• 依照設計稿開發

這邊要感謝六角學院，讓我有一個起步的動力，主要是有報名切版直播班，那時候就有個專題的課程，不是必要的課程內容，但開放給大家申請。

如果有照時程走完成該階段完成的事情，會獲得設計師的協助，依照你的wireframe，產出設計稿給你開發，想到可以完成我的作品，我就跟著做了！！！

當然...沒有獲得設計稿...，因為只停在不完整的wireframe。

雖然我沒有完成，但至少有個開始！有了開始才會有下一步，也才會有後續完成的機會。

WHAT做了什麼

• 使用者故事 User Story
• 網站地圖
• Wireframe
• 設計稿
• 開發後的程式碼
• 部署後的網站

我從使用者故事 User Story開始

陣亡在網站地圖和Wireframe

作品緣由：

很喜歡攀岩運動，平常有在攀岩運動攝影，喜歡紀錄攀岩的事物，蠻希望讓更多人認識攀岩運動。

使用者故事 User Story：

我是前台使用者，想要使用訂閱功能，成為註冊會員。
我是前台使用者，想要使用搜尋功能，用關鍵字搜尋想要的資訊。
我是前台使用者，想要投稿自己的攝影作品，把作品放上網站。
我是前台使用者，想要使用地圖瀏覽各地岩場，找到想去的岩場資訊。
我是前台使用者，想要使用發文功能，分享自己對於攀岩的看法。

網站地圖

這邊卡很久，一直在想要怎麼做比較好，參考了很多類似的網站，找了國內外的運動類型網站做比較，結果一直猶豫不決，前面提到的心態是真的血淚史，完美的100分心態會讓你裹足不前，真的是先做再說。

現在看到的網站地圖是後來完成的部分，印象中是11月才完成的樣子。

Wireframe

網站地圖完成後，這部分就快很多，也體會到先求有再求好的作法會加速開發，因此動作就快很多了，後來設計稿也是改了不少。

Figma設計稿

這邊非常感謝在島島阿學side project合作的設計師願意協助設計稿的產出，剛好她也在轉職，但我開發進度緩慢，加上眼殘和技術能力不足常常搞不定畫面，讓她不是很滿意，有些功能真的是很難做欸

今天就先這樣拉！有興趣可以參考這樣的格式去練習試試看，開發進度分享就留到明天囉！

如果你在作品製作過程有些卡關的地方，可以DC私我，id是vincent_xu，在我能力所及能分享一些個人經驗與看法，提供你參考。