画面中央にキャッチコピーが浮き出てきた後ロゴマークが表示されてトップページに遷移します。メインの画像領域は角丸のひし形に区切られた写真が下から上に流れていく表示で様々な街並みが見られて、見入ってしまうような構成になっています。スクロールすると、人気のロケ地やおすすめの風景の写真が並び、気になったものは詳細を見ることができるようになっています。よくあるご質問としてQ&Aコーナーも設けられていてユーザーにとって非常に親切で、そのどれもがシンプルで見やすい設計になっているため非常に利用しやすいサイトになっています。うきはの街やその土地で撮られた作品の魅力を伝えるためのサイト構成がしっかりと考えられています。
執筆者
カテゴリ
基本情報
サービスサイトに関連するデザイン
-
「TNER」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
ポップなホームページのデザイン
-
「ポmagazine」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、京都を訪れた人々のイラストが描かれています。カーソルをあてたところにホワイトの丸いポインターがついてきて、吹き出しが現れます。グローバルナビにてトピックや特集、コラ...
- 「Viens-là」のホームページデザイン解説
ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「MUSABI WEB OPEN CAMPUS 2020」のホームページデザイン解説ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...