同人サイトとは思えないクオリティ!コミックマーケット84新刊特設サイトまとめ

2013年8月24日 Category:Webデザイン

こんにちは。あめです。
冬の申し込みも終わって完全に終わった夏コミの話題。いまさらですが、夏コミ前は自分のサークルで手いっぱいだったので!
自分用のメモも兼ねての、ハイクオリティなC84特設サイトのまとめです。
(8/29 20:48 ちょっと追記しました。)

最近の同人誌は、ほんとにデザインが綺麗。
個人サークルが普通だった一昔前と比べて、デザインに凝って何人かでサークル活動してる方が目立ってきました。
やっぱり東方やボカロ界隈の、音楽×イラストのコラボサークルなんかが普通になってきたからなのかな。あと評論×デザインのコラボも増えてる気がする。

そんな素敵な同人誌・同人CDの夏コミ新刊の特設サイトをまとめました。コーディングしてるのは、同人好きな本職のクリエイターさんが多いようですね。

ごはん部の本2

本のタイトル:ごはん部の本2
サークル:ごはん部

ごはんもイラストも装丁もwebもとーっても素敵な本のサイト。私にドストライクすぎて既刊含めて3冊宝物です。
サイトの作りは画像を多用していて簡単な方かと思いますが、イラストがたくさんあってお洒落な絵本っぽくもあるデザインで、本の中身と統一感があって可愛い。webも本もデザインはごはん部員のmarucoさんで、コーディングは同じくごはん部員のりずむさん。

パッケージ等でよく見る「あの短い英文」の正体って何なの? 同人誌「プロダクトポエトリー研究」をC84にて無料で配布します – 日本同人誌デザイン協会


本のタイトル:プロダクトポエトリー研究
サークル:jadda日本同人誌デザイン協会

デザイナーさん2人のサークルだけあって、今回の無料配布ペーパーの内容もなかなかマニアック。既刊の2冊は、その辺のデザイン雑誌より面白いです。
サイトは文字と紙面サンプルで、まじめにすっきりまとめられています。無料配布なのに特設ページをしっかり作る心意気が凄いです。
ソースを覗いてみると…かわいい!!

VOCACUTE1 ボカキュート

本のタイトル:VOCACUTE1
サークル:KLAFT

ボカロの合同エロかわイラスト集のサイト。
サイトはシンプルめですが半透明のストライプ背景がかわいいですね。
ボカロはイラスト本でも、わざわざ告知動画を作ってニコニコ動画にアップするんですね…!なるほど。
サイト作成者さんはどなたなのかわかりませんでした。

ボーカロイドと恋心 vocaloid premier amour


本のタイトル:ボーカロイドと恋心
サークル:SYNTHESiS DESiGN

こちらもボカロのイラスト本のようですね。このサークルの既刊「ボーカロイドごはん2」で知りました(ご飯好きだな自分…)。サークル主さんミツナリさんがデザイナーなんですねー。
コンテンツがかなりシンプルだからか全体的にイラスト等を大きく見せています。全面ピンクでメニューアイコンのハートがかわいいです。

C84 2日目 東ミ-24a I.S.W – KEMOMIMI

本のタイトル:KEMOMIMI
サークル:I.S.W DESIGNING

いろんなイラストレーターさんが描いた獣耳っこに、サークル主でデザイナーの柊椋さんが背景を加えるというちょっと変わり種のシリーズのイラスト集。遅めの時間に行ったせいで、売り切れてた…。
Webデザイナーは佐藤せっかさんです。動きがほわわーとしていて素敵です。ページ遷移しているようでURLは変わらないという不思議。
サイトですべて(?)のイラスト見れちゃうという太っ腹ぶりです。本には制作秘話的な解説が載っているのかな。

monocolotion|Foxtail-Grass Studio

CDのタイトル:monocolotion
サークル:Foxtail-Grass Studio

東方のインストアレンジCDのサイト。こちらも佐藤せっかさん制作ということで知りました。
音楽と背景イラストと、そして青い色がスクロールするほどに薄まっていく演出が絶妙にマッチしていて美しくて。見入ってしまいます。
CDだとイラストはジャケットの1枚しかないことはよくあると思うんですが、それを感じさせない作りになっているのがさすが。

Royal Veil – 世界樹の迷宮III 金姫アンソロジー

本のタイトル:Royal Veil – 世界樹の迷宮III 金姫アンソロジー
サークル:ミヤミ屋。

