Facebook 男性向け美容クリニックのHPデザインの改善
Logo

男性向け美容クリニックのHPデザインの改善

クレジット
Avatar
デザイナー
男性向け美容クリニックのHPデザインの改善-1
シェア
制作ノート
2枚の写真の説明

■ 概要

20代〜50代の働く男性ビジネスマンをターゲットとした、男性向け美容クリニックのトップページデザイン。

コンペ提出案が不採用となったため、採用作品およびクライアント傾向を分析し、改善案を制作。

目的は、新規顧客に「このクリニックに通いたい」と思ってもらうこと。

■ 改善前デザイン(2枚目)の意図

「信頼感」と「かっこよさ」を50:50で表現

クリニックらしい安心感を重視

清潔感・誠実さを軸に構成

使用要素

カラー:グレーを基調に、ネイビー+オード色

ファーストビュー:爽やかな営業マンの写真

フォント:ゴシック体

ボタン:白塗り+細いネイビー枠のシンプルデザイン

■ 改善後デザイン(1枚目)の意図

クライアントの志向を再定義し、

「信頼感」よりも「高級感」と「男性の理想像」を主軸に再設計。

① カラー設計の変更

グレー寄りネイビーを基調色に統一

金に近いオード色をアクセントに使用

→ 色数を絞ることで高級感を演出

② ファーストビューの再構築

白黒写真を採用

引き構図+目線を逸らしたポージング

余白を活かした構成

→ 「爽やか」から「洗練・色気・品格」へ印象転換

→ 理想像を提示することで感情訴求を強化

③ フォント変更

ゴシック体から明朝体へ変更

→ 可読性中心の設計から高級ブランドのような佇まいを重視する方向へシフト

④ メニュー設計の変更

シンプルボタンから、写真を主体としたメニューへ変更

写真背景+左下三角アクセント+白文字

→ 施術後イメージを視覚的に提示

→ 「何ができるか」を言葉よりも体感的に伝達

→ 結果として信頼感向上にも寄与

■ 学び・改善ポイント

クライアントの言語化されていない「美意識」を読む重要性

信頼感の出し方は「病院らしさ」だけではない

色数・構図・フォント変更はブランド印象を大きく左右する

写真は説明ではなく“未来の自己像”を提示する

■ 成果

コンペ不採用を起点に、

他作品を分析 → 意図を再設計 → デザインに反映。

「信頼」重視から「理想像提示による感情訴求」へ軸を移した改善事例。

シェア