赤十字病院のイメージから紅白のカラーを効果的に使用、メリハリのあるサイトに仕上げています。ファーストビューで画像をスライドさせることにより、「総合救命救急センター」や「こども医療センター」を紹介しています。イラスト付きで「外来受診」、「入院」、「診療科」のバナーを分けています。目立つところには赤地に白抜きのゴシック体、ほかにブラックのフォントが使われています。下層ページから「病院からのお知らせ」と「一般の方向けイベント」へアクセスできます。ほかにも、「敷地内全面禁煙」、「院内での写真撮影の禁止」などがわかりやすいイラストで表示されています。熊本赤十字病院の特色や取り組みを、インパクトのある写真をふんだんに使って丁寧に説明しているサイトです。
執筆者
カテゴリ
基本情報
病院・クリニックに関連するデザイン
-
「緑の森どうぶつ病院」のホームページデザイン解説サイトを開くと画面いっぱいに動物や植物の手書きイラストがちりばめられ、丸く切り抜かれた中央に動物と建物の外観のスライドショーが流れます。淡い色使いにはっきりしたグリーン1色がアクセントとなったメリハリの効いた色使いです。角丸長方形のアイコン...
-
「済生会横浜市東部病院」のホームページデザイン解説ホワイトに淡いブルーのグラデーションを組み合わせた背景の色使いが、医療機関らしい清潔さをまず感じさせます。メインビジュアルはブラックのフォントに手書きのブルーの文字を組み合わせ、グラデーションのボタンを組み合わせたさわやかなイメージの上に、...
-
「健腸ナビ」のホームページデザイン解説画面左にタイトルと導入文、右側にスライドショーを配置したシンプルな構成ですが、自然光を感じる明るい色彩の写真を大きく使い、フォントの大小でコントラストをつけたコピーはマージンを大きく取ることで、フレッシュですっきりとした印象を感じさせます。...
コーポレートサイトに関連するデザイン
-
「西山製麺 ドイツ法人」のホームページデザイン解説画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...
-
「エッグフォワード」のホームページデザイン解説トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...
-
「STRIVE」のホームページデザイン解説サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...
レッドを使ったデザイン
-
「日清食品グループ オンラインストア」のホームページデザイン解説ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...
-
「グランアップル神戸三田」のホームページデザイン解説画面幅いっぱいに広がるグランピングの風景のスライドショーの上に、画面右からサービスのタイトルが転がるように飛び出してきて、グランピングの楽しさが一目で伝わるファーストビューです。コンテンツタイトルは太目の英語フォントにサービスロゴを重ね、ガ...
-
「My Austria Bucket List」のホームページデザイン解説ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
堅め・信頼感なホームページのデザイン
- 「済生会横浜市東部病院」のホームページデザイン解説
ホワイトに淡いブルーのグラデーションを組み合わせた背景の色使いが、医療機関らしい清潔さをまず感じさせます。メインビジュアルはブラックのフォントに手書きのブルーの文字を組み合わせ、グラデーションのボタンを組み合わせたさわやかなイメージの上に、...
-
「One Day Dental」のホームページデザイン解説サイトを開くとまず表示されるスライドショーは、ビジュアルの上に予算別のコースを表示して、治療にかかる大まかな金額を最初に表示することでユーザーの選択を促しています。ホワイトに濃いネイビーのコントラストの強さが、堅実さを清潔感を感じさせる色使...
-
「JAXA 有人宇宙技術部門」のホームページデザイン解説ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
