全体がスカイブルーでまとめられた清潔感のあるサイトです。病院の全景をコンパクトに表示したメインビジュアルの下には、診療科の内容をスライドショーで表示しています。サイドバーには病院概要は診療科をアコーディオンメニューを併用してコンパクトにまとめました。トップのナビゲーションに一部色分けをしていますが、これらはリンク先のサイトのメインカラーにもなっています。
執筆者
カテゴリ
基本情報
病院・クリニックに関連するデザイン
-
「HANGAI EYE CLINIC GINZA」のホームページデザイン解説サイトを開くと画面一面に鮮やかなグリーン系のカラーが表示され、中央にメッセージが現れる仕組みになっています。インパクトのある演出がユーザの興味を抱かせる工夫となっていて、サイトの導入として効果的な演出です。一連のモーションの後にトップページ...
-
「医教」のホームページデザイン解説さわやかな自然の中でほほ笑む看護師の写真がとても印象的で、すぐ下には前年実績が大きめのフォントで表示され、看護系教育における高い実績と信頼感を感じさせるファーストビューです。さわやかなブルーを中心としたパステル調の色使いのフラットなデザイン...
-
「一宮西病院看護部」のホームページデザイン解説ブルー・ピンク・グリーンの3色でで全体の色使いをまとめた優しいイメージのサイトです。窓から光が射しているような明るい写真を多用しているため、清潔感とフレッシュなイメージを感じさせ、病院の信頼感につなげています。下層ページは新卒募集・既卒募集...
コーポレートサイトに関連するデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
ブルーを使ったデザイン
- 「新川電機株式会社」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
-
「ACSL」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、様々なケースで活躍するドローンを紹介しています。グローバルナビにて自律制御システム研究所の会社概要、仕事内容やソリューションなどを案内しています。ACSLのソリューシ...
-
「フォーサイト総合法律事務所」のホームページデザイン解説絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...
ナチュラル・清潔感なホームページのデザイン
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
-
「FORCAS」のホームページデザイン解説ホワイトマスクがかかったムービーがファーストビューで展開されて、動きがあることで目を引く演出となっています。上部に設置されたナビゲーションメニューは、下スクロールで画面外に隠れ、上スクロールで瞬時に現れる仕組みで、スムーズな閲覧が可能な設計...
-
「WOTA」のホームページデザイン解説鮮やかなブルー系のグラデーションカラーを用いて、ぼんやりとした波のような表現が展開されたファーストビューが美しく、見入ってしまうような演出によってサイトの導入として効果的な役割となっています。スクロールした先で表示される写真にはスクロールと...