メインビジュアルの中に必要な数値データをおさめ、一目で重要な情報がわかります。サイト全体の文字サイズを切り替える機能を持たせ、閲覧者に合わせたページの表示が可能です。膨大な情報量を表とグラフを多用し、メインカラーのオレンジの濃淡でアクセントをつけています。
執筆者
カテゴリ
基本情報
証券会社に関連するデザイン
-
「みずほフィナンシャルグループ」のホームページデザイン解説ファーストビューは画像が左右に切り替わるデザインです。その下にはニュースリリース、更新情報とFAQの3項目が分けれ表示されています。興味がある項目タブを押せば情報を確認することができユーザにとっても便利な仕組みです。その下の株価情報は表示が...
-
「NOMURA」のホームページデザイン解説トップページ上部は枠内いっぱいにファーストビュー画像、各項目毎の画像がきちんと整列しておりインパクトがあるデザインです。ページを下に進むとニュースリリース、更新情報などが掲載されています。各項目毎にタグが付けられているため視覚的にわかりやす...
-
「松井証券」のホームページデザイン解説ファーストビュー画像内に2つのボタンを用意しており選択させている点が特徴的です。その下にはイラストを用いてそれぞれの項目を並べています。口座開設については何分で完了するのか目安の時間があり口座開設ハードルを下げています。 トップページ下部...
コーポレートサイトに関連するデザイン
-
「エムトラスト株式会社」のホームページデザイン解説ファーストビューではCGグラフィックが展開されており、非常に凝った演出が思わず見入ってしまうような構成になっています。色鮮やかで驚きのある表現が、サイトの導入として効果的な演出です。上部にはナビゲーションメニューが設置されていて、下スクロー...
-
「graf」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、grafオリジナルのインテリアを紹介しています。グローバルナビにてプロダクト、グラフィックなどを案内しています。プロダクトのページでは、家具づくりに使っている道具や...
-
「東急不動産」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューには、東急不動産のオフィスタワーが写っています。グローバルナビにて東急不動産の会社情報、不動産ソリューションなどを案内しています。トップページの中央に、東急不動産のプロジ...
オレンジを使ったデザイン
-
「なら国際映画祭2020」のホームページデザイン解説鮮やかなオレンジをメインカラーに使って、派手でインパクトのある演出が特徴的なサイトデザインに仕上げられています。ファーストビューの画像領域では画像が切り替わる際のモーションに面白い効果が加えられていて、目を引く演出となっています。ヘッダーに...
-
「新築HOME’S」のホームページデザイン解説グレーをベースにオレンジをアクセントにしたサイトです。ファーストビューでは、イラスト付きのアイコンから住まいを探せます。グローバルナビにて、不動産・住宅情報などを案内しています。トップページの中央に、不動産のカテゴリ一覧を掲載しています。不...
-
「ココログ」のホームページデザイン解説メインビジュアルは2枚の画像で構成されたスライドショーで、その下のブルーのストライプの帯には新着記事のタイトルが電光掲示板のようにスライドして表示されます。カテゴリーはラウンド状のボタンが右から左へと次々と流れてきて、様々なジャンルのブログ...
かっこいいなホームページのデザイン
-
「Elias & Valentin」のホームページデザイン解説斜めに並んだ複数の画像がスクロールと連動して動く仕組みがファーストビュー画像領域に展開されており、目を引く演出がしっかりと考えられています。ファーストビューではブラックの背景にホワイトの文字を使うことでメリハリの効いたスタイリッシュなイメー...
-
「FRAMED* Mono X7」のホームページデザイン解説ファーストビューではディスプレイの画面が回転し、その中で次々を画像が切り替わっていくムービーが展開されていて、商品の情報がストレートに伝わる演出が施されています。説明が無くても映像で商品を知ってもらえるような作りになっていて、ユーザが直感的...
-
「Utrust」のホームページデザイン解説ファーストビュー全体を使ってシステムの説明モーションが展開され、一連のモーションがサイトを開いてまず目に飛び込んでくることでインパクトのある演出が施されています。思わず見入ってしまうような驚きのある展開で、サイトの導入として効果的な演出です...