ファーストビューではヘッダーの背景の青空と、ナビゲーションバーのスカイブルーからホワイトへのグラデーションがさわやかな印象です。メインビジュアルはスライドショーの右側に外来受付の連絡先を乗せ、左下に病院のスローガンをロゴとともに添えることで、地域に寄り添った医療を提供する病院のコンセプトを伝えています。各エリアのタイトルとエリア内のリンクボタンはほんのわずかにグラデーションをつけて立体感を持たせ、ブルーをメインカラーとした清潔感のある色使いでまとめました。フッター部分は手書き風の街並みのイラストにカラフルな吹き出しを配置し、医療従事者の声と患者の声をあえて分けずに乗せることで、お互いの距離感の近さを感じさせる親しみのあるデザインです。
カテゴリ
基本情報
病院・クリニックに関連するデザイン
- 「医療法人 恵生会 南浜病院」のホームページデザイン解説
サイトを開くと全画面に表示される写真と、その中央に配置された明朝体のキャッチコピーがシンプルながらも強いメッセージ性を感じさせるファーストビューです。ブラウザの画面幅をいっぱいに使った1カラムのレイアウトで、くすんだピンクとグレーを中心とし...
- 「hana鍼灸治療院」のホームページデザイン解説
サイトを開くと画面いっぱいに広がる鮮やかな蘭の花がまず目に入り、スライドショーが切り替わると院内の内装や施術の様子が写真で紹介されています。落ち着いたゴールドをアクセントカラーにしており、ダイヤ型のテクスチャと合わせて高級感を感じさせるデザ...
- 「医療法人社団 恵友会 三恵病院」のホームページデザイン解説
メインビジュアルはコンパクトな形にまとめられた楕円形のスライドショーで、その右には診療案内が簡潔にまとめられており、下のナビゲーションメニューと3種のご案内へのリンクが画面全体に収まることで、病院の概要が一目でわかるように構成されています。...
サービスサイトに関連するデザイン
- 「西武学園文理中学・高等学校」のホームページデザイン解説
サイトを開くと画面中央に埋め込んだYoutubeの動画が再生され、その上に重なるように斜めにカットしたベタを配置してキャチコピーが重ねられています。シンプルな1カラムのレイアウトでかっちり感を出しつつ、鮮やかなイエローとグリーンを背景に、リ...
- 「小松美羽 Official Site」のホームページデザイン解説
サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
- 「hana鍼灸治療院」のホームページデザイン解説
サイトを開くと画面いっぱいに広がる鮮やかな蘭の花がまず目に入り、スライドショーが切り替わると院内の内装や施術の様子が写真で紹介されています。落ち着いたゴールドをアクセントカラーにしており、ダイヤ型のテクスチャと合わせて高級感を感じさせるデザ...
ブルーを使ったデザイン
- 「株式会社ヘルシー不動産」のホームページデザイン解説
鮮やかなブルーをバックに、ポップなイラストが次々と流れるスライドショーが目を引くファーストビューです。鮮やかなブルーを中心としたカラフルな色使いで、物件検索のコンテンツは検索内容ごとにアイソメトリクスのイラストアイコンを使ったり、フッターに...
- 「株式会社 ティ・エス・ケイ」のホームページデザイン解説
メインビジュアルはぼかした苔を虫眼鏡で覗くとクロアリの顔がアップで映るユニークな構成で、虫眼鏡を中心としたメーカーであることが一目でわかるようになっています。グレーとくすんだネイビーをメインカラーにした落ち着いた色使いで、背景はホワイト1色...
- 「株式会社ジャスト_J-Scan」のホームページデザイン解説
サイトを開くと画面中央にムービーが再生され、その上に半透明のブラックのベタが重ねられ、中央に太字のキャッチコピーとサービスのロゴが重ねられています。実写映像と3DCGを組み合わせた動画は迫力があり、技術力の高さを感じさせます。コンテンツはネ...
イラスト・手書き感なホームページのデザイン
- 「公益社団法人日展_こども日展」のホームページデザイン解説
カラフルなタイトルロゴを囲むように配置されたイラストと、さらにそれを取り囲むように散りばめられた水彩風の三角形のテクスチャがぱっと目をひくファーストビューです。タイトルの下には3色の角丸長方形でリンクボタンが配置され、それぞれ吹き出し風にキ...
- 「真宗 大谷派 蓮照寺」のホームページデザイン解説
サイトを開くと画面幅いっぱいにお寺の風景と墓地の写真が次々にスライドショーで表示され、穏やかな空気感と季節感を感じさせます。またスライドショーの右側には縦書きでキャッチコピーが配置されています。明朝体の見出しと、ベージュの背景に淡く敷き詰め...
- 「北陸自動車学校」のホームページデザイン解説
サイトを開くと画面を縦に4分割したコンテンツのサムネイルで構成されたメインビジュアルがまず目に入り、それぞれ互い違いの平行四辺形を組み合わせることで蛇腹折りのパンフレットを広げたような効果を見せています。鮮やかなブルーとくすんだグリーンをメ...