ファーストビュー画像領域では3枚の画像が連なった表示が展開されており、一枚ずつ右から左に流れていくスライドショーになっています。中央の画像がメインの表示になっており、クリックすると詳細情報が掲載された外部ページに飛ぶ仕組みになっています。番組情報を得やすく、ユーザの興味を抱かせる工夫がしっかりと施された構成になっています。スクロールしていくと、ニュースやイベント情報などの項目にサムネイル画像を用いており見やすい構成です。番組ごとのバナー画像もページ上に多数表示されていて賑やかな画面が構築されています。キャラクターのイラストやアイコンなども用いられていて、楽しく閲覧できるサイトです。
カテゴリ
基本情報
制作会社に関連するデザイン
- 「RKB毎日放送」のホームページデザイン解説
ファーストビューの背景にグレーの斜線模様が使われていて、その上にコンパクトな画像領域が設置されていることでユーザの目を引く演出が施されています。画像領域で切り替わる画像には切り替わる際にオーバーラップの効果が加えられていて、ちょっとしたモー...
- 「カンテレのチカラ」のホームページデザイン解説
ピンクの英語フォントで大きく書かれたタイトルと、モザイク状にちりばめられたカラフルなテクスチャがポップでお洒落な印象を与えます。画面をスクロールさせると画面幅いっぱいに表示されるピンクのバーが目を引き、クリックするとエントリーコースの一覧が...
- 「衛星放送協会」のホームページデザイン解説
ヘッダーに固定表示されたナビゲーションメニューの設計が、各メニューにカーソルを合わせると下部からタブが現れる仕組みとなっていて、それぞれ色分けされていることで見やすい構成となっています。また、ポップな色分けによってサイトの雰囲気を演出する要...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
奇抜・派手なホームページのデザイン
- 「つばめタクシー・大和グループ 採用情報サイト」のホームページデザイン解説
ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...
- 「makespace.」のホームページデザイン解説
海外のクリエイターや起業家向けの、コミュニケーションプラットフォームへのリンクを一堂に集めたページです。ダークグレーの背景の中にシンプルにInstagram風にサムネイルが並び、マウスオーバーすると写真が鮮やかなカラーのベタに切り替わる演出...
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...