サイトを開くと、ファーストビュー画像領域に公式キャラクターのイラストを用いた画像が表示されて、可愛らしい雰囲気が演出されています。スクロールしていくとコンテンツの表示が展開されて、キャンペーンや各種ローンについての詳細が閲覧できるページへのリンクボタンが並べられています。それぞれにアイコンが設置されていて見やすく、枠・ボタンともに角丸の四角で形状が統一されていることでスッキリとしたデザインとなっています。「ライフイベントに合わせたご提案」の項目ではそれぞれの項目が色分けされてカテゴリが表示され、また別のタッチのアイコンが設置されていて見やすい構成です。下層ページも同様にすっきりとまとめられていて、完成度の高いサイトです。
執筆者
カテゴリ
基本情報
銀行に関連するデザイン
-
「あおぞら銀行」のホームページデザイン解説サービスのキャッチフレーズが浮かび上がるページからはじまるホームページです。ファーストビュー画像はそれぞれキャンペーン情報が掲載されています。画像下には日付とお知らせが右から左へ動くデザインで注目度を高めます。ページ全体としては白と青を基調...
-
「城南信用金庫 – 新卒採用」のホームページデザイン解説メインビジュアルは銀行で働く人々の写真をタイル状に組み合わせたもので、中央にベタを敷いてメッセージを重ねることで、応募者に就業への強い意欲を促します。コンテンツはブルーやグリーンのバックに写真を自然なグラデーションでマスクして乗せ、スペシャ...
-
「三井住友トラスト・ホールディングス」のホームページデザイン解説トップページ内に画像やピクトグラム等のイラストはなく文字がメインの情報量が充実したホームページです。ニュースリリースや更新情報、各種項目にはそれぞれリンク先があり別ページへ遷移する仕様になっています。各カテゴリー毎に情報が分かれているため各...
サービスサイトに関連するデザイン
-
「TRIPPIN」のホームページデザイン解説海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
-
「Gare Centrale de Montréal」のホームページデザイン解説カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
-
「stimmt」のホームページデザイン解説オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ブルーを使ったデザイン
-
「フロンティア総合会計事務所」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、フロンティア総合会計事務所のスタッフが写っています。グローバルナビにて事務所概要、顧問料などを案内しています。フロンティア総合会計事務所の顧問料については、月額の記帳...
-
「ゆめ中央保育園」のホームページデザイン解説ベージュをベースにブルーをアクセントにしたサイトです。ファーストビューには、ゆめ中央保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて施設概要、年間行事などを案内しています。ゆめ中央保育園は「本園」と「分園」に分かれています。ト...
-
「おおたか総合法律事務所」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、都心の高層ビル群が淡いトーンで写っています。3本ラインのメニューボタンにて、事務所の業務内容などを案内しています。トップページの中央に、おおたか総合法律事務所からのメ...
ポップなホームページのデザイン
-
「Droptokyo」のホームページデザイン解説東京のファッションメディアのサイトで、鮮やかな原色のイエローとブルーがまず目に入ります。画面左にナビゲーションを固定し、中央をスライドショー、右側はコンテンツのリンクとワイド画面を３分割したレイアウトで構成されています。スライドショーをスク...
-
「社会福祉法人実源福祉会 一の宮保育園（公式ホームページ）」のホームページデザイン解説ブルーをベースに、カラフルなイラストが描かれたサイトです。ファーストビューには、一の宮保育園で遊ぶ園児たちが写っています。グローバルナビにて保育園の概要、年間行事予定などを案内しています。トップページは2カラム構成で、左サイドに新着情報と一...
-
「かいせい保育園」のホームページデザイン解説ホワイトをベースにしたカラフルなサイトです。ファーストビューには、かいせい保育園で元気に遊ぶ園児たちを写した動画が使われています。グローバルナビにて保育園での生活、かいせい保育園の施設一覧などを案内しています。メールマークの付いたイエローの...
