WORKS DETAILランディングページ（LP）＆サイト制作実績の詳細
オンラインPCR検査キットのランディングページを制作
大森駅前内科小児科クリニックさまのオンラインPCR検査キットのレスポンシブランディングページを制作いたしました。
ランディングページのテーマ
PCR検査の実績豊富な医療機関が行うオンラインPCR検査
新型コロナウイルスが拡大する中で、実際に東京都の感染症患者の診療実績が数万件以上ある医療機関として、オンラインPCR検査キットを自宅に届けるプロジェクトを開始。ページ上では、東京都から直接委託を受けた保険医療機関が実施する検査であることや変異株にも対応していることが分かりやすく伝わるようUIを設計しました。また、万が一陽性になった場合でも同院の医師とオンライン診療可（保険）ができることも案内。刻々と情勢が変化する中で、ページの内容を柔軟に変更できるようにCVX上に構築。ユーザーのページ内行動を分析しながら、迷わせないページづくりを意識し、スムーズな検査申し込みができる流れをつくりました。
ランディングページのデザインコンセプト
- 改修を前提にデバイスフォントを主体としたデザイン設計
- メインコピーが視認しやすいファーストビューデザイン
- ネイビーをベースカラーにし、強調箇所やCVボタンをオレンジに設定
- 検査回数に合わせたコンバージョンエリアを制作
- レスポンシブでも単調にならない動きのあるレイアウト設計
- 自宅での検査フローをシンプルな表でわかりやすく訴求
ランディングページのコーディング
- PC/スマホそれぞれに最適化したレスポンシブコーディング
- SEOを考慮し、プレーンテキストを中心としたマークアップ
- CVXでのコンテンツの複製や編集のしやすさを意識したマークアップ
- ボタンリンクのクリックを誘導するためにホバー時アニメーションを実装
- アンカーリンクを実装し、CV導線を確保
- 特定の商品ではボタンクリックのみでカートに入った状態にするなど、CVボタンの商品に応じたUX設計
クライアント様からの評価
御社には素晴らしいサポートをしていただいていることを認識しております。
| カテゴリー | ランディングページ |
|---|
| 提供サービス |
ランディングページ制作 ランディングページ分析・改善 |
|---|
ランディングページ（LP）＆サイト制作実績
IT・WEBエンジニア向け転職支援サービスのランディングページを制作
IT・WEBエンジニア向け転職支援サービス「あなたにIT（あいてぃー）」（ブラッシュアップ・ジャパン株式会社さま運営）のレスポンシブランディングページをデザイン制作いたしました。
小学生向けのプリント学習のランディングページを制作
小学生向けのプリント学習「七田式小学生プリント」（しちだ・教育研究所様の提供サービス）のスマートフォン/PC用ランディングページを制作いたしました。
FRENCH CONNECTION JAPANのECサイトを制作
日本に再上陸したイギリス・ロンドン発のストリートファッションブランドFRENCH CONNECTION JAPANのECサイトをデザイン制作・構築しました。
