ファーストビューに表示された画像は、下部に設置されたコンテンツ表示にカーソルを合わせることで表示されている画像が切り替わる仕組みになっていて、表示された画像上には、常にゆっくりと回転している目を引く要素も設置されていて、動きがあることでユーザの興味を抱かせる工夫が施されています。コンテンツ表示にカーソルを合わせると下部に内容がリスト表示されてページ間の移行がスムーズになる仕組みが採用されています。下層ページではイメージ画像を用いた表示や、イラストを用いた項目など多彩な表現が展開されていて、ユーザを飽きさせない構成がしっかりと考えられています。全体を通してスッキリと見やすい設計で完成度の高いサイトです。
カテゴリ
基本情報
銀行に関連するデザイン
- 「あおぞら銀行」のホームページデザイン解説
サービスのキャッチフレーズが浮かび上がるページからはじまるホームページです。ファーストビュー画像はそれぞれキャンペーン情報が掲載されています。画像下には日付とお知らせが右から左へ動くデザインで注目度を高めます。ページ全体としては白と青を基調...
- 「城南信用金庫 – 新卒採用」のホームページデザイン解説
メインビジュアルは銀行で働く人々の写真をタイル状に組み合わせたもので、中央にベタを敷いてメッセージを重ねることで、応募者に就業への強い意欲を促します。コンテンツはブルーやグリーンのバックに写真を自然なグラデーションでマスクして乗せ、スペシャ...
- 「三井住友トラスト・ホールディングス」のホームページデザイン解説
トップページ内に画像やピクトグラム等のイラストはなく文字がメインの情報量が充実したホームページです。ニュースリリースや更新情報、各種項目にはそれぞれリンク先があり別ページへ遷移する仕様になっています。各カテゴリー毎に情報が分かれているため各...
サービスサイトに関連するデザイン
- 「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説
地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
- 「株式会社東名_オフィス光119」のホームページデザイン解説
メインビジュアルは3枚の画像がカルーセルで次々切り替わります。ブルー系でまとめられたさわやかな色使いにイエローをアクセントに使い、導入部分は背後に鮮やかなグラデーションを敷き、プランの紹介は太いラインで囲んで月額料金を大きく表示した上に、使...
- 「salon de You_vary clue」のホームページデザイン解説
メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
ホワイトを使ったデザイン
- 「JEJアステージ株式会社_outre」のホームページデザイン解説
スケートボードやサーフィンなどのアウトドアスポーツのアイテムを取り扱う企業のサイトで、サイトを開くと画面幅いっぱいにムービーが再生され、スケートボードの制作シーンや各スポーツのデモンストレーションが紹介されています。企業ロゴにも使われている...
- 「株式会社森山建設」のホームページデザイン解説
サイトを開くと美しいインテリアの写真をまとめたスライドショーが表示され、その上に重ねられたキャッチコピーはシャドウをかけて読みやすくなるよう配慮がなされています。くすんだグリーンをアクセントカラーにした落ち着きのある色使いで、タイトルは細身...
- 「ビストロやま_ウェディングサイト」のホームページデザイン解説
メインビジュアルは結婚式の写真を画面いっぱいに配置し、その上に帯を敷いてキャッチコピーを重ねています。コンテンツはホワイトとベージュの背景が交互に入れ替わり、シンプルな1カラムのレイアウトで、コンテンツの切り替え部分に写真の帯を配置し、お問...
シンプルなホームページのデザイン
- 「東海キャスター株式会社」のホームページデザイン解説
メインビジュアルは横長のスライドショーで、特にサイトを開いてすぐに表示される、製品のアップを映した重厚感のある写真が目を引きます。鮮やかなブルーのグラデーションとフラットなグリーンに、カタログ請求や資料請求ボタンのイエローが映える色使いで、...
- 「株式会社ユースペースプランニング」のホームページデザイン解説
メインビジュアルは建物の外観と内装写真で構成されたスライドショーに企業ロゴを重ねたレイアウトです。タイトルは太めの英語フォントで力強く書かれ、本文のフォントを小さめにすることでジャンプ率を上げてメリハリをつけています。モノトーンの色使いと夜...
- 「株式会社 せらら工房」のホームページデザイン解説
メインビジュアルのスライドショーは写真の中央に企業ロゴを小さく配置したレイアウトで、特に1枚目の写真は鮮やかな赤いレンガの家の外観写真を大きく使い、インパクトを与えます。写真と背景を自由なレイアウトで配置し、背景はコンテンツごとにホワイト・...