記事の内容に集中して読み進められるように装飾は極力抑え、記事本文の文字サイズをやや大きめにし、行間を広げてゆったりと読めるようにレイアウトしました。

具体的にはPC用の画面解像度で記事本文は18px、行間は200%相当を指定しています。本文の文字サイズは1px単位、行間は10%単位で微調整して適切と判断した見えかたに調整しています。

UI（ユーザーインターフェイス）の使い心地を良くするための1つの施策として、キーワード検索ボックスを開くと自動的にキーワード入力欄にカーソルが表示され、すぐにキーワードを入力できるようにしています。

試合情報をWordPressから管理できるようにカスタムフィールド機能を用いてカスタマイズしています。試合日程、参加者のアイコン、勝敗などを管理画面から入力すると、自動的にレイアウトされた状態で表示されます。

スマートフォン用のデザインにおいても、記事本文の読みやすさやサイトの回遊性に重点を置いて設計しています。

ヒアリングを経て、SHIBUYA GAMEの目指す方向性を定義するためのキーワードを洗い出します。「ゲーム」、「eスポーツ」、「独自性」、「先進的」、「前進感」といったキーワードが見えてきたため、そのキーワードを元にイメージを練っていきます。

デザインの手法として、シンボルマークとロゴタイプ（文字）の両面から適切なデザインを模索しました。

サイトの名前であるSHIBUYA GAMEの「シブヤゲーム」という音の響きにレトロ感があり独自の特徴があると考えました。そこでカタカナを元としたシンボルマークのアイデアスケッチから始めます。

ロゴタイプからもデザインのイメージを固めていきたいと考え、イメージに近いロゴタイプを並べて比較検討しました。

以下は依頼主との打ち合わせでロゴデザインの方向性を定めるために制作した初期案です。方向性が定まったのち、デザインの完成度を高めていきます。

打ち合わせにて、依頼主の「多様性を特徴の1つとして取り入れたい」という要望が明らかになりました。そこで「多様性」というキーワードを含めた方向で確定し、実際のデザインとしてどのように反映させるかを検討することにしました。

ブランドロゴのコンセプトはSHIBUYA GAMEのAboutページにも掲載されています。

運用マニュアルも継続的かつ効率的にアップデートできるようにするため、Googleスライドでテンプレート（ひな型）をデザインしてから各ページを作成しました。

Googleスライドの利点は、サイト運用マニュアルのアップデートがすぐに反映でき、更新箇所をメールで連絡するだけで関係者への素早い共有が可能になることです。

※ IllustratorやPowerPointで作成したサイト運用マニュアルの場合は、アップデートのたびに再編集して書き出し、メールで連絡という手順が必要になりますが、Googleスライドの場合はその必要がないため、双方の伝達コストが大幅に軽減できました。

ありがたいことに、このサイト運用マニュアルは好評いただき、担当のかたから「使いやすくて助かっています。特に新しく入ったスタッフに担当してもらうときに重宝しています」といった感想をいただけました。