Yard Dental Clinic

サイトイメージ

明るい

暗い

穏やか

荒々しい

柔らかい

硬い

 Yard Dental Clinic
 Yard Dental Clinic

ちょうどいいポイント

安心して治療を任せられる期待感

落ち着いた緑色とベージュで構成されたサイトは温かみと安心感を与えてくれます。
鮮やかさを抑えた落ち着いた色味が使われている分、明るくて光にあふれた院内の写真が目を惹きます。明るくて清潔な環境で治療を受けられそうという期待感がアップしますね。
また、使用されている写真の人物がすべて笑顔なのも印象的です。誰もが気軽に歯科を訪れる未来を目指すというメッセージの通り、治療するだけでなく、お口の健康について気軽に相談できる安心感を感じます。

曲線で柔らかさを感じさせる

サイト内の写真などはすべて角丸で処理されていたり、見出しには「ニューセザンヌ Pro M」というゴシック体フォントを使用していたり、全体的に曲線的で柔らかいイメージを感じます。
徹底しているなと感じたのが、テキストを表示するときにも曲線が取り入れられていること。スクロールに合わせて、波のようにテキストの色が変化します。テキストの色がグレイから黒に変化するのも優しい印象ですね。テキストの表示されていない部分と表示されている部分の境目が、無と有ではっきり分かれていないところがいいです。

見やすいメニュー表示

パソコンでは、メニューアイコンをクリックするとメニューが全画面に表示されます。左右で背景を変えているので、セクションが分かれているということが一目瞭然で、情報が入ってきやすいです。広いスペースを活かして、診療案内の詳細な内容もすべて載せるなど、すぐに求める情報に辿り着けるようになっています。
スマホ表示では、診療案内や診療時間などの詳細な内容は非表示になり、必要最低限のメニューが表示されるようになります。また、あまりスクロールしなくても必要な情報に辿り着けるように配慮されています。

しおみん
るの

化粧筆を使っているような気持ちになる