世界樹の迷宮は詳しくないのですが…世界樹Ⅲの金姫の二次創作イラスト・マンガ合同誌のようですね。凄いページ数で装丁も豪華っぽい!
タイトル「Veil」にちなんでいるのでしょうか、流行りのパララックス効果を使っていて、折り重なった茶・黒・赤の背景や、最後のぼやけたイラストから元のイラストに切り替わる演出も高級感があって素敵です。文字選択したときに金色になるのも地味に可愛いですね。

Crotch Chronicle 2.0

本のタイトル:Crotch Chronicle 2.0
サークル:ブタボール

女の子の下着イラスト合同誌。でも18禁じゃないから安心ですね。
素敵な特設サイト教えて!とtwitterで言ったら、RTから教えてもらえたのがこのサイトでした。
タイトルロゴや文字が浮き上がってくる演出は実際の本の、白い紙にエンボスのイメージなのかしら!
サムネイルのマウスオーバー効果もじんわりしてていい雰囲気ですね。

DIVERSE SYSTEM – JAPAN – C84 三日目 西2 あ41a -

CDのタイトル:JAPAN
サークル:DIVERSE SYSTEM

日本をテーマにした楽曲集。同人音楽系では有名なサークルさんなのですね?サイトトップには、この他にも新刊と特設ページがありました。
音楽ジャンルは疎くて今まで知らなかったのですが、Webデザインをまとめてるサイトから辿り着きました。
なんかもうすごい。すごいとしか言いようがない。ぐるんぐるん動く。これ、Flashじゃないんだぜ…!
IEには対応しておらず、シンプルな動かないページです。
Webサイト制作は本職のAKIRAFUKUOKAさん。

まとめ

以上!9サイトでした!

今回探したり調べたりしてみて、同人サイトもかなりSEO意識して作られてるものだとびっくり。二次創作だとけっこうアングラにやってるイメージがあるのですが、今どきはツイートボタンやいいねボタンを付けるのが同人サイトでも当たり前なのでしょうか…!

いつもチェックしてるサークルさん以外はなかなかこういうサイトを見つけられなくてこれくらいしか取り上げてませんが、もし「ここも凄いよ!」ってのがあればブログのコメント欄かtwitterで教えてくれると嬉しいです!

自分も同人誌特設サイト作りたいなーと思って調べ始めたのですが、凄いサイトを見ちゃうと、こりゃ真似できねえ…!って思っちゃいますね…。

わかる限りWeb制作した方のお名前も取り上げましたが、書いてないのは調べてもわからなかったものです。装丁やコーディングってあくまで裏方だから、わからないまま終わるなんてことはよくありますが、私、気になります!
そんなこんなで、この記事まとめるの丸1日かかってしまいました…。

追記。
予想以上にいろんなところで取り上げていただいて、ガクブルしてます。もちろん紹介してる先のサイト・サークルさんが凄いからなのですが!


Tags: , , ,

8 Responses to 同人サイトとは思えないクオリティ!コミックマーケット84新刊特設サイトまとめ


    Warning: call_user_func(twentyten_comment) [function.call-user-func]: First argument is expected to be a valid callback in /home/users/0/raindrop.jp-hisakatano/web/wp-includes/comment-template.php on line 1627

    Warning: call_user_func(twentyten_comment) [function.call-user-func]: First argument is expected to be a valid callback in /home/users/0/raindrop.jp-hisakatano/web/wp-includes/comment-template.php on line 1627

    Warning: call_user_func(twentyten_comment) [function.call-user-func]: First argument is expected to be a valid callback in /home/users/0/raindrop.jp-hisakatano/web/wp-includes/comment-template.php on line 1627

    Warning: call_user_func(twentyten_comment) [function.call-user-func]: First argument is expected to be a valid callback in /home/users/0/raindrop.jp-hisakatano/web/wp-includes/comment-template.php on line 1627

    Warning: call_user_func(twentyten_comment) [function.call-user-func]: First argument is expected to be a valid callback in /home/users/0/raindrop.jp-hisakatano/web/wp-includes/comment-template.php on line 1627

    Warning: call_user_func(twentyten_comment) [function.call-user-func]: First argument is expected to be a valid callback in /home/users/0/raindrop.jp-hisakatano/web/wp-includes/comment-template.php on line 1627

    Warning: call_user_func(twentyten_comment) [function.call-user-func]: First argument is expected to be a valid callback in /home/users/0/raindrop.jp-hisakatano/web/wp-includes/comment-template.php on line 1627

    Warning: call_user_func(twentyten_comment) [function.call-user-func]: First argument is expected to be a valid callback in /home/users/0/raindrop.jp-hisakatano/web/wp-includes/comment-template.php on line 1627

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

▲Back to top