WEBサイト100選

勉強の一環として、デザインが参考になったサイトや気になったサイトをピックアップしています。何事もまずはその世界のことを知るところからスタートしなければ、と言う事で目指せ100選!!

サイト一覧 | 旅行、地域


1.東京銭湯

東京銭湯

レスポンシブ・デザインを利用したサイトです。カラムをふんだんに利用しているところが、整然としていて好みです。また、トレンドのフラットデザインとパステル系の配色がお洒落な雰囲気を醸し出しています。



2.四国松山公式観光Webサイト

四国松山公式観光Webサイト

サイトを開いてすぐに大きな画面で表示される観光地の写真に、訪れてみたいと思わされます。サイトの色合いも風情のある街並みのイメージを意識した配色になっていて、癒しの空間を演出した安心できるとても落ち着いた印象に仕上げられています。また、ページトップにSNSのアイコンを配置した、共有することを考えられた作りになっています。



43.まめ知識

OUTDOORのまめ知識について取りまとめたサイトです。情報をカテゴリー毎に分けられていて、とても使い勝手が良いです。また、バックの絵もOUTDOOR好きの人が好みそうなテイストになっています。



51.Culas+ 暮らすプラス

Culas+

タイトルが韻を踏んでいるためとても印象に残るサイトです。キュレーションサイトであるため、カテゴリー毎のリンクをコンテンツ内に分かりやすく設置されています。サイドバーに予約可能イベントや人気記事ランクインを用意するなど、サイト100選を作る際にもとても参考になります。



64.道の駅おおた

道の駅おおた

フッターからサイドを通ってトップに続く道の上と、そこを走る車が描かれているところに遊び心を感じます。また、自然の中をドライブすることを緑で表現されていてとても印象に残る作りになっています。



72.倉敷観光WEB

倉敷観光WEB

WordPressで作成されたサイトですが、記事ページが固定ページのように見える作りになっていてとても参考になります。WordPressの利用用途の幅広さ、可能性を感じることができるページです。



75.まいづる観光ネット

まいづる観光ネット

ファーストビューで日本三景の天野橋立が表示されていて、舞鶴の魅力を余すところなく伝えている素敵なサイトです。サイドバーのバナーがコンテンツ毎に共通のデザインにされているところや、フッターのバックグランドには舞鶴近辺の地図が配置されているところにも工夫を感じます。



100.東京駅

東京駅

ナビゲーションもナビゲーション内の項目もアイコンで表示されており、画面を見て直感的に操作できるサイトというイメージがあります。また、ナビゲーション内のアイコンもカテゴリー別に分けらていてフィルタリングで選別されるようになっています。利用者の調べたいことを検索できるように検索メニューも設置されていて非常に使いやすいです。