【サイト分析】まえだ整形外科・手のクリニック（世界観特化・ボタンが見やすい）
1. サイト概要
サービス内容：整形外科・日帰り手術・手肘の再生医療
2. サイトの目的
このサイトは主に手の怪我や病気に悩みがあるユーザーの顧客獲得・予約獲得を目的として作られていると考えられます。
例
・WEB予約獲得
・スタッフ募集
・日帰り手術の認知
3. ターゲットユーザー
想定されるターゲットは以下だと感じました。
年齢層：ー
性別：ー
ライフスタイル：スポーツ/手の不調についてお悩みを持っている
ニーズ：すぐに治したい・手について専門的な整形外科を探している
4. ファーストビュー分析
最初に目に入るファーストビューでは、
キャッチコピー：専門性を述べている
メインビジュアル：受付の写真。トンマナを店内のカラーと統一している。
印象：あたたかい印象。清潔感
ユーザーに安心感、心のゆとりを与えるデザインになっています。
5. デザインの特徴
カラー
メインカラー：#F7F5E (pngで窓を表現）
サブカラー、CTA：オレンジ#ff6900 黄緑#7fab26
セクション Greeting #f7f7f7
与える印象：落ち着き、ポジティブ、安心
フォント
使用フォント：wordy-diva(飾り文字,コピーライト。世界観が出ている)
/Lato（数字）/DNP秀英丸ゴシックStd（メイン）
印象：
レイアウト
余白
視線誘導 I型 シンプルだが、イラストの使用や、コンテンツごとに色を変える、波を作る、見出しの色を変えるなどの工夫で離脱率を下げている
情報の整理 コンテンツごとにオレンジ・緑を使い分けており、非常に見やすい。
世界観 ロゴイメージと雰囲気の似た窓やイラスト、スタンプを使用することで世界観がしっかりと出せている。マップにもFVと同じ窓を使用しており、所在地のピンにロゴを入れる・サブカラーで所在地を表現することで非常にわかりやすく、全体のデザインに溶け込み、安心感のあるデザインとなっている。見出しにも透明度の高いロゴを使用している。英語の飾り文字を使用することで、さらにふわっとした雰囲気を感じる。
6. UI（ユーザーインターフェース）
使いやすさの観点では、
セクションごとに情報を見つけやすいよう配色を変えている
情報の見つけやすさ（綺麗に整列されている）
特徴セクションに多く写真が使われており、想像しやすく、安心感につながっている。
などが工夫されていると感じました。
7. UX（ユーザー体験）
・予約ボタンの固定配置で、予約がしやすい。
・ロゴ、FVから専門性が分かりやすい。
このクリニックが何が強みなのかが分かりやすい。
・怪我や病気の種類から情報を探せるようになっており、
ユーザー目線で設計されている。
8. コンテンツ構成
サイトの主な構成は以下です。
ファーストビュー
サービス紹介
アクセス
診療時間案内
専門的なケガの情報の紹介
診療案内
クリニックの特徴
メッセージ
ブログ紹介
CTA
9. 良いと感じたポイント
デザインに統一感があり、安心できる世界観がしっかりと出せている。
少ない色使いで非常に分かりやすい。CTAが目立っている。
ユーザー目線の情報が多い。
10. 改善できそうなポイント
「予約制」という情報がわかりづらいので、こちらもサブカラーや窓などを使用しつつ大きく配置すると良さそう
診療時間を表にすることでさらに見やすくできそう。WEB予約ができるという認知ができそう。
11. 今回の学び
今回のサイト分析から、
窓デザインの重要性
サブカラーの使い方
コンテンツの魅せ方
などを学ぶことができました。
今後のWebデザイン制作にも活かしていきたいと思います。
