オンラインPCR検査キットのランディングページを制作

PCR検査の実績豊富な医療機関が行うオンラインPCR検査

新型コロナウイルスが拡大する中で、実際に東京都の感染症患者の診療実績が数万件以上ある医療機関として、オンラインPCR検査キットを自宅に届けるプロジェクトを開始。ページ上では、東京都から直接委託を受けた保険医療機関が実施する検査であることや変異株にも対応していることが分かりやすく伝わるようUIを設計しました。また、万が一陽性になった場合でも同院の医師とオンライン診療可（保険）ができることも案内。刻々と情勢が変化する中で、ページの内容を柔軟に変更できるようにCVX上に構築。ユーザーのページ内行動を分析しながら、迷わせないページづくりを意識し、スムーズな検査申し込みができる流れをつくりました。

• 改修を前提にデバイスフォントを主体としたデザイン設計
• メインコピーが視認しやすいファーストビューデザイン
• ネイビーをベースカラーにし、強調箇所やCVボタンをオレンジに設定
• 検査回数に合わせたコンバージョンエリアを制作
• レスポンシブでも単調にならない動きのあるレイアウト設計
• 自宅での検査フローをシンプルな表でわかりやすく訴求

• PC/スマホそれぞれに最適化したレスポンシブコーディング
• SEOを考慮し、プレーンテキストを中心としたマークアップ
• CVXでのコンテンツの複製や編集のしやすさを意識したマークアップ
• ボタンリンクのクリックを誘導するためにホバー時アニメーションを実装
• アンカーリンクを実装し、CV導線を確保
• 特定の商品ではボタンクリックのみでカートに入った状態にするなど、CVボタンの商品に応じたUX設計

御社には素晴らしいサポートをしていただいていることを認識しております。