你知道台灣妖怪鬪陣嗎？讓我們用三個關鍵字告訴你...
獨特風格台灣插畫
台灣原創熱血桌遊
正港台灣妖怪傳說
📺 認識台灣妖怪鬪陣
台灣妖怪鬪陣是一款充滿文化底蘊的桌上遊戲。我們跳脫窠臼，希望賦予台灣的妖怪更立體的形象！以絹細筆觸為基底，用桌上遊戲當載體：從鶯歌妖鳥，到玉山黃色小飛俠，再到台東火燒風，從民間傳說故事，到鄉坊流傳的耳語，從台灣頭到台灣尾，包羅萬象！
褪去妖怪的恐怖感後，這些角色其實都充滿魅力。設計出可以讓多人開心玩樂的桌遊，我們終於可以自信地說，台灣的妖怪，也可以滿載趣味。
錯過了嘖嘖的募資，沒關係，來看看當時的桌遊預告吧！
🤘 這是什麼樣的遊戲？
- 這是一個
2-4人可一起玩的桌遊
- 這是一個有攻有防的
擲骰亂鬥遊戲
- 發揮每個妖怪的特殊能力和命盤組合，
再玩性高
- 目前有
中文版 & 英文版（還有日文說明書)
- 怎麼贏得遊戲？就是透過
佔地稱王或者打敗妖怪得到最高的勝利點數
來看看裡面有些什麼吧...
遊戲內容物
遊戲測試和試玩
玩家們怎麼評論台灣妖怪鬪陣？
世界各國許多的玩家們都收到了台灣妖怪鬪陣，給予台灣妖怪鬪陣不少建議和不錯的評價！
the opinionated gamers
“ 如果你喜歡豐富色彩和獨特曲線的中國風格，遊戲中的美術可說是非常的棒！不管是盒封或者裡面配件都非常的精緻！”
Zee Garcia (The Dice Tower)
“這是一個獨特的遊戲！因為這遊戲的美術、風格、以及有趣的機制，讓這遊戲從其他遊戲中脫穎而出！“
小羊桌遊報
“遊戲光主妖怪就11隻，每隻的命盤都不同，加上多到眼花撩亂的妖術卡可以搭配，變化性相當的豐富，此外先前我自己比較擔心的針對性的問題，也會因為攻擊第一名的玩家有額外加分的機制，因而平衡了不少！”
德國一番
”我真的覺得他們的遊戲設計得很用心, 很精緻，有藝術感，更重要的是很有台灣風味。他們希望透過這個桌遊能把插畫帶到新的領域， 激盪出火花，並讓更多人因為他們他們的桌遊進而認識台灣的傳說和文化”
Dice Hobby
“我第一次看到《台湾妖怪斗阵》（Taiwan Monsters Brawl）的桌游摆在胡桃木的展架上，和周围的文创产品在一起非但没有违和感，反倒显得格外惊艳。”
迭代思路：
第1次迭代
思路也有複製一份在作業最下方。
- 給誰看 & 用途 ：仍然跟初級作業一樣，給對於喜歡獨特台灣插畫風格和故事的朋友，給喜歡🎲桌遊的玩家。主要仍是產品的展示和介紹，進而推廣桌遊(活動和講座)，
- 我希望給別人什麼價值：我希望來看的人能夠因此對於台灣本土插畫和台灣本土桌遊有更大的興趣，並且讓喜愛插畫的朋友去認識桌遊，又或者讓喜愛桌遊的朋友，進而透過台灣妖怪鬪陣這樣的桌遊，而去瞭解更多的台灣的傳說故事。
- 理想中的閱讀流程：(以桌機版來舉例，因為行動裝置版視線是沒有選擇的，完全只能照Notion的區塊順序，但我也有針對手機版把重要度低的區塊調整位置。)
- 讓讀者先知道這個產品跟什麼有關，因此仍維持三個關鍵字破題，但是將標題稍微修改一下，用“問句”的方式呈現。
- 接著視線往下，由左到右，由上到下的順序。通常會先看到桌遊的盒封照片，接著會有一部分視線注意到右側(然後再往下排掃)，先秀出設計的發展歷程，直接用條列式方式列出，不採用toggle list，然後最右邊放2-3個設計師日誌，這邊是把設計師用日記的方式去呈現一些玩家平常看不到的“思路”，或者是設計師測試的過程或結果。
- 桌遊盒子照片的下方，放一些輔助性的選單或資訊連結。
- 讓視線掃到”認識台灣妖怪鬪陣”，應該會被影片區塊先吸引住目光，並點開影片。看完影片後，再深入瞭解這是什麼遊戲。(像是適合誰或不適合誰)
- 下一個區塊就是一堆照片，像是遊戲內容物或活動的照片，這部分有預覽，讓讀者自行點選。
- 再往下要開始收尾，先秀出這遊戲在國內外的評價，玩家們有什麼想法等等，加深對這遊戲的好感度。(畢竟有外人的加持)
- 活動放在最下面，因為到這區塊差不多上面的都看過了一些內容，想要親身去體驗遊戲的，就可以看行事曆的活動去參與。
- 遊戲相關的文檔或內容，放在最下方，因為這塊屬於已經擁有遊戲，或更想深入的玩家去看的。以一個宣傳為主要目的的網站，這塊資訊重要度是最低，但仍需要存在。
內容較多，請展開閱讀：
- 初級作業遇到的問題：在初級作業的部分問題不多，頂多是一些區塊覺得需要調整位置或資訊展示多寡，在高級作業加入了日記區塊(但沒有到TTL，因為這邊比較沒有反思的部分)，整個頁面比較像是產品展示，所以也比較不是專案任務管理系統。
- 如何搭配前後台：在這次作業裡面，我許多資料庫是用checkbox的方式，去讓後台操作是否顯示在前台網頁。前台的連結資料庫再加上篩選就能夠把有勾選的項目顯示出來呈現。Notion的好處是他的前後台的差別很小，你可以在前台就做到許多後台的功能，所以對於這樣產品展示型的網頁非常方便，真正的所見即所得。
- 完成作業心得：之前就發現Notion在筆記上或專案任務管理等都很強，現在發現根本能直接作產品行銷網站了，隨著大家對Notion的依賴，我有點擔心未來notion學Evernote開始變相收費，且限制更多流量和檔案大小，逼使用者不得不開始付費。
優化了什麼 | 迭代思路 |
1. 排版上的調整 | 1. 把設計師日誌加到裡面後，我放到發展歷程的右側，把日誌那個欄位一分為二。但下方的照片區仍維持一整個區塊，因此必須用之前所學到的將Page (在page裡面做出兩欄) 轉換成文字的方式，才能去做出這樣1:2欄位的設計。 |
2. 關鍵字的加強 | 2. 除了關鍵字外，加上小圖增加視覺吸引力 |
3. 誰做的？位置調整 | 3. 這個區塊我認為比起產品，不是那麼的重要，因此放在左側欄位用toggle list去隱藏起來。 |
4. 公開的內容篩選 | 4. 網頁中有少部分可以是隱藏的內容，這邊需要用篩選的方式去隱藏沒勾選的項目，這樣share to web時，別人才不會看到。一開始有幾個地方沒有注意到，直到我用網頁檢視才發現隱藏內容仍然會出現。(桌遊活動或設計師日誌) |
5. 設計師日誌 | 5. 這邊希望能分享設計師設計過程的一些思路和故事，但沒有TTL那樣有反思感謝或任務的部份。參照上一週的方式，用卡片顯露出內容讓讀者預覽，進而點擊去閱讀。 |
6. 新增留言版 | 6. 我使用typeform做留言區，不過因為權限問題我無法直接嵌入在網頁中，因此改成用連結的方式仿在導覽選單當中。 |
7. 玩家評論 | 7. 這邊因為文字比較多，所以改用toggle list去做展開或隱藏。 |
8. 一起來參加 | 8. 這邊我後來決定先簡化成用清單模式做活動的展示。我覺得月曆比較適合在專案管理的情境下面，在這邊需要簡潔一點，並且要一目瞭然。 |
9. 相關內容 | 9. 相關內容，被移到最下方，因為是屬於低重要度的內容，可以從左側選單直接去看或者看完產品資訊後在頁面最下面去讀取的資訊，對於只是想瞭解商品概念的朋友，這不是一個必看選項。 |
10. 快速挑轉 | 10. 因為內容增加，所以在一些區塊斷點，新增了幾個可以快速回到上方畫面的連結。 |