サイトを開くと全画面に表示される写真と、その中央に配置された明朝体のキャッチコピーがシンプルながらも強いメッセージ性を感じさせるファーストビューです。ブラウザの画面幅をいっぱいに使った1カラムのレイアウトで、くすんだピンクとグレーを中心とした柔らかい色使いや、円形にトリミングされた写真やボタンで優しい印象を与えるデザインです。画面をスクロールすると右から採用情報のリンクボタンがスライドインし、クリックするとグリーンをベースとした色使いへとページが一変します。ページをスクロールすると背景が固定されてコンテンツのみがスクロールする視差効果も取り入れられています。
執筆者
カテゴリ
基本情報
病院・クリニックに関連するデザイン
-
「hana鍼灸治療院」のホームページデザイン解説サイトを開くと画面いっぱいに広がる鮮やかな蘭の花がまず目に入り、スライドショーが切り替わると院内の内装や施術の様子が写真で紹介されています。落ち着いたゴールドをアクセントカラーにしており、ダイヤ型のテクスチャと合わせて高級感を感じさせるデザ...
-
「医療法人社団 恵友会 三恵病院」のホームページデザイン解説メインビジュアルはコンパクトな形にまとめられた楕円形のスライドショーで、その右には診療案内が簡潔にまとめられており、下のナビゲーションメニューと3種のご案内へのリンクが画面全体に収まることで、病院の概要が一目でわかるように構成されています。...
-
「医療法人 敬愛会 末広橋病院」のホームページデザイン解説メインビジュアルは3枚の画像で構成されたスライドショーで、下部を流線型にトリミングして手書き風の鳥のイラストを添え、優しい雰囲気をまず感じさせます。病院の内装と合わせたくすんだピンクと淡いベージュを中心にした色使いと、角丸長方形を使ったレイ...
サービスサイトに関連するデザイン
-
「西武学園文理中学･高等学校」のホームページデザイン解説サイトを開くと画面中央に埋め込んだYoutubeの動画が再生され、その上に重なるように斜めにカットしたベタを配置してキャチコピーが重ねられています。シンプルな1カラムのレイアウトでかっちり感を出しつつ、鮮やかなイエローとグリーンを背景に、リ...
-
「小松美羽 Official Site」のホームページデザイン解説サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
- 「hana鍼灸治療院」のホームページデザイン解説
サイトを開くと画面いっぱいに広がる鮮やかな蘭の花がまず目に入り、スライドショーが切り替わると院内の内装や施術の様子が写真で紹介されています。落ち着いたゴールドをアクセントカラーにしており、ダイヤ型のテクスチャと合わせて高級感を感じさせるデザ...
ピンクを使ったデザイン
-
「早川写真館_TOKYO GIRL」のホームページデザイン解説鮮やかなピンクの背景に、斜めにカットしたカラフルな着物の写真がぱっと目を引くファーストビューです。鮮やかなピンクとイエローをメインカラーに、淡いブルーのストライプをあしらったガーリーな色使いで、リンクボタンのブラックがきりっと引き締まった印...
-
「株式会社アバンダ」のホームページデザイン解説サイトを開くと華やかな女性の背後にナチュラルなインテリアの写真を配置したビジュアルがまず目を引き、その横に書かれた医療用ウィッグに関するキャッチコピーで、ウィッグのお洒落なイメージをまず感じさせます。くすんだオレンジとグリーンをアクセントカ...
- 「医療法人 敬愛会 末広橋病院」のホームページデザイン解説
メインビジュアルは3枚の画像で構成されたスライドショーで、下部を流線型にトリミングして手書き風の鳥のイラストを添え、優しい雰囲気をまず感じさせます。病院の内装と合わせたくすんだピンクと淡いベージュを中心にした色使いと、角丸長方形を使ったレイ...
シンプルなホームページのデザイン
- 「医療法人社団 恵友会 三恵病院」のホームページデザイン解説
メインビジュアルはコンパクトな形にまとめられた楕円形のスライドショーで、その右には診療案内が簡潔にまとめられており、下のナビゲーションメニューと3種のご案内へのリンクが画面全体に収まることで、病院の概要が一目でわかるように構成されています。...
-
「sanjoy!まちなか情報局」のホームページデザイン解説タイル状に組み合わせたマルシェの様子の写真の中央に角丸長方形を配置し、その上にイベントロゴを配置したにぎやかな印象のファーストビューです。メインエリアは2カラムのレイアウトで、グリーンとグレーを中心とした色使いに、キャプションには記事のカテ...
-
「株式会社ジャスト_J-Scan」のホームページデザイン解説サイトを開くと画面中央にムービーが再生され、その上に半透明のブラックのベタが重ねられ、中央に太字のキャッチコピーとサービスのロゴが重ねられています。実写映像と3DCGを組み合わせた動画は迫力があり、技術力の高さを感じさせます。コンテンツはネ...
