Overview
概要
| 作品 | 弾刻のレクイエム（SAMURAI Games） |
| ジャンル | コマンドバトル型ダークファンタジーRPG |
| 提供範囲 | 企画・設計・デザイン・開発・公開 |
| 技術スタック | Astro / TypeScript / Firebase Hosting |
| サイトURL | dankoku-requiem.com |
| スタジオサイト | samurai-games-hlt.web.app |
Background
背景・課題
「弾刻のレクイエム」は、ゲームスタジオSAMURAI Gamesが制作する、召喚銃と永久ロストを軸にしたコマンドバトル型ダークファンタジーRPGです。魔王を討った勇者ヨウが国王暗殺の罪を着せられ、銃になる少女レイとの契約で運命を撃ち抜く物語です。
公式サイトには、「撃った命は、二度と戻らない」という作品の重さと世界観を、最初の一画面で伝えること、そして物語・登場人物・戦闘システムへ迷わず案内することが求められました。
Solution
サイト構成
1. キービジュアルとキャッチコピーで世界観を伝える
ファーストビューには作品のキービジュアルと縦書きのキャッチコピーを置き、ダークファンタジーらしい暗い色調と金の差し色でまとめました。すぐ下から「物語」「登場人物」へ進めます。
2. STORY・CHARACTER・BATTLE・INFO の4章
物語、登場人物、戦闘システム、作品情報の4つに章を分け、グローバルメニューからどの章にも直接移動できるようにしています。
3. 公式SNS・コミュニティへの導線
公式X・Discord・TikTok・YouTubeへの入口をまとめ、作品を知った人がそのままフォローやコミュニティ参加に進めるようにしました。英語版のページも用意しています。
Implementation
実装の工夫
静的サイトで軽く配信
サイトはAstroで静的なHTMLとして書き出し、Firebase Hostingで配信しています。画像を多く使うゲームの公式サイトでも、表示を待たせない作りにしています。
動きを減らしたい人への配慮
演出のある部分は、OSで「視差効果を減らす」を選んでいる環境では動きを抑えます。スマートフォンでは全画面のメニューに切り替え、キーボードでも操作できるようにしています。