ページを縦2つに分割して表示させるスプリットレイアウトが採用されており、さらにスクロール分割タイプになっていることで、右と左のページそれぞれにカーソルを合わせてスクロールさせページを読んでいくシステムが特徴的なサイトになっています。ページ左側は細い帯状になっておりメニューのリスト表示、右側の広いページ上ではイラストとピックアップメニューが表示されており、ユーザーの関心のある項目が選びやすい構成になっています。サイト全体を通してイラストや枠・ボタンなどのデザインがフラットデザインで統一されていて、金融関係の難しい内容のページでもすんなりと理解できそうなシンプルさを感じます。
執筆者
カテゴリ
基本情報
証券会社に関連するデザイン
-
「みずほフィナンシャルグループ」のホームページデザイン解説ファーストビューは画像が左右に切り替わるデザインです。その下にはニュースリリース、更新情報とFAQの3項目が分けれ表示されています。興味がある項目タブを押せば情報を確認することができユーザにとっても便利な仕組みです。その下の株価情報は表示が...
-
「NOMURA」のホームページデザイン解説トップページ上部は枠内いっぱいにファーストビュー画像、各項目毎の画像がきちんと整列しておりインパクトがあるデザインです。ページを下に進むとニュースリリース、更新情報などが掲載されています。各項目毎にタグが付けられているため視覚的にわかりやす...
-
「松井証券」のホームページデザイン解説ファーストビュー画像内に2つのボタンを用意しており選択させている点が特徴的です。その下にはイラストを用いてそれぞれの項目を並べています。口座開設については何分で完了するのか目安の時間があり口座開設ハードルを下げています。 トップページ下部...
サービスサイトに関連するデザイン
-
「TRIPPIN」のホームページデザイン解説海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
-
「Gare Centrale de Montréal」のホームページデザイン解説カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
-
「stimmt」のホームページデザイン解説オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
グリーンを使ったデザイン
-
「税理士法人トゥモローズ」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、トゥモローズの税理士が出迎えています。グローバルナビにて料金体系、その他のサービスなどを案内しています。トップページの中央に、トゥモローズの理念を掲載しています。法...
-
「社会保険労務士法人トムズコンサルタント」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューには、トムズコンサルタントのスタッフが写っています。グローバルナビにて会社情報、サービス内容などを案内しています。グリーンのバナーから、トムズコンサルタントの会社案内をダ...
-
「合同会社Stand By」のホームページデザイン解説ホワイトをベースにグリーンをアクセントにしたサイトです。ファーストビューには、Stand Byのスタッフが写っています。グローバルナビにてStand Byの会社情報、サービス内容などを案内しています。グリーンのバナーからニュースを見ることが...
イラスト・手書き感なホームページのデザイン
-
「社会福祉法人たんぽぽ会 虹の丘保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。虹の丘保育園の名前にちなみ、虹の出ているかわいいイラストが描かれています。ファーストビューの右から左へ、虹の丘保育園の外観をスライドしています。グローバルナビにて保育園の概要、保育方針などを案内し...
-
「光の森キャロット保育園 公式サイト 熊本県菊陽町認可保育園」のホームページデザイン解説ブルーをベースに、園名の「キャロット」にちなんだ“にんじん”がトレードマークのサイトです。かわいいうさぎが、にんじんを持って立っています。ファーストビューには、光の森キャロット保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて保...
-
「社会福祉法人新星会 双葉保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。ファーストビューには、双葉保育園の外観が写っています。グローバルナビにて保育園の概要、交通アクセスなどを案内しています。イラストの付いたブルーのバナーから、双葉保育園が実施している年間行事を見るこ...
