itaicard

SNS・webサービス

製品・商品・サービス

http://itaicard.com/

痛Suica・痛PASMO用画像をダウンロードできるwebサービスサイト。パソコンのみで、昔ながらのレイアウトだが、ファーストビューにメインコンテンツの痛suicaの画像があり、サイトの目的が分かりやすい。またフッター部から作品別に検索できて使いやすさもある。

cardloan-girls

ニュース・ポータル

報道・出版・メディア

http://cardloan-girls.jp/

カードローン会社に関する情報サイトを「萌え」でプロモーションしたサイト。パッと見、アニメ作品と間違えてしまいそうになるほど力が入っている。キャラクター性のある分、難しい情報が見やすく分かりやすく理解しやすい。しかもレスポンシブ対応、プロモーション時にぜひ参考にしたい。

エチケットカッター開発秘話

LP・プロモ・ブランド

製品・商品・サービス

http://panasonic.jp/mens/face/er-gn-hiwa/

製品「エチケットカッター」のプロモーションサイト。パソコン版で見ると通常のサイトだが、スマホから見ると・・・。今まではパソコンに注力してスマホは情報が見られたら良かったが、これからのスマホ時代は、このようにスマホに注力したプロモーションサイトがとても大事。ぜひ参考にしたいサイトです。

work_design

公式・コーポレート

転職・人材・リクルート

http://www.wkd.co.jp/

採用関連のコンサルタント会社。PCがFlashサイト、スマホは専用ページがあり、今風のデザインになっている。カラフルなレイアウトが特徴で、見やすく分かりやすいサイト。

greatforestparkballoonrace

公式・コーポレート

音楽・イベント

http://greatforestparkballoonrace.com/

バルーンレースの公式サイト。トップページがパララックスになっており、気球がさまざまな景色を駆け巡っていく様子を演出している。下層ページは基本的なレイアウトで情報が見やすく分かりやすい。一点、スマホ版でスライドすると画面がずれたりして、少々手抜きが目立つ。

cozre

SNS・webサービス

製品・商品・サービス

https://feature.cozre.jp/

子育てするママを中心としたニュースサイト。ユーザーが登録して、記事作成できるタイプのサービスとなっており、アプリ配信も実施している。レスポンシブ・グリッドで、今風のデザインになっており、これから規模感のあるニュースサイト作成をしたい人は参考にしておきたいサイト。

beinspiredglobal

ニュース・ポータル

報道・出版・メディア

http://beinspiredglobal.com/

『Be inspired!』は、未来を担う次世代リーダーに向けた「inspiringな情報」を発信するメディアサイト。レスポンシブ・グリッドにカラフルさを加え、今風のモダンなレイアウトになっている。これからメディアサイトを作成する人は、ぜひ参考にしたい。

VALIANT KNIGHTS

LP・プロモ・ブランド

映像・インタラクティブ

http://v-knights.com/

VALIANT KNIGHTSの公式サイト。シングルページタイプの適度なパララックス効果がついたプロモーションサイトになっている。情報が見やすく整理されており、PCスマホともに分かりやすい。いきなり音楽が鳴ると驚くので、切り替え機能があると、なお良かったのかもしれない。

jobsuite ジョブスイート

SNS・webサービス

製品・商品・サービス

https://jobsuite.jp/

採用支援システム「ジョブスイート」のwebサービスサイト。募集職種ごとに採用をかけられ、DBによる応募者の進捗管理ができる。また他のリクルートサイトとの連携エントリー機能などもあり、採用入れ替わりの激しい職種で重宝するサービスとなっている。サイト自体は昔ながらのレイアウト。

DRIVE インターン

SNS・webサービス

製品・商品・サービス

http://drive.media/intern

DRIVE インターンは、大学1・2年生に特化した超実践型インターンシップ・メディアのwebサービスサイト。レスポンシブ設計のモダンなデザインで、検索などの機能や情報設計も良く、とても分かりやすいサイトになっている。これからwebサービスの制作を考えている方は、ぜひ参考にしたいレイアウト。

TOEI ANIMATION

公式・コーポレート

アニメ会社

http://www.toei-anim.co.jp/

東映アニメーション株式会社のコーポレートサイト。昔ながらのオーソドックスなウェブサイト構成で、多くの情報を見やすく分かりやすく扱っている。

株式会社トムスエンタテイメント

公式・コーポレート

アニメ会社

http://www.tms-e.co.jp/

株式会社トムスエンタテイメントのコーポレートサイト。レスポン対応のオーソドックスな構成で、すべての情報が見やすく分かりやすい。

