Warning: Use of undefined constant ture - assumed 'ture' (this will throw an Error in a future version of PHP) in /home/commitlab/www/wdscratch/wp-content/themes/wds_v0.96/functions.php on line 15

Warning: Use of undefined constant ture - assumed 'ture' (this will throw an Error in a future version of PHP) in /home/commitlab/www/wdscratch/wp-content/themes/wds_v0.96/functions.php on line 17

Warning: Use of undefined constant ture - assumed 'ture' (this will throw an Error in a future version of PHP) in /home/commitlab/www/wdscratch/wp-content/themes/wds_v0.96/functions.php on line 19

Warning: Use of undefined constant ture - assumed 'ture' (this will throw an Error in a future version of PHP) in /home/commitlab/www/wdscratch/wp-content/themes/wds_v0.96/functions.php on line 22

Warning: session_start(): Cannot start session when headers already sent in /home/commitlab/www/wdscratch/wp-content/plugins/siteguard/siteguard.php on line 153
クリエイティブでデザイン性の高い国内サイト ベスト14 – 2011年10月版 | WDS

wds

Web Design ScratchWebデザインからガジェットまで、web制作に役立つまとめ情報をお届けします

  • はてブ
  • twitter
  • RSS
2011.10.24 13:21

クリエイティブでデザイン性の高い国内サイト ベスト14 – 2011年10月版

201110
twitterやってます

更新日時：2011.10.24 13:21

カテゴリ：Webデザイン

本日は2011年の10月中にブックマークしたクリエイティブでデザイン性の高い日本国内のサイトをご紹介いたします。

私が10月中にブックマークしたサイトなので、ご紹介するサイト自体は10月以前から存在しているものもありますがご了承ください。

食品・飲食関連のサイト

間口一就 まぐちかずなりの、ウェブサイト間口一就 まぐちかずなりの、ウェブサイト

HTML5jQuery

銀座ロックフィッシュの主で「銀座ハイボール協会」会長のまぐちかずなり氏のウェブサイト。短冊を横に並べたような珍しい横長のレイアウト。右までスクロールするとハイボールの背景が出て来ます。

大丸ギフト人気投票大丸ギフト人気投票

HTML5jQuery

Twitterなどと連携し、コメントすることで各商品につき1名ずつにギフトが当たる大丸のお歳暮シーズン用キャンペーンサイト。

TGA ニュースタイル紙容器 TGA登場。|日本テトラパックTGA ニュースタイル紙容器 TGA登場。|日本テトラパック

Flash

日本テトラバックによる注ぎやすく再封できて振れる紙パックTGAのプロモーションサイト。何故紀文の調整豆乳を持って踊ってるかというのは、日本で初めて採用した商品だからみたいです。※音が出ます。

有機野菜・無添加食品の会員制個宅配サービス | 地球人倶楽部有機野菜・無添加食品の会員制個宅配サービス | 地球人倶楽部

jQuery

東京と神奈川の一部を対象とした無農薬有機野菜・無添加食品の会員制個宅配サービス地球人倶楽部のwebサイト。スマートなデザインで参考書の作例として出て来そうな作り。

海苔を中心としたシーフードメーカー 株式会社福井（三重県桑名市）海苔を中心としたシーフードメーカー 株式会社福井（三重県桑名市）

a-blog cms?

三重県桑名市にあるシーフードメーカー株式会社福井のwebサイト。主力商品をナビゲーションに当てはめ、主にBtoB向けサイトであることが伺える。背景と曲線でトリミングされたフッターからうっすらと和を感じるデザイン。

制作会社・クリエイター関連のサイト

世界を変えるプロジェクトチーム - RYNAPSE | 株式会社リナプス世界を変えるプロジェクトチーム – RYNAPSE | 株式会社リナプス

HTML5jQuery

世界を変えるプロフェッショナル集団リナプスのwebサイト。サイト全体が縦長の1ページとなっており、スクロールで全てが見える作り。

