観光写真素材を無料で提供しているWEBサービスサイトということで、トップページのヘッダーに検索窓が設置されていて、サイトを開いてすぐに欲しい素材を探すことができるのが特徴的なサイトです。キーワードとエリア・ジャンルで検索ができて、探しやすい検索方法になっています。検索窓の背景には提供している素材が背景として使われており、その背景をクリックすることでそのままその素材をダウンロードできる画面に遷移します。気になる素材が表示されていたらすぐにダウンロードできるというユーザー視点を考えた構成になっています。スクロールをすると、おすすめ素材がサムネイルで一覧表示されていて、見やすい設計となっています。素材のダウンロードページでは関連写真や関連キーワードのタグも表示されて、イメージに最も近い写真を見つけやすいサイトに仕上がっています。
執筆者
カテゴリ
基本情報
Webサービスに関連するデザイン
-
「everyday icons」のホームページデザイン解説全体としては白を基調としたシンプルなデザインのホームページです。トップページ上部にはグローバルナビゲーションのボタンと検索ボタンが設置されています。ファーストビュー画像下にはどのようなサービスを取り扱うサイトなのか、アイコンのイラストともに...
-
「オレンジページnet」のホームページデザイン解説ホワイトをベースに、オレンジとブラウンをアクセントにしたサイトです。ファーストビューでは、料理のレシピやイベントレポートを紹介しています。グローバルナビにて「料理の基本」や「料理の前段階での準備」、人気のレシピランキングなどを案内しています...
-
「ここカラダ」のホームページデザイン解説サイトを構成する要素のカラーをまとめることで統一感のある印象を作り上げています。またグリーン系のカラーで統一することで、「病院検索」という提供するサービスのイメージにマッチしたナチュラルな雰囲気を演出しています。「地域から探す」「検査コース...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
かっこいいなホームページのデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「FIL – SUMI LIMITED」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
-
「Shibuya Media Pedia」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、「OOH360°View&Generator」を使って渋谷を写した高速の動画をあげています。OOH360°View&Generatorはメディアの周辺環境を閲覧した...