鞆の浦でみつけた物語りと題して、街の魅力がたっぷり詰まったホームページです。青と白を基調として爽やかさを演出しています。 ファーストビューでは様々な立場の方々にインタビューを行った内容をランダムで表示させており、すべての物語も面白そうな内容でどれも読みたくなるなるようなデザインです。 ページ下部にはグローバルナビゲーションが固定しており、より興味を持った内容のページに遷移がスムーズに行われることを想定したデザインです。全体としてホームページで紹介されている「鞆の浦」の魅力が伝わってきます。爽やかさの中にサイト運営者の思いが感じられる素敵なホームページです。
執筆者
カテゴリ
基本情報
法人・組合に関連するデザイン
-
「日本速脳速読協会」のホームページデザイン解説コンテンツごとの色分けが絶妙で視覚的にわかりやすいサイト構成になっています。ファーストビューでは速読というあまり馴染みのないものを、そもそも速読とは何なのか？から解説しているページへのリンクが表示されていて、親切且つユーザの理解を深める効果...
-
「日本オリンピック委員会」のホームページデザイン解説ファーストビュは最新トピックスが表示らせています。全ての河面を表示させてしまうとトップページ内の情報が膨大になりすぎるため、項目数を限定し、一覧を見たい方は別ページへ遷移するデザインです。SNS・動画のカテゴリーでは5つの媒体を用いており、...
-
「地域開発研究所」のホームページデザイン解説ファーストビューでは勉強している手元の写真にアップに「施工管理士合格へ全力サポート！」のキャッチコピーを乗せ、受講講習会の検索ボックスを重ねることで、施工管理士の受験のためのサポートサイトであることを端的に伝えています。メインビジュアルの下...
Webメディアに関連するデザイン
-
「君二問フ」のホームページデザイン解説サイトを開くと中央にメッセージが展開されて、サイト導入の演出が凝った構成になっています。一連の流れのあとに「JOIN」のボタンが表示されてクリックするとトップページが表示される仕組みになっており、ユーザの期待感が高まるような演出が施されてい...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「syn」のホームページデザイン解説画像領域が左側に大きく表示されており、大きなエリアと小さなエリア2つに分けられた構成が見やすくユーザの関心を得るデザインになっています。右上にはドロアーで隠されたナビゲーションメニューが固定表示されていて、スムーズな閲覧が可能な設計となって...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
- 「Tokyo Ueno Wonderer」のホームページデザイン解説
ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
爽やかななホームページのデザイン
-
「PATRICK」のホームページデザイン解説サイトを開くと大きく表示された写真が目に飛び込んできて、インパクトのある演出が施されています。画像はスライドショーで切り替わる仕組みになっており、ユーザの興味を抱かせる工夫がしっかりと考えられています。スクロールしていくと特集記事の項目が展...
-
「P&G」のホームページデザイン解説ホワイトをベースにブルーをアクセントにしたサイトです。トップページでは、水玉の中にP&Gのブランドを紹介しています。中央に「何かお探しですか？」と検索窓を設けています。スクロールすると、P&Gについていろいろわかります。グローバルナビにて、...
-
「メディネット」のホームページデザイン解説ナビゲーションメニューを画面左に固定したレイアウトで、鮮やかなスカイブルーのサイトロゴと、ダークグレーのメニューが信頼感を感じさせます。下層ページも淡いグレーをメインに、スカイブルーをアクセントカラーにしたフラットなデザインで、CGのイメー...