サイトを開くと、ファーストビュー画像領域に公式キャラクターのイラストを用いた画像が表示されて、可愛らしい雰囲気が演出されています。スクロールしていくとコンテンツの表示が展開されて、キャンペーンや各種ローンについての詳細が閲覧できるページへのリンクボタンが並べられています。それぞれにアイコンが設置されていて見やすく、枠・ボタンともに角丸の四角で形状が統一されていることでスッキリとしたデザインとなっています。「ライフイベントに合わせたご提案」の項目ではそれぞれの項目が色分けされてカテゴリが表示され、また別のタッチのアイコンが設置されていて見やすい構成です。下層ページも同様にすっきりとまとめられていて、完成度の高いサイトです。
執筆者
カテゴリ
基本情報
銀行に関連するデザイン
-
「城南信用金庫 – 新卒採用」のホームページデザイン解説メインビジュアルは銀行で働く人々の写真をタイル状に組み合わせたもので、中央にベタを敷いてメッセージを重ねることで、応募者に就業への強い意欲を促します。コンテンツはブルーやグリーンのバックに写真を自然なグラデーションでマスクして乗せ、スペシャ...
-
「三井住友トラスト・ホールディングス」のホームページデザイン解説トップページ内に画像やピクトグラム等のイラストはなく文字がメインの情報量が充実したホームページです。ニュースリリースや更新情報、各種項目にはそれぞれリンク先があり別ページへ遷移する仕様になっています。各カテゴリー毎に情報が分かれているため各...
-
「NICOS」のホームページデザイン解説常時バナーとして「ご質問はこちら」が設定されているホームページです。単に文字だけでなく女性のイラストを用いることで案内がやわらかい印象となっています。全体としては白と赤を基調とした明るく元気で、誠実さのあるホームページです。フォントは原則ゴ...
サービスサイトに関連するデザイン
-
「MUTEK」のホームページデザイン解説ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...
-
「フォーサイト総合法律事務所」のホームページデザイン解説絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...
-
「Elias & Valentin」のホームページデザイン解説斜めに並んだ複数の画像がスクロールと連動して動く仕組みがファーストビュー画像領域に展開されており、目を引く演出がしっかりと考えられています。ファーストビューではブラックの背景にホワイトの文字を使うことでメリハリの効いたスタイリッシュなイメー...
ブルーを使ったデザイン
- 「フォーサイト総合法律事務所」のホームページデザイン解説
絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...
-
「イオニアシリーズ」のホームページデザイン解説ファーストビューには中央に大きく商品写真が配置されており、その背景に爽やかなイメージの写真が用いられていることで清潔感のある演出が施されています。商品写真と背景写真はスライドショーで切り替わる仕組みになっていて、サイトの導入として効果的な演...
-
「Lilionte」のホームページデザイン解説ファーストビューでは商品画像が浮いているような演出が展開されており、カーソルの動きに合わせて微細な動きが見られる効果が加えられていることでポップで楽しげな演出に仕上がっていて、ユーザの心を掴む工夫が施されています。サイトの導入として効果的な...
ポップなホームページのデザイン
-
「MUSABI WEB OPEN CAMPUS 2020」のホームページデザイン解説ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...
-
「Overpass」のホームページデザイン解説ビビッドでカラフルなオブジェクトをメインに構成されたサイトデザインになっていて、鮮やかでポップな雰囲気が演出されています。ファーストビューでは右側に配置されたブルーの背景上に人物の写真が表示されており、スライドショーで切り替わる仕組みになっ...
-
「Tyrus」のホームページデザイン解説サイトを開くと画面右半分に大きく様々なタッチのイラストが表示されて、インパクトのある演出になっています。イラストは短いスパンのスライドショーで切り替わる仕組みになっていて、次々と現れるイラストに目が釘付けになるようなサイトの導入として効果的...