spicebox, inc. スパイスボックス - インタラクティブ・エージェンシーspicebox, inc. スパイスボックス – インタラクティブ・エージェンシー

jQuery

webサイトからスマートフォンアプリなど幅広く活躍するスパイスボックスのwebサイト。トップページと各カテゴリの一層目が地続きで縦長の1ページとなっている。

マスコミ関連のサイト

株式会社サイゾー株式会社サイゾー（Cyzo inc.）

jQueryjQuery UI

雑誌サイゾーをはじめ、Web上では日刊サイゾーなどを運営する株式会社サイゾーのwebサイト。カーソルがリンクに乗ることで折り畳まれたDivが展開していく。

家電メーカー関連のサイト

LAQUA-Debut!-HORIBA-LAQUA Debut! -HORIBA-

Flash

分析・計測機器を扱うHPRIBAの新商品LAQUAのサイト。エンジン排ガス測定・分析装置分野で80%の世界トップシェアを握る会社。※wikipediaより

canonキヤノン：ティム・レイマン　スペシャルサイト「INTO THE NATURE」

jQuery

写真家ティム・レイマン氏によるEOSスペシャルサイト。写真や動画をふんだんに使った縦長レイアウト。各見出しの部分は背景の線画と文字が2層に別れてスクロールする。

旅館・ホテルなどのサイト

石川県 能登半島 和倉温泉 旅館 | 和倉の夕日に染まる宿「多田屋」石川県 能登半島 和倉温泉 旅館 | 和倉の夕日に染まる宿「多田屋」

HTML5jQuery

石川県能登半島にある温泉旅館多田屋のwebサイト。旅館の成り立ちや歴史を丁寧にコンテンツ化したサイト。流行の良いとこどりをしたようなレイアウト。旅館の予約もじゃらんなどから選べて便利。

ファッション・アパレル関連のサイト

giraffegiraffe

jQuery

ネクタイを専門とするブランドgiraffe(ジラフ)のwebサイト。余白を上手く使ったサイト。Web上ではZOZOTOWNにて販売中。

行政・自治体関連のサイト

うどん県へようこそうどん県にようこそ。

jQuery

デザインもさることながら、その企画力の高さで話題をさらったうどん県のサイト。著作権は香川県に帰属しますという文字の通り、本当に自治体のサイトなんでしょうね。音がでます。

イベント関連のサイト

かたりべ四街道（市制三十周年記念協賛事業）かたりべ四街道（市制三十周年記念協賛事業）

jQuery竹取js

四街道市市制30年を記念した、かたりべ四街道のサイト。記憶を頼りにこれまでとこれからを語るプロジェクト。アクセントとして配置された縦書きには竹取jsが使われている。

更新日時：2011.10.24 13:21

カテゴリ：Webデザイン

次の記事

前の記事

この記事へのコメント

  1. aaa より:
    2011.10.24 9:16 PM

    うどん県のところで、「音がでます。」とはどういう意味ですか？

  2. WDS より:
    2011.10.24 10:12 PM

    サイトを開くと「うどん県！」という声が流れるんですね。
    なので(職場や音の出せない場所にいる場合は)音が出ます(ので注意してください)
    という意味で書きました。省略しすぎというか言葉足らずで申し訳ない。

コメントフォーム

CAPTCHA


トラックバックのURL

この記事へのトラックバック

  1. N. » Blog Archive » Weekly Twitter Log （2011/10/15 – 10/28） より:
    2011.11.02 7:52 PM

    […] リエイティブでデザイン性の高い国内サイト ベスト14 – 2011年10月版 […]

About Me

WDSロゴ

「web制作の新しい情報が知りたいけど、仕事が忙しい！」「RSSは登録したものの消化しきれない」WDSはそんな貴方の為に、web制作に関する最新情報をはじめ、おやすみ前の10分間で今日1日の話題が読み取れるサイトを目指します。

Category

Link
ダミー