收藏卡牌的人,每一張卡背後都有一段故事。這個網站想把館主的收藏,像美術館的展櫃一樣一張一張擺出來,讓看的人能慢慢逛,也能讀到卡片背後的故事。
專案背景
PokémonC Archive 是一位寶可夢卡牌收藏者的個人館藏網站。收藏原本散在相簿和社群貼文裡,卡牌越來越多,想回頭找某一張很難,也沒有地方好好寫下收藏的來由,還有每個月的市場動態。
專案挑戰
卡牌本身就是主角,網站不能搶走卡面的光彩,但又要讓人一眼看出館藏的份量。館主也不是工程師,新增卡牌、發布文章這些事必須簡單,不用每次都找人改程式。
設計思考
整體用黑色質感底配銀框卡牌,標題採用襯線字體,加上細線分隔,營造像展覽空間的安靜氛圍。首頁就是一排橫向的卡牌展櫃,可以左右按、拖曳或用鍵盤方向鍵瀏覽,正中間的卡片會放大,旁邊的自然退到背景。
館藏頁收錄全部卡牌,可以依分類篩選,點開就能看到卡片的系列、編號、年份與鑑定等級。故事區則挑出幾張特別的卡,搭配館主自己的文字。市場資訊像一本小雜誌,文章能依分類、年份、月份與關鍵字篩選,讀完還會推薦相關文章。
手機版也重新安排過,展櫃一次顯示一張卡,用手指左右滑就能換下一張。
館主後台
館主登入後,可以直接在網站上新增、編輯和刪除卡牌,也能發布和修改文章,不需要碰程式。網站有繁體中文與英文兩種介面,國外的收藏朋友也能看。
實際產出
最後完成包含展櫃、館藏、故事、市場資訊與留言的卡牌收藏網站,電腦和手機都能順暢瀏覽。目前網站已經上線,案例中的卡牌畫面是示範用的概念版,用來呈現館藏完整上架後的樣子。館主之後會換成自己拍攝的收藏照片。







