此網頁製作的目的，是希望能提供給「集換式卡牌遊戲」玩家一個卡片資訊查詢工具。主要的功能除了可以查詢每張卡片的資訊外，還可以讓使用者自行編輯卡片的組合。網頁的結構主要分成三個部分，網頁正上方為「新增卡片的工具列」，網頁中央為「卡片陳列展示區域」，網頁右下為「卡片數量統計」。
新增卡片的方式，可由上方工具列新增。工具列共有兩個下拉式選單，分別為「卡組」與「卡片」，可以先選擇特定的卡組後，再選擇該卡組內的卡片，點擊展開下拉式選單後點選項目即可新增卡片。每一張卡片都有對應到的「屬性」，使用者可以利用過濾功能開關不同屬性的卡片顯示，以便快速查詢卡片。若使用者不了解卡片的卡組分類，可使用「關鍵字檢索」檢索的方式進行查詢。
新增卡片後，卡片將會顯示於網頁中央。將游標移入卡片後，即可對該卡片進行察看與編輯。卡片的左下角可新增或減少卡片的數量，右上角可移除該卡片，右下角屬性圖示可察看卡片更多文字資訊與更新清晰的圖片。
當卡片的數量有所改變時，網頁右下的「卡片數量統計」會即時更新，除了文字顯示外，會以圖像化的形式顯示卡片數量，當卡片數量越多卡片堆疊的高度就會增高。由於網頁是採用 Vue.js 框架所製作，後續有比較容易管理或是導出其他資料。