東方我楽多叢誌

ウェブメディアのプラットフォーム作成。 「東方Projectらしさ」を全力で表現するとともに、高機能かつ爆速のサイトと管理のしやすさを両立させました。

  • 協力期間:2019年7月 ~

  • カテゴリ:ウェブメディア+CMS

  • ディレクション:とりいめぐみ

  • デザイン:とりいめぐみ、いいづかやまと

  • イラスト:津倉冴(@saetsukura

  • コーディング:やなぎ(@to4_yanagiPortfolio)、かねこ(@tronperidot)、るか

  • ロゴはんこ作成:庭石

  • メディア運営:株式会社ワイソーシリアス

ウェブメディア「東方我楽多叢誌」のプラットフォーム作成を請け負いました。
「東方Projectらしさ」を全力で表現するとともに、高機能かつ爆速のサイトと管理のしやすさを両立させました。

管理者が見慣れた画面で快適に記事を投稿・管理できるよう、基本的なシステムはWordPressを用いつつ、高機能かつ爆速のサイトを実現するためにシステムを大幅に換骨奪胎。

東方Projectは「青春を捧げた」ファンも多いとても力のあるIPですが、そんなファンの皆様に楽しんでいただけるよう、隅々まで「東方らしさ」にこだわったデザインを施しました。

東方のデザイン

システムの特長

速さにこだわったウェブサイト構成

遅い回線でもすぐに記事が表示されます。

多言語化対応

中国語版サイト、英語版サイトなど、言語ごとにサイトを複数同時に立てられ、一括に管理できる仕組みを作りました。
言語ごとに違うサイトを一から作る必要がなく、簡単に多言語に対応できます。
例1:記事の翻訳を他言語版に載せる際、写真は同じものを使いたい
例2:特定の記事を中国語サイトにだけ表示させたい
といったことが簡単にできます。

カスタム投稿タイプ

WordPressはデフォルトでは投稿できる記事の種類が少ないため、大幅な拡張を行い、要望に合わせて様々な欄を設けました。
小説、インタビュー、漫画、キャラ紹介ページなどを作成しました。  

東方の画像
東方の画像
東方の画像
東方の画像

下書きプレビュー機能

このカスタマイズに合わせて、下書きプレビュー機能を改善しました。
記事を公開する前に、本番サイトでの見え方を確認できます。

東方の画像

広告表示

広告を設定できるようにしました。
差し込み型広告や全面広告など、自由な型の広告を表示できます。

アナリティクス

サイトへの集客やページビュー、広告クリックなどの情報を収集して分析できます。

SEO

SEOの知見を活かし、検索で上位に出てくるページを作りました。

東方の画像

OGP設定

OGP(記事をSNS等でシェアした際のタイトルや画像、説明文)を記事の筆者が個別に設定できるようにしました。

動画プレーヤーの差し込み

サイト上にYouTubeプレイヤーを表示できます。
イベント時にその生放送を流すなどの使い方ができます。

東方の動画

Twitter等の埋め込み

記事内にTwitterやニコニコ動画、Youtubeの埋め込みができます。

東方の画像

イラストギャラリー

小説のページにイラストを挿入した場合、自動でイラストギャラリーを生成します。

東方の画像
東方の画像

高いデザイン性

弊社のデザイナーの力で、美しいデザインを実現しました。

東方の動画

東方我楽多叢誌へ

公式Twitter(@touhou_station)

お客様の声

  • 要件定義からあらゆることに付き合って頂きました。技術そのもののみならず、コンテンツについても理解と熱意を持って一緒にサイトを作り上げてくれました。コンテンツについて一緒に考えてくれる制作会社は稀有なので、非常におすすめできます。

    株式会社ワイソーシリアス 代表 斉藤大地