Beeworks Thoughtful design

雀魂 かんたんスタートガイド 冊子・Webページ

対戦型麻雀ゲーム『雀魂(じゃんたま)』のスタートガイド冊子、およびWebページを制作しました。

Client

株式会社Yostar 様

Role

情報設計 / ライティング / デザイン / フロントエンド / 印刷

デジタルツールに不慣れな方でもわかりやすいスタートガイド

株式会社Yostar様が提供する『雀魂』は、オンラインで全国のプレイヤーとリアルタイムに対戦できる麻雀ゲームです。利用するにはアプリやWebブラウザでの登録や設定が必要なため、それらのデジタルツールに慣れていない方々にとっては設定作業がハードルになっているのではないか、という懸念がありました。

そのため、より多くの方が気軽に『雀魂』を始められるよう、初心者がつまずきやすいポイントをまとめて解説するスタートガイド冊子とWebページを制作しました。冊子は高齢者の方向けのイベントなどでも配布を予定しています。

丁寧な解説とFAQで不安を解消

掲載する内容のイメージはYostar様からご共有いただいた上で、ビーワークスで台割や構成、原稿を作成しご提案しました。ゲームアプリを日常的に利用していないビーワークスのメンバーからもフィードバックを募り、初心者がつまずきやすい箇所を分析。認証コードの確認・入力など、特に迷いやすいポイントについては、ステップを細かく分けて解説しました。

ログインの手順をわかりやすく解説

FAQの内容もご提案しました。「よくわからない」から利用を諦めてしまうことがないように、 容量不足の解消方法や用語の意味など、ゲームの内容とは直接関係のない疑問も想定しました。

「よくある質問」ページ

読みやすさを最優先したデザイン

ゲームのにぎやかな世界観をベースとしつつも、あしらいを抑えた読みやすい紙面デザインを意識しました。要所にゲームのキャラクターを配置して楽しい雰囲気をプラス。読者層を考慮し、文字のサイズは大きめにしています。

フローチャートで情報を整理

ユーザビリティに配慮したUI実装

冊子の構成内容やデザインをもとに、Webページも制作しました。ユーザーの割合を考慮してスマホファーストの実装となりましたが、デジタルツールに不慣れな方が閲覧する場合、長いページのスクロールは現在地を見失ってしまう心配がありました。

そこで、各セクションの最後に「次へ」ボタンとテキストリンクを入れることで、迷わず次のコンテンツに進めるよう導線を設計しました。他にも、Webコンテンツをストレスなく閲覧できるよう、FAQをアコーディオンで挿入したり、操作方法をGIFで解説したりといった調整を行っています。

公開日:2026/03/18

当ページに掲載の内容について、一切の転載を禁止いたします。

関連サービス

Related services

関連実績

Related works