Nessy // TRPG Character Gallery

制作目的

• TRPG用の自作キャラクターの魅力を伝えるためのイラストギャラリー。
• また、Webデザイナーとしての技術・表現力を示す新ポートフォリオとして制作。（当サイト）

担当範囲

• 要件定義 / デザイン / コーディング / デプロイ設定

こだわりポイント（技術面）

• 運用負荷を下げるため、Astroのコンテンツコレクション（Markdown）によるデータ管理を導入。
• View Transitions APIを活用し、SPAのようなシームレスなページ遷移を実現。
• JavaScriptを用いて、非同期でのカテゴリフィルタリングや画像モーダルを実装。

こだわりポイント（デザイン面）

• キャラクターが主役になるよう、ダークトーンでシンプルかつ幾何学的なUIを採用。