Design Review#008✍🏻 Yard Dental Clinic

Natsu🇨🇦

2024年10月24日 05:31

👩🏻‍💻 webサイト

🗺 国

日本

🌟 業界・サイトの種類

歯医者サイト

🏢 制作会社

Sea Inc.さん
担当：
プロジェクトマネジメント、ブランディング、ディレクション、アートディレクション、コピーライティング、情報設計、デザイン、ネーミング、イラスト、スチール撮影、フロントエンド実装、CMS構築

ヘルスケアやコスメ系の制作物が多い印象ですが、実績をさらに拝見すると様々な業種のサイトの制作を手掛けているそうです。ダイナミックかつシンプルなデザインが多く、とても好みです！

Kicetsさん
担当：
アートディレクション、デザイン、フォトディレクション

実績を拝見したところ、スッキリと見やすいデザインが多くこちらも好みの制作会社さんでした！アプリのデザインなんかも実績にあり、様々なプロダクトを手掛けている印象です。

👀 第一印象

普通の歯医者さんとは全然違う！と衝撃を受けたサイト。なんかもう隅々まで可愛く妥協のないデザイン。本当に可愛い。
フレッシュで軽やかなグリーンと薄黄緑色のカラーが、歯科診療に対する敷居の高さを払拭してくれる。サイトの画像やデザインは角丸で全体が統一されているため、いい意味で「歯医者のプロフェッショナルな感じ」というよりか「親しみやすい感じ」が強く、若い層にも響くデザインとなっている。
デザインに関してもファーストビューではコピーを見せるタイプのデザインや英文見出しが薄くて大きいデザインなど、トレンドのデザインが取り入れられており、医療機関でありながらデザイン性を重視したサイトになっている。
ただ、デザイン重視ではあるもののゴリゴリのアニメーションとかはなく情報もスッキリと整理されているため、知りたい情報はすぐに見つけることができる。

🤔 ターゲット・目的の考察

20、30代の顧客や若い親世代、そしてクリニックでの勤務に興味のある求職者がターゲットになっている。
Yard Dental Clinicはサイト内のメッセージにも「どうか、庭に出るようなリラックスした気持ちで、遊びに来てください。」とあるように患者さんにリラックスしてほしいという想いがあり、そのため歯科クリニックにも関わらずお菓子やコーヒーが設置されていたり治療中は音楽を聞くこともできるようだ。そのようなYard Dental Clinicが持つ特徴をサイトのデザインで感じてもらえるよう、このようにフレッシュで爽やかな配色や角丸でのぬくもりの演出をしているのだと考えられる。

💭 使用フォント

英文見出し/数字： font new baskerville ITC pro
→やはり一番大きなあしらいっぽい見出しや数字にのみ、セリフ体のフォントが使用されている。その影響で見出しをワンポイント、あしらいのような雰囲気にすることができる。

英文小見出し：Neue Haas Unica
→スッキリとしたゴシック体で、主張しすぎず優しい存在感がある。

日本語小見出し：NewCezanne Pro
→正統派なゴシック体なので、ここで雰囲気を引き締めることができている。

本文：noto sans

🎨 配色

ベース：#FCF7DD（薄い黄色）、#eee8d1（薄い黄色を少し濃くした色。ちょっと暗めな薄黄色。）
メイン：#5a9f4d（緑）
アクセント：#282d27（ほとんど黒に少し緑を足した色）
フォント：#282d27（ほとんど黒に少し緑を足した色）

✨ デザインの規則性・分析のポイント

メインビジュアル

ファーストビューではコピーが最初にあり、画像はすべて写っているわけではない。この配置は最近よく見るタイプである。
またグロナビは右側に縦で配置されており、スクロールするとハンバーガーだけが追従していく。
また、右下にある電話番号とLINE予約も追従していくため、最も重要な問い合わせ関係を終始主張させることができている。