WORKS DETAILランディングページ&サイト制作実績の詳細
オンラインPCR検査キットのランディングページを制作
大森駅前内科小児科クリニックさまのオンラインPCR検査キットのレスポンシブランディングページを制作いたしました。
![オンラインPCR検査キットのランディングページを制作](https://conversion-labo.jp/wp-content/uploads/2021/08/oomori_works2.jpg)
ランディングページのテーマ
PCR検査の実績豊富な医療機関が行うオンラインPCR検査
新型コロナウイルスが拡大する中で、実際に東京都の感染症患者の診療実績が数万件以上ある医療機関として、オンラインPCR検査キットを自宅に届けるプロジェクトを開始。ページ上では、東京都から直接委託を受けた保険医療機関が実施する検査であることや変異株にも対応していることが分かりやすく伝わるようUIを設計しました。また、万が一陽性になった場合でも同院の医師とオンライン診療可(保険)ができることも案内。刻々と情勢が変化する中で、ページの内容を柔軟に変更できるようにCVX上に構築。ユーザーのページ内行動を分析しながら、迷わせないページづくりを意識し、スムーズな検査申し込みができる流れをつくりました。
ランディングページのデザインコンセプト
- 改修を前提にデバイスフォントを主体としたデザイン設計
- メインコピーが視認しやすいファーストビューデザイン
- ネイビーをベースカラーにし、強調箇所やCVボタンをオレンジに設定
- 検査回数に合わせたコンバージョンエリアを制作
- レスポンシブでも単調にならない動きのあるレイアウト設計
- 自宅での検査フローをシンプルな表でわかりやすく訴求
ランディングページのコーディング
- PC/スマホそれぞれに最適化したレスポンシブコーディング
- SEOを考慮し、プレーンテキストを中心としたマークアップ
- CVXでのコンテンツの複製や編集のしやすさを意識したマークアップ
- ボタンリンクのクリックを誘導するためにホバー時アニメーションを実装
- アンカーリンクを実装し、CV導線を確保
- 特定の商品ではボタンクリックのみでカートに入った状態にするなど、CVボタンの商品に応じたUX設計
クライアント様からの評価
御社には素晴らしいサポートをしていただいていることを認識しております。
カテゴリー | ランディングページ |
---|
提供サービス |
ランディングページ制作 ランディングページ分析・改善 |
---|
ランディングページ&サイト制作実績
![IT・Webエンジニア転職支援サービスのランディングページを制作](https://conversion-labo.jp/wp-content/themes/conversion_lab_v3/images/common/works_loader.gif)
IT・Webエンジニア転職支援サービスのランディングページを制作
レバレジーズ株式会社さまが運営するIT・Webエンジニア専門の転職サイト【LeveragesTech】(レバレジーズテック)!のランディングページをデザイン制作いたしました。
![中学生、高校生のためのITキャンプ「Life is Tech!」のサービスサイトを制作](https://conversion-labo.jp/wp-content/themes/conversion_lab_v3/images/common/works_loader.gif)
中学生、高校生のためのITキャンプ「Life is Tech!」のサービスサイトを制作
ライフイズテック株式会社さまが手掛けるシリコンバレーの教育法で学ぶ、中高生のためのIT教育プログラム“”Life is Tech!”のサイトを、サマーキャンプのLPに続き、デザイン制作いたしました。