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