グレーをベースに、ブルーとブラックをアクセントにしたサイトです。ファーストビューには、雑踏の中でスマホを見る男性の画像が使われています。トップページの中央に、日経電子版を1ヶ月無料体験できるブルーのバナーが貼ってあります。日経電子版を申し込むメリットについて説明しています。有料会員向けの「使い放題サービス」も掲載しています。イラスト付きアイコンをクリックすると、コンテンツの読み放題やトピック・コラムのフォローのページに移ります。重要なお知らせの部分は、ブラックの白抜き文字で目立たせています。キーワードを登録、記事の保存、検索が可能です。下層ページより、日経電子版に関する「よくある質問」を読むことができます。
カテゴリ
基本情報
制作会社に関連するデザイン
- 「衛星放送協会」のホームページデザイン解説
ヘッダーに固定表示されたナビゲーションメニューの設計が、各メニューにカーソルを合わせると下部からタブが現れる仕組みとなっていて、それぞれ色分けされていることで見やすい構成となっています。また、ポップな色分けによってサイトの雰囲気を演出する要...
- 「カンテレのチカラ」のホームページデザイン解説
ピンクの英語フォントで大きく書かれたタイトルと、モザイク状にちりばめられたカラフルなテクスチャがポップでお洒落な印象を与えます。画面をスクロールさせると画面幅いっぱいに表示されるピンクのバーが目を引き、クリックするとエントリーコースの一覧が...
- 「tv asahi」のホームページデザイン解説
サイトを開くと鮮やかなグラデーションの背景上にテレビ番組のバナー画像が表示されていて、目を引くデザインが考えられています。画像領域の横にはタイムテーブルと番組表がタブによって切り替えられる表示が設置されており、一目で優先度の高い情報が得られ...
Webメディアに関連するデザイン
- 「madameFIGARO.jp」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、ファッション情報を掲載しています。グローバルナビにてビューティ、トラベルやカルチャーなどを案内しています。トップページの中央に、madameFIGARO.jpの週間...
- 「VOGUE JAPAN」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、VOGUE JAPANのファッションブランドを紹介しています。グローバルナビにてビューティ、ライフスタイルなどを案内しています。トップページの中央に、VOGUE J...
- 「TOKYO VOICE WEB」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、TOKYO VOICEのオリジナル記事を紹介しています。3本ラインのメニューボタンにて話題のニュース、オンラインショップなどを案内しています。トップページは2カラム...
ブルーを使ったデザイン
- 「フロンティア総合会計事務所」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、フロンティア総合会計事務所のスタッフが写っています。グローバルナビにて事務所概要、顧問料などを案内しています。フロンティア総合会計事務所の顧問料については、月額の記帳...
- 「ゆめ中央保育園」のホームページデザイン解説
ベージュをベースにブルーをアクセントにしたサイトです。ファーストビューには、ゆめ中央保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて施設概要、年間行事などを案内しています。ゆめ中央保育園は「本園」と「分園」に分かれています。ト...
- 「おおたか総合法律事務所」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、都心の高層ビル群が淡いトーンで写っています。3本ラインのメニューボタンにて、事務所の業務内容などを案内しています。トップページの中央に、おおたか総合法律事務所からのメ...
フラットなホームページのデザイン
- 「Wolf & Whale」のホームページデザイン解説
ニューヨークのデザイン事務所のコーポレートサイトです。サイトにアクセスするとまず鮮やかなブルーのベタが画面全体を横切り、画面が切り替わるとグレーをベースとしたモノトーンの色使いの中にわずかに使われたブルーの文字でデザインされた画面が目を引き...
- 「京都みなみ会館」のホームページデザイン解説
ファーストビュー画像はコンセプトメッセージが常時表記されたまま、左右スクロールによって切り替えることができるデザインです。同様の内容はその下の上映作品一覧紹介でも確認が可能です。さらに進む上映スケジュールが掲載されています。残席状況が丸、三...
- 「株式会社アリシア」のホームページデザイン解説
鮮やかなイエローのバックに、段ボールをかぶった人物の写真とキャッチコピーが大きく表示され、何のサイトだろう?と強く興味を惹きつけます。コンセプトを読んだ後に画面をスクロールすると視差効果で4コマ漫画のように写真が切り替わり、1枚目の人物の意...