コーポレートカラーのグリーンをメインに、フッターのコピーライト部分には北海道の観光名所のイラストをシルエットで載せて、北海道らしさを演出しています。大量の項目をカテゴリーごとにボックスにまとめて、それぞれの見出しにシンプルな文言の見出しとアイコンをつけることで閲覧者が必要な項目を見つけやすいレイアウトになっています。ページ内でもタブ切り替えのボックスを使ったり、細めのリンクバナーを使うことで、リンク数は多いながらコンパクトにまとめています。
執筆者
カテゴリ
基本情報
銀行に関連するデザイン
-
「城南信用金庫 – 新卒採用」のホームページデザイン解説メインビジュアルは銀行で働く人々の写真をタイル状に組み合わせたもので、中央にベタを敷いてメッセージを重ねることで、応募者に就業への強い意欲を促します。コンテンツはブルーやグリーンのバックに写真を自然なグラデーションでマスクして乗せ、スペシャ...
-
「三井住友トラスト・ホールディングス」のホームページデザイン解説トップページ内に画像やピクトグラム等のイラストはなく文字がメインの情報量が充実したホームページです。ニュースリリースや更新情報、各種項目にはそれぞれリンク先があり別ページへ遷移する仕様になっています。各カテゴリー毎に情報が分かれているため各...
-
「NICOS」のホームページデザイン解説常時バナーとして「ご質問はこちら」が設定されているホームページです。単に文字だけでなく女性のイラストを用いることで案内がやわらかい印象となっています。全体としては白と赤を基調とした明るく元気で、誠実さのあるホームページです。フォントは原則ゴ...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
グレーを使ったデザイン
-
「TEPRA PRO App “Hello”」のホームページデザイン解説サイトを開くと画面中央に大きくCGグラフィック表示されて、一連のモーションによって商品の概要や特徴が紹介されています。説明的な文章は無く、オブジェクトの動きによって直感的に内容が理解できるデザインが、しっかりとユーザ視点を考えているとともに...
-
「syn」のホームページデザイン解説画像領域が左側に大きく表示されており、大きなエリアと小さなエリア2つに分けられた構成が見やすくユーザの関心を得るデザインになっています。右上にはドロアーで隠されたナビゲーションメニューが固定表示されていて、スムーズな閲覧が可能な設計となって...
-
「Nissen On-line」のホームページデザイン解説ホワイトをベースにグレーをアクセントにしたサイトです。ファーストビューでは右から左へ、ニッセン通販のセールやキャンペーン情報をスライドさせています。グローバルナビにて、ファッション以外にインテリアや雑貨、美容・レジャー・ワークなどを案内して...
堅め・信頼感なホームページのデザイン
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
-
「ACSL」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、様々なケースで活躍するドローンを紹介しています。グローバルナビにて自律制御システム研究所の会社概要、仕事内容やソリューションなどを案内しています。ACSLのソリューシ...
-
「ベンザブロック」のホームページデザイン解説ファーストビューではタレントを起用した目を引く写真が大きく使われており、画像上に商品画像が配置された構成になっています。商品画像はタイプごとに3つの画像を色分けして、並べて表示されていて見やすく、それぞれにカーソルを合わせるとちょっとしたモ...