ぴえろ

公式・コーポレート

アニメ会社

http://pierrot.jp/

株式会社ぴえろのコーポレートサイト。昔ながらの構成で、見やすく分かりやすい。

シャフト

公式・コーポレート

アニメ会社

http://www.shaft-web.co.jp/

株式会社シャフトのコーポレートサイト。静的htmlの制作で、あまりこだわりはない様子。

two2

公式・コーポレート

製品・商品・サービス

http://two2.jp/

sleep innovationを謳う、睡眠を軸とした製品・サービスの開発・販売・コンサルティング業をする株式会社TWOの企業サイト。レスポンシブ・video・パララックスを使った完成度の高いサイト。ブランディング・プロモーションをする際、必ず参考にしたい。

P.A.WORKS

公式・コーポレート

アニメ会社

http://www.pa-works.jp/

株式会社ピーエーワークスのコーポレートサイト。通常のニュースや販促以外に、アニメ制作スタッフのインタビュー記事コンテンツなどがある。

madhouse

公式・コーポレート

アニメ会社

http://www.madhouse.co.jp/

株式会社マッドハウスのコーポレートサイト。グローバルナビのキャラクターの動きに愛着がわく。また、ページ遷移の動きが面白い。

スタジオジブリ

公式・コーポレート

アニメ会社

http://www.ghibli.jp/

スタジオジブリのウェブサイト。トップにはトトロのメインビジュアルを添えて、下層ページではそれぞれで異なる構成にしている。

GAINAX

公式・コーポレート

アニメ会社

http://www.gainax.co.jp/wp/

GAINAXのコーポレートサイト。昔の構成で、あまりウェブサイトに注力していない様子。

bones

公式・コーポレート

アニメ会社

http://www.bones.co.jp/

株式会社ボンズのウェブサイト。フラットデザインの中に、スライドショーのメインビジュアルに動画埋め込みをして目を惹く。

SUNRISE

公式・コーポレート

アニメ会社

http://www.sunrise-inc.co.jp/

アニメ会社SUNRISEのコーポレートサイト。作品紹介・海外展開・会社案内ごとにサイトの種類が異なる構成をしている。

京都アニメーション

公式・コーポレート

アニメ会社

http://www.kyotoanimation.co.jp/

京都アニメーションのコーポレートサイト。一般的なレイアウトで多くの情報を取り扱っている。booksのアコーディオンの動きが面白い。

production I.G

公式・コーポレート

アニメ会社

http://www.production-ig.co.jp/

production I.Gのコーポレートサイト。

gonzo

公式・コーポレート

アニメ会社

http://www.gonzo.co.jp/

株式会社ゴンゾのコーポレートサイト。スライドショーと作品紹介の見せ方が良い。

A-1 Pictures

公式・コーポレート

アニメ会社

http://a1p.jp/

株式会社 A-1 Picturesのコーポレートサイト。フラットデザインで、情報が見やすく分かりやすい。

J.C.STAFF

公式・コーポレート

アニメ会社

http://www.jcstaff.co.jp/

アニメ制作の株式会社J.C.STAFF(ジェー・シー・スタッフ)のコーポレートサイト。

witstudio

公式・コーポレート

アニメ会社

http://www.witstudio.co.jp/

IGポートのグループ会社・株式会社ウィットスタジオのコーポレートサイト。レスポンシブ対応で、GOODSからはECサイトへ移行できる。最小限の構成で見やすく分かりやすいレイアウト。

リクルートキャリア

公式・コーポレート

転職・人材・リクルート

https://www.recruitcareer.co.jp/

リクルートキャリアのコーポレートサイト。左袖固定グロナビ・レスポン・videoによるメインビジュアルなど、現代トレンドの基本をシンプルな構成ですべて取り入れた具合のウェブサイト構成。これからのウェブサイト制作時に参考にしたいレイアウト。

ReBit

公式・コーポレート

NPO・NGO・特定非営利

http://rebitlgbt.org/

LGBT問題に取り組む、Rebitのウェブサイト。カラフルな色使いで目を惹くデザイン。

cue-monitor

SNS・webサービス

製品・商品・サービス

https://www.cue-monitor.jp/

「株式会社インテージ」が運営するキューモニターのウェブサイト。登録したモニターがインターネット上でのアンケート調査などを実施することでポイントが貯まり、ポイント数に応じて、様々な商品と交換することができるサービス。webサービスを始める人はぜひ参考にしたいサイト。