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

建設用仮設機材のサイトです。
とりたててすばらしいデザインというわけではないけど、画面左側のリフトクライマーがページのスクロールに合わせて動くのが面白いので。コンテンツもページも少ないので、こういう仕掛けで魅せるっていうコンセプトはありだと思います。

http://liftclimber.jp/

Jリーグ名古屋グランパスの公式サイト。
チームロゴを真ん中に配置して両サイドに丸みを帯びたヘッダが特徴的ですね。プロ野球チームやプロサッカーチームのオフィシャルサイトはデザインの完成度の高いものが増えてきてるように感じます。

http://nagoya-grampus.jp/

アメリカの非営利団体支援サイト。
基本的にシンプルなんだけど、透明感があってビビッドな色使いが印象的です。

http://www.causecast.org/

ギリシャ在住、ブルガリア出身のデザイナーさんのポートフォリオサイト。
大きなヘッダをあしらって、コンテンツ部分はスライダーを使ってカテゴライズ。1ページにまとめられたシンプルできれいなサイトです。

http://www.neatcss.com/

Web画面上での文字表示のされ方を確認でき、CSSをダウンロードできるサイトです。
タイポグラフィのサイトだけあって、美しいセリフ書体を上手に使いこなしてると思います。

http://www.typechart.com/

東京のWeb制作会社のサイトです。
なんだか雑誌みたいなデザインが印象的です。流行に左右されにくい堅実なタイプのデザインだと思います。

http://www.netconcierge.jp/

キョーリン製薬の持株会社のコーポレートサイトです。
いかにもコーポレートサイトって感じのデザインなんですが、細かなところまでしっかりきれいに作られてると思います。子会社の キョーリン製薬 のサイトもきれいなデザインです。

http://www.kyorin-gr.co.jp/

ポーランドを拠点にグローバルに事業展開するWeb制作会社のサイトです。
シンプルでカッコいいけど、アイコンやイラストを効果的に用いているのでかわいらしさも感じるデザインです。

http://www.merixstudio.com/

イギリスのWebデザイン会社のサイトです。
一言で言うとクールなデザイン。カッコイイなぁ。こういうの作りたいなぁ。

http://www.netdreams.co.uk/

イギリスの音楽情報サイト。イギリス国外からの旅行者向けのサイトみたいです。
今年になってグランジブームは終焉の気配を感じるけれども、やっぱりロックと言えばグランジテイストですね。

http://www.visitbritainrocks.ca/

ピップ製品のサイト。各製品サイトへのポータル的な位置づけのようです。
カラフルな色使いが特徴的ですね。デザインも上手にまとめられてます。

http://www.pip-club.com/

アイルランドの食料雑貨店のサイトです。
トップのかわいらしいFlashアニメーションに目を奪われました。手描きっぽいWebデザインも素敵です。

http://www.organicsupermarket.ie/

大塚食品のWebマガジンです。
読みやすさという点ではちょっと？かもしれないけど、デザインはかわいらしいですね。レイアウトも斬新だと思います。

http://www.resola.jp/

東京のネットリサーチ会社のコーポレートサイトです。
これといって際立った特徴はないんだけど、上手にまとめられたデザインだと思います。

http://www.myvoice.co.jp/

アメリカのデザイン会社のサイトです。
いかにも海外って感じのグラフィックが印象的です。フォームに入力される文字がピンク色とは。。。

http://www.ectomachine.com/

アメリカのボランティア団体のサイトです。
ベトナムの人々を支援しているらしく、現地の写真をバックに配したヘッダがとても印象的。コンテンツ部分には破れた紙のテクスチャを使っているけど、グランジって感じではなくて上品にまとめられてます。

http://www.glocalventures.org/

カバーメイクアップ製品のサイトです。
白を基調にした上品でシンプルなデザイン。ビジュアルとしての写真やイラストがあまりなくても、ここまで魅せられるんだという意味でデザイナーとしてはとても参考になります。

http://www.grafa.jp/

アメリカの医療関連研究機関のサイトです。
縦に長くて美しいヘッダ部分が印象的です。グラデーションの使い方もとても上手。

http://www.gidoctor.com/

えーと。。。ちょっと説明が難しいサイトですけど、チェコのサイトです。
なるほど、そうやってヘッダとコンテンツを分けるか〜。写真の使い方が上手い。

http://www.seduction-school.cz/

（2009/6/24：リンク先が間違っていたので修正しました）

イタリアの食品通販サイトです。
手描きテイストのきれいなデザインです。色使い、テクスチャ、フォント、レイアウト・・・いろいろ参考にできそうです。

http://www.operamage.com/