WORKS DETAILランディングページ（LP）＆サイト制作実績の詳細
メンズAGAクリニックのランディングページを制作
男性向けAGAクリニックを運営されているイースト駅前クリニックさまの集客用レスポンシブランディングページを制作いたしました。
ランディングページのテーマ
薄毛に悩む男性の希望となるクリニック
全国で男性向けクリニックを運営し、数多の男性から支持を受けるイースト駅前クリニック様。今回はブランドイメージの刷新に伴う、デザインのリニューアルを行いました。またデザインだけでなく、新しいブランドとしての世界観をユーザーに伝えながら、それを集客につなげられるような情報設計の再構築をあわせて実施。AGA治療におけるイースト駅前クリニック様の強みや特徴をわかりやすく伝えながら、デザインでも世界観を表現できるように制作しています。
ランディングページのデザインコンセプト
- ブランドの世界観を踏襲しつつ、LPとしての訴求力も担保したデザイン
- 「あなたは、変われる。簡単に。」というブランドメッセージをメインビジュアルで表現
- 太い毛髪を意識して、力強い印象のゴシック体フォントを採用
- ロゴカラーを起点にした色彩設計で、ブランドイメージとの統一感を意識
- カルーセル、ポップアップなどのUIを活用して情報量が多くても分かりやすいデザインに
- 実際のクリニックや医師の写真を使用することで信頼感を醸成
ランディングページのコーディング
- 時間経過によって自動切替を行うスライダーをFVに実装
- PC/スマートフォンそれぞれに最適化したレスポンシブコーディング
- クリックで表示されるポップアップを電話・オンライン診療ボタンに実装
- お薬紹介コンテンツ、医院情報をコンパクトに収めるため、アコーディオンを実装
- PCはサイドボタン、SPは固定フッターを実装。CVボタンを常に表示させ、誘導を促進
| カテゴリー | ランディングページ |
|---|
| 提供サービス |
ランディングページ制作 ランディングページ分析・改善 |
|---|
ランディングページ（LP）＆サイト制作実績
2016新卒向け就職支援サービスのPC/スマホランディングページを制作
ブラッシュアップ・ジャパン株式会社さまが運営する「いい就職.com」の2016新卒大学生向けPC/スマホランディングページを制作いたしました。
書籍「ランティングページ・デザインメソッド」の紹介用ランディングページを制…
ランディングページの専門書「ランディングページ・デザインメソッド（株式会社ポストスケイプ著/MDNコーポーレーション発行）」を紹介するランディングページを制作いたしました。
