アニメ「オタクに優しいギャルはいない!?」公式サイト制作

「オタギャル」のアニメ公式サイト

アニメ「オタクに優しいギャルはいない!?」公式サイト制作

https://otagal.jp

MISSION人気漫画のアニメ化に伴い、ティザーサイトから本サイトまでを制作

月刊「コミックゼノン」にて好評連載中の、のりしろちゃん/魚住さかな原作による人気漫画「オタクに優しいギャルはいない!?」のアニメ化が決定し、2026年4月より放送予定です。 弊社では、アニメ化発表時に公開されるティザーサイトをはじめ、本サイト制作もご依頼いただきました。 ティザーサイトでは、昔ながらの平成感を取り入れたデザインをご希望でした。 GIF画像や古めのフォント、さらに懐かしさを象徴する「アクセスカウンター」の設置まで、遊び心のアイデアを細かくディスカッションしました。

そして本サイトでは、世界観は一新しつつも一部ティザーの要素を引き継ぎ、 アニメ情報の解禁タイミングに合わせて段階的にリリースすることになりました。

SOLUTIONポップで可愛らしい「オタギャル」の世界観をWEBサイトでも表現

全体のトーンはピンクを基調とし、ギャルらしい華やかさの中に「心の温もり」も感じられる、柔らかな表現としました。 ハートや星のイラストを散りばめ、キャラクターカラーも随所に取り入れています。 また、アニメーション演出として、ページスクロールに合わせて各要素がぼよんと現れるポップな動きを採用しました。 WEBならではの演出を組み合わせ、「オタギャル」の世界観を表現しています。

POINT情報へのアクセスのしやすさも重視した設計

多くの人が何回も訪れるアニメの情報サイトとして、操作性にも重点を置いて設計しました。 例えば声優コメントは、キャラクターページとスタッフ&キャストページの両方からアクセスできる構成とし、自然な導線でコメントにたどり着けるようにしています。

また、ナビゲーション数が多い点を踏まえ、トップページのファーストビューや追従ヘッダーでナビを一覧表示できる場面を増やし、目的の情報にアクセスしやすい設計としました。 各種SNSへのシェアボタンについても、単なる導線設置にとどめず、キャラクター性を活かした表現を取り入れています。

TECHNOLOGYCMS「WordPress」を用いたサイト構築とアクセスカウンターの導入

更新要素が多いことを踏まえ、アニメ放送と並行して各情報を更新できるよう、WordPressを用いてサイトを構築しました。 各コンテンツで更新が発生する可能性があったため、ファーストビューのビジュアル追加や、登場人物に合わせて背景色を4種類まで設定可能とするなど、細かく自由度の高いカスタマイズができるように動的開発を行いました。 また、ティーザーサイトの際に好評だった「アクセスカウンター」を本サイトにも取り入れ、そのアクセス数をWordPressのDBから取得できるようにカスタマイズしました。

関連する制作実績

NEED SOME HELP?

各種案件のご相談・ご依頼は
こちらよりお問い合わせください。

CONTACT