背景前面に雪景色の写真を用いた大胆な構成が、インパクトのある演出となっています。ファーストビューの画像領域では短いスパンで素早く切り替わるスライドショーが採用されていて、様々な番組情報の画像が次々と現れることでユーザの関心を誘う設計になっています。スクロールしていくと「イチオシ番組」や「動画情報」などのコンテンツ表示が現れて、メニュータイトルの表示が統一されていることで見やすい構成になっています。「新着アナウンサーブログ」の項目ではブログ記事ごとにサムネイル画像が用意されていて、整然と並んでいることでアイキャッチの効果が考えられています。番組のバナー画像などによって賑やかなページに仕上げられており、楽しく閲覧できるサイトです。
執筆者
カテゴリ
基本情報
制作会社に関連するデザイン
-
「RKB毎日放送」のホームページデザイン解説ファーストビューの背景にグレーの斜線模様が使われていて、その上にコンパクトな画像領域が設置されていることでユーザの目を引く演出が施されています。画像領域で切り替わる画像には切り替わる際にオーバーラップの効果が加えられていて、ちょっとしたモー...
-
「カンテレのチカラ」のホームページデザイン解説ピンクの英語フォントで大きく書かれたタイトルと、モザイク状にちりばめられたカラフルなテクスチャがポップでお洒落な印象を与えます。画面をスクロールさせると画面幅いっぱいに表示されるピンクのバーが目を引き、クリックするとエントリーコースの一覧が...
-
「衛星放送協会」のホームページデザイン解説ヘッダーに固定表示されたナビゲーションメニューの設計が、各メニューにカーソルを合わせると下部からタブが現れる仕組みとなっていて、それぞれ色分けされていることで見やすい構成となっています。また、ポップな色分けによってサイトの雰囲気を演出する要...
サービスサイトに関連するデザイン
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
カラフルを使ったデザイン
-
「株式会社ウイング」のホームページデザイン解説メインビジュアルはTシャツプリントの作業工程をまとめたスライドショーで、キャッチコピーの横にインクが飛び散ったような図柄を配置しています。ページ上部に固定したナビゲーションメニューや、テキストボックスにもインクが垂れたような流線型をあしらっ...
-
「オオサカマニア」のホームページデザイン解説メインビジュアルは画面下部に吹き出し状のサムネイルがスクロールするスライドショーとなっており、画面中央に大きく表示されたタイトルロゴが迫力を感じさせ、背景のイラストに合わせてロゴと背景の色が変化する様子が大阪の多彩な楽しみ方を感じさせます。...
-
「妖怪ピーク」のホームページデザイン解説淡い水彩風のテクスチャで描かれた幾何学模様を散りばめたイラストがキャッチコピーの背後にゆっくりとした速度で流れ、ユーザーに寄り添うような優しい雰囲気を感じさせるファーストビューです。メインビジュアルの下ではワークショップの様子がカルーセルで...
ポップなホームページのデザイン
-
「株式会社りぶはあと」のホームページデザイン解説ぬいぐるみを多く取り入れたインテリアの写真と、メニューの下に配置されたぬいぐるみの寝そべる姿が可愛らしい印象をまず与えます。淡いベージュとブラウンを中心としたナチュラルな色使いで、スタンプ風のタイトルやサムネイルの手書き風のフォント、淡い水...
-
「キングファミリー」のホームページデザイン解説メインビジュアルは画面幅を3等分した画像に半透明の円形でタイトルを乗せたビジュアルで構成されており、それぞれマウスオーバーすると下からグラデーションがせり上がってきて、その上に説明文が表示される仕組みです。コンテンツの背後には古着の切り抜き...
-
「小金井自動車学校」のホームページデザイン解説ファーストビューでは画面幅いっぱいに教習所の紹介ムービーが流れ、中央には教習所の実績を表すキャッチコピーと、資料請求や仮入校申し込みなどの問い合わせへのリンクボタンが配置されています。オレンジとグリーンをアクセントカラーにした明るい色使いと...
