HiGash.Net ホームページへ戻る

Home [Blog] » 2011年上半期、参考にしたいWebデザイン・ベスト20

2011年上半期、参考にしたいWebデザイン・ベスト20

2011年上半期、参考にしたいWebデザイン・ベスト20

2011年も半年が経過しようとしてます。
なんだか30歳を過ぎてから、年月の流れが一層あっという間に感じるようになりました。このままだと、今年1年もあっという間に終わりそう。。。

さて。例によって、この半年にブックマークした個人的デザイン・ベスト20をまとめてみます。
以前はどちらかというと海外サイトの紹介が中心だったこのエントリーですが、ここ1年ぐらいで日本のサイトの数が圧倒的に増えました。日本のWebデザインのレベルがどんどんあがっていると感じると同時に、逆に海外のデザインはシンプルなものが増えすぎて印象に残るものが少なくなってる気がします。

20位:大阪産業振興機構

大阪産業振興機構

大阪の財団法人のサイト。
普通にきれいに作られてるサイトなんですが、メインビジュアルで切り替わる画像がヒドい。。。ここだけプロが作ってない感満載でちょっと残念です。

http://www.mydome.jp/

19位:CAR GRAPHIC

CAR GRAPHIC

クルマ雑誌『CAR GRAPHIC』のサイト。
コンテンツが少なく超シンプルなサイトですが、カッチリきれいにまとめられてます。

http://www.cargraphic.co.jp/

18位:Kodis Interactive

Kodis Interactive

アメリカのWebデザイン会社のサイト。
黒をベースにしたクールなデザインです。男ウケするデザインですね。

http://www.kodisinteractive.com/

17位:BeerCamp at SXSW 2011

BeerCamp at SXSW 2011

アメリカで開催されたイベントのサイト。
画面の中央をどんどん拡大していくことで、ページ遷移したように見せる斬新な発想のサイトです。また、特徴的なフォントは画像ではなく、Webフォントで表示されています。

http://2011.beercamp.com/

16位:マックグラフィックアーツ

マックグラフィックアーツ

日本のWeb制作会社のサイト。
さすが手慣れたデザイン。実績も見やすいです。

http://www.macgraphic.co.jp/

15位:NOYES

NOYES

ソファ専門のオンラインストア。
大きな写真が印象的なトップページ。トップとデザインは変わりますが、下層ページもきれいに作られてます。

http://www.ny-k.co.jp/

14位:Nikola Arežina graphic and web designer/developer

Nikola Arežina graphic and web designer/developer

サラエボ出身のデザイナーさんのポートフォリオサイト。
シンプルなデザインと独特のUIが印象的。タイポグラフィも美しい。

http://bergb.com/

13位:settima(セッチマ)

settima(セッチマ)

歯ブラシのブランドサイト。
ビビッドな赤の美しいグラデーションと斜めの黒いラインが印象的なサイトです。

http://www.okuchiesthe.jp/

12位:Manufacture d’Essai

Manufacture d'Essai

イタリアのファッションブランドのサイト。
1ページ完結型のサイトは増えてますが、このサイトは女性の全身写真を使った大胆な背景がとても素敵です。

http://www.manufacturedessai.it/it/

11位:東京スター銀行

東京スター銀行

東京の銀行のサイト。
カラフルでありながら、シンプルなデザイン。トップのメインビジュアル部分はダイナミックな動きをしますが、JavaScriptで作られているようです。

http://www.tokyostarbank.co.jp/

10位:Concept – EX-TR100 スペシャルサイト

Concept - EX-TR100 スペシャルサイト

カシオのデジタルカメラのスペシャルサイト。
トップページこそFlashで作られていますが、下層ページはJavaScriptによるエフェクトで写真や文字を動かしています。

http://www.exilim.com/jp/sp/tr/

9位:Feu(フー)

Feu(フー)

照明・電気設備のブランドサイト。
スペースをゆったりとった白ベースのシンプルなデザイン。動画に力が入ってます。

http://denko.panasonic.biz/ebox/lighting/feu/

8位:Phil Cooke

Phil Cooke

アメリカのメディアコンサルタントの個人サイト。
大きなメインビジュアルがとても印象的。画面を広く使って大胆にデザインされてます。

http://philcooke.com/

7位:Pieoneers

Pieoneers

カナダのWeb制作会社のサイト。
カラフルでポップなアートと手描きの文字をうまく使ったデザイン。アーティスティックです。

http://www.pieoneers.com/

6位:VSolution

VSolution

VMware販売代理店のプロモーションサイト。
線画のイラストなどを使って、「カッチリ」のなかにどこか柔らかさを感じさせるデザインです。

http://www.vsolution.jp/

5位:グレコ

グレコ

ベビー用品ブランドのサイト。
基本的にシンプルでカッチリしたデザインなんですが、カラフルな丸いモチーフをポイントに配することで、女性っぽさや子供っぽさを感じさせるサイトになってます。

http://www.gracobaby.jp/

4位:NIKE FREE VOICE

NIKE FREE VOICE

シューズブランドのプロモーションサイト。
HTML5らしくJavaScriptでシームレスに画面遷移していくクールなサイトです。画面遷移した際にURLが変わればよいのにな、と感じました。

http://nike.jp/nikefreevoice/

3位:トミーデジタルバイオロジー

トミーデジタルバイオロジー

ライフサイエンス、バイオテクノロジー関連機器などの輸出入、販売、開発を行う会社のサイト。
グラデーションとか影の付け方とかが上手。精巧に作られたデザインという印象です。

http://www.digital-biology.co.jp/allianced/

2位:ノーリツ鋼機

ノーリツ鋼機

B to B企業のコーポレートサイト。
横幅いっぱいに写真を敷いた大胆なヘッダーと、すごくシンプルなコンテンツエリアの対比が美しいデザイン。

http://www.noritsu.co.jp/

1位:福岡銀行

福岡銀行

福岡にある銀行のサイト。
テクスチャ、グラデーション、影、線。細かなパーツまで丁寧に作り込まれた完成度の高いデザインだと思います。

http://www.fukuokabank.co.jp/

以上、2011年上半期の個人的Webデザイン・ベスト20でした。

Share & Bookmark
このエントリをFacebookでシェアする
このエントリをTwitterでつぶやく
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl

コメント/トラックバック

2 件のコメント/トラックバックをいただきました。ありがとうございます!!

  1. [...] 2011年上半期、参考にしたいWebデザイン・ベスト20 | HiGash.Net [...]

  2. monaye より:

    最近日本のウェブ市場に興味があったので、なかなかいいリストで参考になりました。

ぜひこのエントリーに対するコメントをお聞かせください。

以下のURLでトラックバックも受付けています。

http://higash.net/20110625/11webbest20.html/trackback/

Preview

トラックバック
http://higash.net/20110625/11webbest20.html/trackback/

Page Top